@font-face {
  font-family: 'Montserrat';
  src: url('../../font/Montserrat-Regular.otf') format("opentype");
}
@font-face {
  font-family: MontserratSemibold;
  src: url('../../font/Montserrat-SemiBold.otf') format("opentype");
}
@font-face {
  font-family: MontserratBold;
  src: url('../../font/Montserrat-Bold.otf') format("opentype");
}
@font-face {
  font-family: MontserratMedium;
  src: url('../../font/Montserrat-Medium.ttf') format("truetype");
}
@font-face
{
  font-family: 'Lato Regular';
  src: url('../../font/Lato-Regular.ttf') format("truetype");
}
@font-face
{
  font-family: 'Hellix Medium';
  src: url('../../font/Hellix-Medium.ttf') format("truetype");
}
@font-face
{
  font-family: 'TT Norms Pro DemiBold';
  src: url('../../font/TTNormsProDemibold.ttf') format("truetype");
}
@font-face
{
  font-family: 'Lato SemiBold';
  src: url('../../font/Lato-SemiBold.ttf') format("truetype");
}
@font-face
{
  font-family: 'Lato Bold';
  src: url('../../font/Lato-Bold.ttf') format("truetype");
}
@font-face {
  font-family: TTNormsRegular;
  src: url('../../font/TTNorms-Regular.otf') format("opentype");
}
@font-face {
  font-family: TTNormsSemiBold;
  src: url('../../font/TTNorms-Medium.otf') format("opentype");
}
@font-face {
  font-family: HellixRegular;
  src: url('../../font/Hellix-Regular.ttf') format("truetype");
}
@font-face {
  font-family: HellixSemiBold;
  src: url('../../font/Hellix-SemiBold.ttf') format("truetype");
}
@font-face {
  font-family: TTNormsProRegular;
  src: url('../../font/TTNormsProRegular.ttf') format("truetype");
}
@font-face {
  font-family: TTNormsProMedium;
  src: url('../../font/TypeType - TT Norms Pro Medium.ttf') format("truetype");
}
@font-face
{
  font-family: 'HelixRegular';
  src:  url('../../font/Helix.eot'); /* IE9 Compat Modes */
  src: url('../../font/Helix.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../../font/Helix.ttf')  format('truetype');
}

body {
  padding-left: 10px;
  padding-right: 70px;
  box-sizing: border-box;
  color: #555 !important;
  font-family: Montserrat !important;
  font-size: 13px !important;
}
th {
	text-transform:capitalize;
}

.pageHeader {
  font-family: Montserrat !important;
  color: #20b4c5;
  font-size: 22px !important;
}

.pageHeader h3{
	font-size: 22px !important;
	margin-top: 10px!important;
	}

.pageHeader2 {
	display : inline;
  font-family: Montserrat !important;
  color: #20b4c5;
  font-weight:bolder;
  font-size: 14px !important;
  margin-left:10px !important;
}
.pageHeader3 {
  display:inline;
  font-family: Montserrat !important;
  color: #20b4c5;
  font-style:italic;
  font-size: 12px !important;
  margin-left:10px !important;
}
/*.row-fluid .span5 {width:14%;}*/
.row-fluid .spanLabel {
	width:14%;
	margin-left: 0% !important;
}	
.width14 {
	width:14% !important;
}	
/*#accountName {
	width:98% !important;
	min-width: 180px !important;
}*/
#compliance{
	width:90% !important;	
}
.navbar-small{
	width:80% !important;
}
.floatType {
	float:right;
	margin-right:10%;
}
.labelColor {
	color:#555555 !important;
	width:93%;
}
.headermargin {
  margin-bottom: -35px;
  padding-bottom: 10px;
  /*margin-left: 1% !important;*/
}
.movebtnright {
	margin-left: 37% !important;
}
.ie8 .headermarginconfirm {
  margin-bottom: -65px;
  padding-bottom: 0px;
  margin-left: 2px !important;
}
.errorwidthBPAY {
  width: 88.6% !important;
}
.errwidthTD {
  width: 89% !important;
}
.addmargnbottom {
  margin-bottom: 10px !important;
}
.margintopsuccess {
  margin-top: -63px !important;
}
/*.errleftmargin {
  margin-left: 2.5% !important;
}*/
.errwidth {
  width: 95% !important;
  white-space: normal;
}
.ie8 .errwidth {
  width: 94.2%;
}
.labelrightmargin {
  margin-right: 186px !important;
}
.marginleft10 {
  margin-left: 10px !important;
}
.marginleftacc {
  margin-left: 15px !important;
}
.marginleft15 {
  margin-left: 15px !important;
}
.ie7 .pageHeader {
  margin-top: 30px!important;
}
.ie7 .pageHeader h3 {
  font-size: 22px !important;
}
/*@font-face {
  font-family: 'Marydale';
  font-style: normal;
  font-weight: 400;
  src: url('../../font/marydale.eot?') format("eot"), url('../../font/style_136579.woff') format('woff'), url('../../font/marydale.ttf') format("truetype"), url("../../font/marydale.svg#Marydale") format("svg");
}*/
li {
  list-style: none;
  /*line-height: 20px;*/
}
.addLinkTD {
  color: #20b4c5;
  text-decoration: none;
  font-weight: bold;
}
.imgModelCls{
position:absolute;
top:30px;
right:30px;
}
.ModelBtnPaddingCls{
padding:40px;
}
.ModelBorderRadiusClass{
  border-radius:0px !important;
}
.addLink {
  background-color: #959494;
  color: #fff;
  text-decoration: none;
  font-weight: bold;
  
  border-radius: 6px;
  padding: 6px 9px;
}
.marginTop{
	margin-top: 0.83em;
}
.changePosTerm {
  position: relative;
  top: -22px;
  left: 200px;
}
.ie8 .changePosTerm {
  left: 180px;
}
.addLink:hover {
  background-color: #bbb;
}
.btn-group a.selected {
  background-image: none;
  background-color: #0088cc;
  color: white;
}
input[type=reset].btn,
input[type=button].btn {
  *padding-bottom: 0 !important;
  height: 30px;
}
input[type=reset].previewBtn,
input[type=button].previewBtn {
  *padding-bottom: 0 !important;
  height: 28px;
}
li.btn-group-right {
  float: right!important;
}
.rowbottompadding {
  padding-bottom: 4px;
}
.removepadtop {
  padding-top: 0px !important;
}
.billnicknamemargin {
  margin-bottom: 0px !important;
}
.changemargintop {
  margin-top: -11px !important;
}
.button {
  margin-left: 340px !important;
}
select {
  border: 1px solid #c0c0c0;
  border-radius: 3px 3px 3px 3px;
  color: #666666;
}
.bottommargin {
  padding-bottom: 10px;
}
.row-fluid .span1 {
  width: 75px;
  *width: 80px !important;
}
.row-fluid .width25{
	width: 10% !important;
}
.row-fluid .width26 {
	width: 16% !important;
}
.row-fluid .span2 {
  width: auto;
}
/*.row-fluid .span1{
	width:14% !important;
}*/
.tranCombo {
  color: #555555;
}
.row-fluid .span3 {
  width: 30%;/*  !important; */
  *width: 31.86% !important;
}
.ie8 .row-fluid .span3 {
  width: 39% ;/* !important; */
}
.ie8 .row-fluid .cwMTSSwitchIE {
  width: 30% !important;
}
.row-fluid {
  *margin-left: 0px !important;
}
.row-fluid {
  padding-left: 15px;
}
#termDepReq1 {
  padding-bottom: 9px;
}
.paddingrowbottomconfirm {
  padding-bottom: 18px !important;
}
.changetopmargin {
  margin-top: -15px !important;
}
.ie8 .formleftmargin {
  padding-right: 0px !important;
}
input[type=text],
input[type=date],
input[type=email],
input[type=password] {
  width: 180px !important;
}
.alignright {
  text-align: right;
  padding-left: 71px!important;
}
.alignrightbtn {
  text-align: right;
  right: 5px!important;
}
.textPadding {
  padding-right: 8px!important;
}
.selectPadding {
  margin-right: 5px!important;
}
.ie7 input[type=text],
.ie7 input[type=date],
.ie7 input[type=email],
.ie7 input[type=password] {
  width: 168px !important;
}
.ie8 input[type=text],
.ie8 input[type=date],
.ie8 input[type=email],
.ie8 input[type=password] {
  width: 168px !important;
}
.ie9 input[type=text],
.ie9 input[type=date],
.ie9 input[type=email],
.ie9 input[type=password] {
  width: 168px !important;
}
.adobe-reader {
  height: 30px;
  width: 30px;
}
@media (max-width: 767px) {
  [class*="span"],
  .row-fluid [class*="span"] {
    float: left;
    margin-left: 2.12766%;
  }
}



@media (max-width: 980px) {
  #savingsTopUpMenu .marginChangeClass {
    
    margin-left: -1px !important;
  }
  .verticalContainerPosition .verticalLeftContainer,.verticalContainerPosition .verticalRightContainer{
  	width: 47.5% !important;
  }  
}
  @media (max-width: 680px) {
  #savingsTopUpMenu .submitBtnChange{
  padding-left:10px !important;
  padding-right:45px !important;
  
}
}
.myStyle {
  display: none;
  width: 100%!important;
}
.btn {
  text-decoration: none;
}
.previewBtn{
  text-decoration: none;
}
#newPayment_radio1,
#newPayment_radio2,
#_radio1,
#_radio2,
.untilSelected_Date,
#durationenddate,
#addPayee_BSBtip,
#billerDetails,
#termDeposit_jointOwnerCustomer,
#termDeposit_tFN,
#termDeposit_helpText,
#bpayPayment_billerDetail,
#bpayPayment__radio1,
#bpayPayment__radio2,
#bpayPayment_datepick,
#myAccDiv {
  display: none;
}
.matdateopentermdeposit_margintop {
  margin-top: -1px;
}
.radioWidth {
  width: 50px !important;
}
/*form #error {
  margin-bottom: 10px !important;
  margin-left: 13px !important;
  padding-left: 0px !important;
  right: 0.5% !important;
  width: 100% !important;
}
form #success {
  margin-bottom: 10px !important;
  margin-left: 13px !important;
  padding-left: 0px !important;
  right: 0.5% !important;
  width: 100% !important;
}*/
.input-append .btn,
.input-append span {
  padding-top: 3px;
  padding-bottom: 1px;
}
.related {
  margin: 5px 2% 0 !important;
  padding: 0 !important;
  width: auto !important;
}
.header {
  font-weight: bold;
}
.buttonmargintop {
  margin-top: -20px !important;
}
.buttonpaddingtop_scheduled {
  padding-top: 11px !important;
}
.related h2 {
  border-radius: 10px 0 0 0;
  font-family: MontserratSemibold !important;
  font-size: 22px;
  /*font-weight: bold !important;*/
  height: auto;
  color:#111111;
  line-height: 33px;
  margin: 0;
  padding-left: 10px !important;
  text-align: left !important;
  text-transform: lowercase !important;
}
#requestNewOTP {
  padding: 4px 10px;
}
#addBiller_billerBtn {
  padding: 4px 8px 4px;
}
#memberNumber {
  padding: 2px 16px;
}
#termDeposit_help,
#eSaver_help {
  cursor: pointer;
}
.select_image {
  background-image: url("../../img/select-button.png");
  display: inline-block;
  height: 20px;
  width: 20px;
  position: relative;
  margin-left: -23px !important;
  z-index: 10 !important;
  margin-bottom: -7px;
  *top: 3px;
}
input[data-role="bancs.format"] {
  text-align: right;
}
.hide {
  display: none;
}
.alert-info {
  margin-bottom: 10px ! important;
}
#toggler {
  position: absolute;
  top: 70px;
  *top: 40px;
  right: 50px;
}
.togglerOffset {
  top: 60px !important;
  *top: 30px !important;
}
#tabContent {
  height: 700px;
}
.bancsTabButton {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  padding: 0px;
  margin-bottom: 0;
  font-size: 13px;
  line-height: 18px;
  *line-height: 20px;
  color: #ffffff;
  text-align: center;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  vertical-align: middle;
  cursor: pointer;
  background-color: #e1e2e4!important;
  filter: progid:dximagetransform.microsoft.gradient(startColorstr='#d892be', endColorstr='#d2db46', GradientType=0);
  border-color: #e1e2e4;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  *background-color: #d2db46;
  /* Darken IE7 buttons by default so they stand out more given they won't have borders */

  margin-top: 1px !important;
  margin-bottom: 1px !important;
  margin-right: 0px !important;
  filter: progid:dximagetransform.microsoft.gradient(enabled=false);
  border: 1px solid #cccccc;
  *border: 0;
  border-bottom-color: #e1e2e4;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  *margin-left: .3em;
}

/*.nav-tabs > li > a:hover {
  border-color: #d2db46;
  background-color: #d2db46!important;
}
.nav > li > a:hover {
  background-color: #d2db46;
  color: #555;
  text-decoration: none;
}*/
.ie7 .adjustText > input {
  margin-left: -1.9% !important;
}
.ie7 .adjustMargin {
  margin-bottom: 0!important;
}
.ie8 .adjustMargin {
  margin-bottom: 0!important;
}
.fourColumn {
  width: 73%;
}
.twoColumn {
  width: 56%;
}
.twoColumn span,
.twoColumn > input {
  float: right;
}
.fourColumn span,
.fourColumn > input {
  float: right;
}
@media (max-width: 600px) {
  .fourColumn {
    width: 100% !important;
  }
  .twoColumn {
    width: 65% !important;
  }
}
@media (max-width: 786px) {
  .fourColumn {
    width: 100% !important;
  }
  .twoColumn {
    width: 65% !important;
  }
}
.spanOffset > span {
  float: right;
}
.pullRight > a,
.pullRight > span,
.pullRight > input {
  float: right;
}
/*.spanOffset {
  padding-top: 15px;
  width: 184px !important;
  *width: 172px !important;
  display: inline-block;
  padding-bottom: 10px;
}*/
.addpaddingtop {
  padding-top: 6px !important;
}
.addpaddingtoptfn {
  padding-top: 4px !important;
}
.ie8 .spanOffset {
  width: 100% !important;
}
.billernamecss {
  padding-top: 10px;
}
.addbillercss {
  margin-bottom: -10px;
}
.logintopmargin {
  padding-top: 10px !important;
}
.billnickcss {
  margin-bottom: 0px;
}
.ie9 .spanOffset {
  width: 100% !important;
}
/*.messageOffset,
.ie8 .messageOffset,
.ie9 .messageOffset {
  width: 230px!important;
}
.ie7 .messageOffset {
  width: 228px!important;
}*/
.btn {
	  font-family:MontserratSemibold !important;
       vertical-align: bottom;
       cursor: pointer;
       height:45px !important;
       padding-left:20px !important;
       padding-right:20px !important;
       border:0px !important;
       border-radius:0px !important;
       color: #1C4561 !important;
       padding-top:0px !important;
       /*line-height:45px;*/
       min-width: 120px;
   	   box-sizing: border-box;
   	   outline: none !important;
	}
	.primaryBtn:hover {
	background-image: -webkit-gradient(linear, left top, left bottom, from(#FDB239), to(#FDB239)) !important;
	  background-image: -moz-linear-gradient(#FDB239, #FDB239) !important;
	  background-image: linear-gradient(#FDB239, #FDB239) !important;
	  background-image: -o-linear-gradient(#FDB239, #FDB239) !important;
	  background-image: -ms-linear-gradient(#FDB239, #FDB239) !important;
	  background-image: -webkit-gradient(linear, left top, left bottom, from(#FDB239), to(#FDB239)) !important;
	 background-color: #FDB239;
	}
	.primaryBtn {
	  background-image: -webkit-gradient(linear, left top, left bottom, from(#FFA80D), to(#FFA80D)) !important;
	  background-image: -moz-linear-gradient(#FFA80D, #FFA80D) !important;
	  background-image: linear-gradient(#FFA80D, #FFA80D) !important;
	  background-image: -o-linear-gradient(#FFA80D, #FFA80D) !important;
	  background-image: -ms-linear-gradient(#FFA80D, #FFA80D) !important;
	  background-image: -webkit-gradient(linear, left top, left bottom, from(#FFA80D), to(#FFA80D)) !important;
	  	  background-color:#FFA80D;
	}
.previewBtn {
  font-weight: bold;
  background-color: #CD5900;
  filter: progid:dximagetransform.microsoft.gradient(endColorstr='#f3793b', startColorstr='#CD5900', gradientType='0');
  background-image: -moz-linear-gradient(#f3793b, #CD5900);
  background-image: linear-gradient(#f3793b, #CD5900);
  background-image: -o-linear-gradient(#f3793b, #CD5900);
  background-image: -ms-linear-gradient(#f3793b, #CD5900);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#f3793b), to(#CD5900));
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #00a0af;
  *background-color: #49afcd;
  background-repeat: repeat-x;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
}
.ie7 .btn,
.ie8 .btn {
  margin-bottom: 10px;
}
.ie7 .previewBtn,
.ie8 .previewBtn {
  margin-bottom: 10px;
}
.btn:active,
.btn.active,
.btn.disabled,
.btn[disabled] {
  color: #ffffff;
  /*text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);*/
 
  /*  background-position: 0 -28px;*/
}
.btn:active {
  color: rgba(255, 255, 255, 0.75);
}
.span11 {
  width: 95.6365% !important;
  padding-right:1% !important;
}
.ie7 .ieChangeSpan11 {
  width: 88.6365% !important;
}
.helpIcon {
  display: inline-block;
  float: right;
  margin-bottom: 26px;
  margin-top: 26px;
  *margin-top: -27px;
}
.helpIcon:hover {
  cursor: pointer;
}
[class^="icon-"],
[class*=" icon-"] {
  display: inline-block;
  width: 14px;
  height: 14px;
  *margin-right: .3em;
  line-height: 14px;
  vertical-align: text-top;
  background: url("../../img/glyphicons-halflings.png") no-repeat 14px 14px;
}
[class^="icon-"]:last-child,
[class*=" icon-"]:last-child {
  *margin-left: 0;
}
.icon-question-sign {
  background-image: url("../../img/glyphicons-halflings.png");
  background-position: -96px -96px;
  height: 15px;
  width: 15px;
}
input[data-role="bancs.Calender"] {
  width: 160px!important;
}
.ie7 input[data-role="bancs.Calender"] {
  width: 144px!important;
}
.ie8 input[data-role="bancs.Calender"] {
  width: 145px!important;
}
.ie9 input[data-role="bancs.Calender"] {
  width: 159px!important;
}
/*.ie7 .transactionOffset>input[data-role="bancs.Calender"]{
    margin-left: -5%!important;
}*/

#statement1 {
  padding-bottom: 9px;
}
.icon-calendar:hover {
  cursor: pointer;
}
.password_alignright {
  float: right;
  margin-right: 25px;
}
.spanOffsetOTP {
  float: right !important;
  margin-right: -36px !important;
  width: 300px !important;
}
.pullButtonRight {
  margin-left: 26% !important;
}
.ie8 .pullButtonRight {
  margin-left: 24% !important;
}
.ie7 .pullButtonRight {
  margin-left: 25% !important;
}
.pullButtonRight20 {
  margin-left: 20%!important;
}
.ie7 .spanOffsetOTP {
  width: 500px !important;
}
.labelOTP {
  line-height: 33px !important;
}
.recurring {
  margin-left: -39px;
}
.recurring_combo {
  margin-left: 4.462% !important;
  margin-bottom: 0 !important;
  margin-top: 0 !important;
}
.billpay_button {
  margin-top: 20px !important;
}
#bpayPayment__radio2 > ul {
  padding-left: 0!important;
}
.ie7 #bpayPayment_durationenddate {
  margin-left: -3% !important;
}
#bpayPayment_durationenddate {
  margin-left: -4% !important;
}
.radio_padding-left {
  padding-left: 10px !important;
}
/*.alert_confseq_button {
  float: right;
  margin-right: -2%;
}*/
/*.formleftmargin {
  margin-left: 18px;
}
.formleftmargintable {
  padding-left: 15px;
}*/
#changePassword .row-fluid{
    padding-left: 20px !important;
}
#multiBills .formleftmargintable {
    padding-right: 20px;
}

.errmarginleft {
  margin-left: -11px;
}

.asterik {
  color: red ;
}
.downloadLink {
  color: #000000;
}
.exitAppRoundedOcean{
	width: 13.33px;
	height: 13.33px;
	padding: 1.33px;
	margin-left:8px;
}
.no-js {
  /** visibility: hidden;
 visibility: visible;
    *display:none;*/
}
label {
  display: inline-block !important;
  *display: inline !important;
}
.ie7 .radio-inline label,
.ie8 label {
  display: inline !important;
}
.ie8 .radio-inline label {
  display: inline-block !important;
}
textarea {
  resize: none;
}
.successActionMessage > ul {
  padding-left: 0 !important;
}
.numpad {
  top: 25.5% !important ;
}
.row-fluid .span4 {
  width: 54% !important;
}
.visibilityHidden {
  visibility: hidden ;
}
.navbar {
  z-index: 4 !important;
}
.navbar-inner {
  z-index: 5 !important;
}
.btn {
  border: none !important;
}
.previewBtn {
  border: none !important;
}
.margin-top {
  margin-top: 100px!important;
}
.widgetheight #numpadContainer {
  top: 29px !important;
  height: 136px !important;
}
.ie8 .widgetheight #numpadContainer,
.ie7 .widgetheight #numpadContainer {
  top: 35px !important;
  height: 136px !important;
}
.changePassContainer {
 /* background: none repeat scroll 0 0 rgba(255, 255, 255, 0.9);*/
  border-radius: 0px;
  /*height: 100%;*/

  height: 80%;
  position: relative;
  width: 80%;
 /*z-index: 1 !important;*/
 /*margin-top: 10px;*/
  margin-left: 10%;
  margin-right: 10%;
}
.ie7 .changePassContainer,
.ie8 .changePassContainer {
  /*background: url("../../img/ContentBG.png");*/
     /*background-color: black; 
   filter: alpha(opacity=55);*/
}
.changePassContainerBackground {
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.9);
    border-radius: 10px;
    height: 10%;
    margin-left: 10%;
    margin-right: 10%;
    position: absolute;
    top: 96px;
    width: 80%;
    z-index: -1 !important;
}
.ie7 .changePassContainerBackground,
.ie8 .changePassContainerBackground {
  /*background: url("../../img/ContentBG.png");*/
   background-color: white; 
  filter: alpha(opacity=90);
}
.changePassContainerMask {
  background: none repeat scroll 0 0 rgba(255, 255, 255, 0.9);
  border-radius: 10px 10px 10px 10px;
  height: 100%;
  position: absolute;
  width: 80%;
  margin-top: 10px;
  margin-left: 10%;
  margin-right: 10%;
  z-index: 1000 !important;
}
.ie7 .changePassContainerMask,
.ie8 .changePassContainerMask {
 /* background: url("../../img/ContentBG.png");*/
  background-color: white; 
  filter: alpha(opacity=90);
}
.changeheighttc {
  height: 60% !important;
}
#changeContainer {
  height: 85% !important;
}
.white-text label {
  color: #555;
}
.alignTextRight {
  text-align: right;
}
.textAddBiller {
  padding-left: 20px;
  margin-left: 66% !important;
  width: 28% !important;
  word-wrap: break-word;
  margin-top: -7px !important;
}
.ie8 .textAddBiller {
  position: relative;
  width: 24% !important;
  margin-left: 70% !important;
}
.ie7 .textAddBiller {
  position: relative;
  width: 24% !important;
  margin-left: 0% !important;
}
@media print {
  .showDataToBePrinted {
    display: block !important;
  }
  .hideDataWhilePrint {
    display: none !important;
  }
}
.displayNone {
  display: none !important;
}
.row-fluid .changeSpan2 {
  width: 20.89361702% !important;
}
#AuthField1 {
  margin-top: 3%;
}
#AuthField2 {
  margin-top: 3%;
}
#AuthField3 {
  margin-top: 3%;
}
#AuthField4 {
  margin-top: 3%;
}
.textAreaWidth {
  width: 99% !important;
}
.pullTextRight {
  margin-left: 68% !important;
}
.ie7 .pullTextRight {
  margin-left: 67% !important;
}
.ie8 .pullTextRight {
  margin-left: 70% !important;
}
body {
  width: 98% !important;
}
.bpaycom {
  text-decoration: underline;
}
.errorBorder {
  border-color: #EA1010  !important;
}
.submitBtnChange {
  background-image: url('../../img/icon_arrow.svg'), -moz-linear-gradient(#99d9d5, #99d9d5) !important;
  background-image: url('../../img/icon_arrow.svg'), linear-gradient(#99d9d5, #99d9d5) !important;
  background-image: url('../../img/icon_arrow.svg'), -o-linear-gradient(#99d9d5, #99d9d5) !important;
  background-image: url('../../img/icon_arrow.svg'), -ms-linear-gradient(#99d9d5, #99d9d5) !important;
  background-image: url('../../img/icon_arrow.svg'), -webkit-gradient(linear, left top, left bottom, from(#99d9d5), to(#99d9d5));
	  background-position: right 20px center !important;
	  background-position: 92% 50% ;
    transition: 0.2s;
  background-repeat: no-repeat !important;
  	  background-color:#99d9d5;
  padding-right: 50px !important;
  white-space: nowrap;
}
.submitBtnChange:hover {
      background-image:url('../../img/icon_arrow.svg'), -moz-linear-gradient(#99d9d5, #99d9d5) !important;
  background-image: url('../../img/icon_arrow.svg'), linear-gradient(#99d9d5, #99d9d5) !important;
  background-image: url('../../img/icon_arrow.svg'), -o-linear-gradient(#99d9d5, #99d9d5) !important;
  background-image: url('../../img/icon_arrow.svg'), -ms-linear-gradient(#99d9d5, #99d9d5) !important;
  background-image:url('../../img/icon_arrow.svg'), -webkit-gradient(linear, left top, left bottom, from(#99d9d5), to(#99d9d5));
       background-position: right 15px center !important;
       background-position: 96% 50% ;
       	  background-color:#99d9d5;
}
.ie8 .submitBtnChange,
.ie7 .submitBtnChange {
  /*filter: progid:dximagetransform.microsoft.gradient(endColorstr='#f3793b', startColorstr='#CD5900', gradientType='0') !important;
  filter: progid:dximagetransform.microsoft.gradient(endColorstr='#f3793b', startColorstr='#CD5900', gradientType='0'), progid:DXImageTransform.Microsoft.AlphaImageLoader(src="bancsui/assets/img/Arrow.Icon.White.png",Direction="Bottom") !important;*/

}
.ie8 .submitBtnChange:hover,
.ie7 .submitBtnChange:hover {
  /*filter: progid:dximagetransform.microsoft.gradient(endColorstr='#CD5900', startColorstr='#f3793b', gradientType='0') !important;*/
}
.extendMarginBK {
  background-position: 95% 45%  !important;
}
.paginationStyle {
  display: inline-block;
  *display: inline;
  /* IE7 inline-block hack */

  *zoom: 1;
  padding: 4px 10px 4px;
  margin-bottom: 0;
  font-family: Montserrat !important;
  font-size: 14px;
  line-height: 18px;
  *line-height: 20px;
  color: #767676;
  text-align: center;
  font-weight: bold;
  /*text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);*/

  vertical-align: middle;
  cursor: pointer;
  background-color: #f0f1f1 ;
  background-image: -moz-linear-gradient(top, #f0f1f1 3%, #ffffff 20%, #dedfdf 100%);
  background-image: -ms-linear-gradient(top, #f0f1f1 3%, #ffffff 20%, #dedfdf 100%);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f0f1f1), to(#dedfdf));
  background-image: -webkit-linear-gradient(top, #f0f1f1 3%, #ffffff 20%, #dedfdf 100%);
  background-image: -o-linear-gradient(top, #f0f1f1 3%, #ffffff 20%, #dedfdf 100%);
  background-image: linear-gradient(top, #f0f1f1 3%, #ffffff 20%, #dedfdf 100%);
  background-repeat: repeat-x;
  filter: progid:dximagetransform.microsoft.gradient(startColorstr='#f0f1f1', endColorstr='#dedfdf', GradientType=0);
  /*border-color: #e6e6e6 #e6e6e6 #bfbfbf;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  *background-color: #e6e6e6;*/

  /* Darken IE7 buttons by default so they stand out more given they won't have borders */

  filter: progid:dximagetransform.microsoft.gradient(enabled=false);
  /*border: 1px solid #cccccc;
  *border: 0;
  border-bottom-color: #b3b3b3;*/

  /*-webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;*/

  *margin-left: .3em;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  text-decoration: none !important;
}
.paginationDisabled {
  display: inline-block;
  *display: inline;
  /* IE7 inline-block hack */

  *zoom: 1;
  padding: 4px 10px 4px;
  margin-bottom: 0;
  font-family: Montserrat !important;
  font-size: 14px;
  line-height: 18px;
  *line-height: 20px;
  color: #CFCFCF;
  text-align: center;
  font-weight: bold;
  /*text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);*/

  vertical-align: middle;
  background-color: #E8E8E8 ;
  *margin-left: .3em;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  text-decoration: none !important;
  cursor: default;
  white-space: nowrap;
}
#accountStatement .paginationDisabled, #viewPendingTransaction .paginationDisabled
,#accountStatementUpgrade .paginationDisabled{
	color: #00384D !important;
}
.paginationStyleprev {
  display: inline-block;
  *display: inline;
  /* IE7 inline-block hack */

  *zoom: 1;
  padding: 4px 10px 4px;
  white-space: nowrap;
  margin-bottom: 0;
  font-family: Montserrat !important;
  font-size: 14px;
  font-weight: bold;
  line-height: 18px;
  *line-height: 20px;
  color: #ffffff;
  text-align: center;
  /*text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);*/

  vertical-align: middle;
  cursor: pointer;
  background-color: #27c7r;
  background-image: -moz-linear-gradient(top, #27c7d9 0%, #209aaf 100%);
  background-image: -ms-linear-gradient(top, #27c7d9 0%, #209aaf 100%);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#27c7d9), to(#209aaf));
  background-image: -webkit-linear-gradient(top, #27c7d9 0%, #209aaf 100%);
  background-image: -o-linear-gradient(top, #27c7d9 0%, #209aaf 100%);
  background-image: linear-gradient(top, #27c7d9 0%, #209aaf 100%);
  background-repeat: repeat-x;
  filter: progid:dximagetransform.microsoft.gradient(startColorstr='#27c7d9', endColorstr='#209aaf', GradientType=0) !important;
  /*border-color: #e6e6e6 #e6e6e6 #bfbfbf;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  *background-color: #e6e6e6;*/

  /* Darken IE7 buttons by default so they stand out more given they won't have borders */

  /* border: 1px solid #cccccc;
  *border: 0;
  border-bottom-color: #b3b3b3;*/

  /*-webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;*/

  *margin-left: .3em;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  text-decoration: none !important;
}
.paginationStyleprev:hover {
  background-image: -moz-linear-gradient(top, #209aaf 0%, #27c7d9 100%);
  background-image: -ms-linear-gradient(top, #209aaf 0%, #27c7d9 100%);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#27c7d9), to(#209aaf));
  background-image: -webkit-linear-gradient(top, #209aaf 0%, #27c7d9 100%);
  background-image: -o-linear-gradient(top, #209aaf 0%, #27c7d9 100%);
  background-image: linear-gradient(top, #209aaf 0%, #27c7d9 100%);
  background-repeat: repeat-x;
  filter: progid:dximagetransform.microsoft.gradient(startColorstr='#209aaf', endColorstr='#27c7d9', GradientType=0) !important;
}
.paginationStyleprevNew:hover,.paginationStylenextNew:hover {
    background: rgb(245, 252, 255) !important;
}
.paginationStylenext {
  display: inline-block;
  *display: inline;
  /* IE7 inline-block hack */

  *zoom: 1;
  padding: 4px 10px 4px;
  white-space: nowrap;
  margin-bottom: 0;
  font-family: Montserrat !important;
  font-size: 14px;
  font-weight: bold;
  line-height: 18px;
  *line-height: 20px;
  color: #ffffff;
  text-align: center;
  /*text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);*/

  vertical-align: middle;
  cursor: pointer;
  background-color: #209aaf ;
  background-image: -moz-linear-gradient(top, #27c7d9 0%, #209aaf 100%);
  background-image: -ms-linear-gradient(top, #27c7d9 0%, #209aaf 100%);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#27c7d9), to(#209aaf));
  background-image: -webkit-linear-gradient(top, #27c7d9 0%, #209aaf 100%);
  background-image: -o-linear-gradient(top, #27c7d9 0%, #209aaf 100%);
  background-image: linear-gradient(top, #27c7d9 0%, #209aaf 100%);
  background-repeat: repeat-x;
  filter: progid:dximagetransform.microsoft.gradient(startColorstr='#27c7d9', endColorstr='#209aaf', GradientType=0) !important;
  /*border-color: #e6e6e6 #e6e6e6 #bfbfbf;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  *background-color: #e6e6e6;*/

  /* Darken IE7 buttons by default so they stand out more given they won't have borders */

  /*border: 1px solid #cccccc;
  *border: 0;
  border-bottom-color: #b3b3b3;*/

  /*-webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;*/

  *margin-left: .3em;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  text-decoration: none !important;
}
.paginationStylenext:hover {
  background-image: -moz-linear-gradient(top, #209aaf 0%, #27c7d9 100%);
  background-image: -ms-linear-gradient(top, #209aaf 0%, #27c7d9 100%);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#27c7d9), to(#209aaf));
  background-image: -webkit-linear-gradient(top, #209aaf 0%, #27c7d9 100%);
  background-image: -o-linear-gradient(top, #209aaf 0%, #27c7d9 100%);
  background-image: linear-gradient(top, #209aaf 0%, #27c7d9 100%);
  background-repeat: repeat-x;
  filter: progid:dximagetransform.microsoft.gradient(startColorstr='#209aaf', endColorstr='#27c7d9', GradientType=0) !important;
}
.paginationStyleselected {
  display: inline-block;
  *display: inline;
  /* IE7 inline-block hack */

  *zoom: 1;
  padding: 4px 10px 4px;
  white-space: nowrap;
  margin-bottom: 0;
  font-family: Montserrat !important;
  font-size: 14px;
  font-weight: bold;
  line-height: 18px;
  *line-height: 20px;
  color: #ffffff;
  text-align: center;
  /*text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);*/

  vertical-align: middle;
  cursor: pointer;
  background-color: #209aaf ;
  background-image: -moz-linear-gradient(top, #27c7d9 0%, #209aaf 100%);
  background-image: -ms-linear-gradient(top, #27c7d9 0%, #209aaf 100%);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#27c7d9), to(#209aaf));
  background-image: -webkit-linear-gradient(top, #27c7d9 0%, #209aaf 100%);
  background-image: -o-linear-gradient(top, #27c7d9 0%, #209aaf 100%);
  background-image: linear-gradient(top, #27c7d9 0%, #209aaf 100%);
  background-repeat: repeat-x;
  filter: progid:dximagetransform.microsoft.gradient(startColorstr='#27c7d9', endColorstr='#209aaf', GradientType=0) !important;
  /*border-color: #e6e6e6 #e6e6e6 #bfbfbf;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  *background-color: #e6e6e6;*/

  /* Darken IE7 buttons by default so they stand out more given they won't have borders */

  /*border: 1px solid #cccccc;
  *border: 0;
  border-bottom-color: #b3b3b3;*/

  /*-webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;*/

  *margin-left: .3em;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  text-decoration: none !important;
}
.paginationStyleselectedNew {
	color: #008094 !important;
	font-weight: bold !important;
}
.paginationStyleselected:hover {
  background-image: -moz-linear-gradient(top, #209aaf 0%, #27c7d9 100%);
  background-image: -ms-linear-gradient(top, #209aaf 0%, #27c7d9 100%);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#27c7d9), to(#209aaf));
  background-image: -webkit-linear-gradient(top, #209aaf 0%, #27c7d9 100%);
  background-image: -o-linear-gradient(top, #209aaf 0%, #27c7d9 100%);
  background-image: linear-gradient(top, #209aaf 0%, #27c7d9 100%);
  background-repeat: repeat-x;
  filter: progid:dximagetransform.microsoft.gradient(startColorstr='#209aaf', endColorstr='#27c7d9', GradientType=0) !important;
}
.paginationStyleselectedNew:hover {
  background: rgb(245, 252, 255) !important;
}
.smsBankingDisabled {
  display: inline-block;
  *display: inline;
  /* IE7 inline-block hack */

  *zoom: 1;
  padding: 4px 10px 4px;
  margin-bottom: 0;
  font-family: Montserrat !important;
  font-size: 14px;
  line-height: 18px;
  *line-height: 20px;
  color: #767676;
  text-align: center;
  font-weight: bold;
  /*text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);*/

  vertical-align: middle;
  cursor: pointer;
  background-color: #dcdddd ;
  background-image: -moz-linear-gradient(top, #dcdddd 0%, #acacac 100%);
  background-image: -ms-linear-gradient(top, #dcdddd 0%, #acacac 100%);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#dcdddd), to(#acacac));
  background-image: -webkit-linear-gradient(top, #dcdddd 0%, #acacac 100%);
  background-image: -o-linear-gradient(top, #dcdddd 0%, #acacac 100%);
  background-image: linear-gradient(top, #dcdddd 0%, #acacac 100%);
  background-repeat: repeat-x;
  filter: progid:dximagetransform.microsoft.gradient(startColorstr='#dcdddd', endColorstr='#acacac', GradientType=0);
  /*border-color: #e6e6e6 #e6e6e6 #bfbfbf;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  *background-color: #e6e6e6;*/

  /* Darken IE7 buttons by default so they stand out more given they won't have borders */

  filter: progid:dximagetransform.microsoft.gradient(enabled=false);
  /*border: 1px solid #cccccc;
  *border: 0;
  border-bottom-color: #b3b3b3;*/

  /*-webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;*/

  *margin-left: .3em;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  text-decoration: none !important;
}
.imagectrl {
  width: 40px;
  height: 40px;
}
.inline label {
  top: 5px;
  position: relative;
}
.ie8 .inline label {
  padding-top: 5px;
  position: relative;
}
.changeWidthDynmic {
  margin-left: 60%;
}
.ie7 .navbar-inner > .changeWidthDynmic {
  margin-left: 70% !important;
  width: 30%;
}
.changeWidthDynmicTD {
  margin-left: 55%;
}
.ie7 .navbar-inner > .changeWidthDynmicTD {
  margin-left: 60% !important;
  width: 40%;
}
.changeWidthDynmicHL {
  margin-left: 55%;
}
.ie7 .navbar-inner > .changeWidthDynmicHL {
  margin-left: 72% !important;
  width: 28%;
}
.changeWidthDynmicPL {
  margin-left: 55%;
}
.ie7 .navbar-inner > .changeWidthDynmicPL {
  margin-left: 75% !important;
  width: 25%;
}
.paddingtopfreqradio {
  padding-top: 5px !important;
}
.ie8 .inline label {
  top: 4px;
}

.mailBoxLinkTab {
  color: #555!important;
  text-decoration: none;
  font-weight: bold;
  border-radius: 3px !important;
  padding: 5px 6px;
}
.widthfour {
  width: 4px;
}
.ie8 .changeMarginLeftIE #numpadContainer {
  left: 62%;
}
.ie7 .submitBtnImage {
  position: relative;
  z-index: 100;
  top: -6px;
  left: -22px;
}
.ie8 .submitBtnImage {
  position: relative;
  z-index: 100;
  top: -33px;
  left: 80%;
}
.ie9 .submitBtnImage {
  position: relative;
  z-index: 100;
  top: -1px;
  left: -20%;
}
.ie7 #buttonContainer .submitBtnChange {
  width: 65px;
  text-align: left;
}
.ie8 #buttonContainer .submitBtnImage {
  left: 75%;
}
.ie8 .row-fluid .btn-reply .submitBtnImage {
  margin-left: 0.7%;
  right: 10%;
}
.ie7 .submitBtnLinkImage {
  position: relative;
  z-index: 100;
  padding-top: 10px;
  left: 96.5%;
}
.ie8 .submitBtnLinkImage,
.ie9 .submitBtnLinkImage {
  position: relative;
  z-index: 100;
  padding-top: 0px;
  /*padding-left: 96.5%;*/
}
.submitBtnChangeLink {
  background-image: url('../../img/icon_arrow.svg'), -moz-linear-gradient(#99d9d5, #99d9d5) !important;
  background-image: url('../../img/icon_arrow.svg'), linear-gradient(#99D9D5, #99D9D5) !important;
  background-image: url('../../img/icon_arrow.svg'), -o-linear-gradient(#99d9d5, #99d9d5) !important;
  background-image: url('../../img/icon_arrow.svg'), -ms-linear-gradient(#99d9d5, #99d9d5) !important;
  background-image: url('../../img/icon_arrow.svg'), -webkit-gradient(linear, left top, left bottom, from(#FFA80D), to(#FFA80D));
  background-position: right 20px center !important;
   background-position: 92% 50% ;
    transition: 0.2s;
	  background-repeat: no-repeat !important;
  padding-right: 50px !important;
  background-color:#99D9D5;
}

.submitBtnChangeLink:hover {
   background-image:url('../../img/icon_arrow.svg'), -moz-linear-gradient(#99d9d5, #99d9d5) !important;
  background-image: url('../../img/icon_arrow.svg'), linear-gradient(#99D9D5, #99D9D5) !important;
  background-image: url('../../img/icon_arrow.svg'), -o-linear-gradient(#99d9d5, #99d9d5) !important;
  background-image: url('../../img/icon_arrow.svg'), -ms-linear-gradient(#99d9d5, #99d9d5) !important;
  background-image:url('../../img/icon_arrow.svg'), -webkit-gradient(linear, left top, left bottom, from(#FDB239), to(#FDB239));
    background-position: right 15px center !important;
    background-position: 96% 50% ;
    background-color:#99D9D5;
  background-repeat: no-repeat !important;
}

.btn.btnSwitchWithArrow
{
		border: 1px solid #1C4561 !important;
	}
.btn.btnSwitchWithArrow:hover{
		border: 1px solid #919191  !important;
}
.btnSwitchWithArrow
{
  background-image: url('../../img/icon_arrow.svg') !important;
  background-image: url('../../img/icon_arrow.svg') !important;
  background-image: url('../../img/icon_arrow.svg') !important;
  background-image: url('../../img/icon_arrow.svg') !important;
  background-image: url('../../img/icon_arrow.svg') !important;
  background-position: right 20px center !important;
  background-position: 92% 50% ;
    transition: 0.2s;
  background-repeat: no-repeat !important;
  padding-right: 50px !important;
  background-color:#FFFFFF !important;
  white-space: nowrap;
}

.btnSwitchWithArrow:hover
{
  background-image: url('../../img/icon_arrow.svg') !important;
  background-image: url('../../img/icon_arrow.svg') !important;
  background-image: url('../../img/icon_arrow.svg') !important;
  background-image: url('../../img/icon_arrow.svg') !important;
  background-image: url('../../img/icon_arrow.svg') !important;
  background-position: right 15px center !important;
   background-color: #FFFFFF !important;
background-position: 96% 50% ;
}

.pullButtonRightAuthNow {
  margin-left: 10% !important;
  white-space: nowrap;
}
.ie7 .pullButtonRightAuthNow {
  white-space: nowrap;
}
.ie7 #numpadContainer .btn {
  width: 50px !important;
}
.ie7 #numpadContainerLogin .btn {
  width: 50px !important;
}
.ie7 #numpadContainerWAC .btn {
  width: 50px !important;
}
.ie7 #changePassword_submit {
  width: 125px !important;
  padding-right: 10px !important;
}
.ie7 #forgotWacChange_submit {
  width: 110px !important;
  padding-right: 18px !important;
}
.ie7 #manyToSignAuthOpenAcc_acceptBtn {
  width: 70px !important;
  padding-right: 10px !important;
}
.control-group.success .adjustMargin:focus {
  border-color: #e6e6e6 #e6e6e6 #bfbfbf;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
}
.dummyRemoveAll {
  padding: 4px 6px 4px !important;
}
.dummyAddAll {
  padding: 4px 6px 4px !important;
}
.changePaddingHelp {
  padding-left: 20px !important;
}
.row-fluid .fixWidth1 {/*width: 85% !important;*/}

.row-fluid .fixWidth {
  width: 60% !important;
}
.ie8 .leftClass1 {
  left: 66% !important;
}
.ie9 .leftClass1 {
  left: 75% !important;
  top: -23px;
}
.ie9 .leftClass2 {
  left: -14% !important;
}
.ie8 .leftClass2 {
  left: 84% !important;
  top: -33px !important;
}
.topClass2 {
  left: 100% !important;
  top: -33px !important;
}
.ie8 .topClass2 {
  left: -4% !important;
  top: -6px !important;
}
.ie9 .topClass2 {
  left: 100% !important;
  top: -23px !important;
}
.ie8 .leftClass3 {
  left: 85% !important;
}
.ie9 .leftClass3 {
  left: -26% !important;
}
.ie8 .leftClass4 {
  left: -5% !important;
  top: -5px !important;
}
.ie9 .leftClass4 {
  left: -6% !important;
}
.ie8 .leftClass5 {
  left: -8% !important;
  top: -5px !important;
}
.ie9 .leftClass5 {
  left: -8% !important;
}
.leftClass6 {
  left: 89% !important;
  top: -60% !important;
}
.leftClass7 {
  left: -2.2% !important;
  top: -5px !important;
}
.ie7 .leftClass7 {
  left: -2.2% !important;
  top: -10px !important;
}
.leftClass8 {
  left: -12% !important;
  top: -5px !important;
}
.ie9 .leftClass8 {
  left: -12% !important;
  top: -1px !important;
}
.leftClass9 {
  left: 89% !important;
  top: -33px !important;
}
.ie9 .leftClass9 {
  left: 88% !important;
  top: -22px !important;
}
.leftClass10 {
  left: -12% !important;
  top: -3px !important;
}
.ie7 .leftClass10 {
  left: -14% !important;
  top: -6% !important;
}
.leftClass11 {
  left: -12% !important;
  top: -10px !important;
}
.leftClass12 {
  left: -12% !important;
  top: -5px !important;
}
.ie9 .leftClass12 {
  left: -12% !important;
  top: -1px !important;
}
.leftClass13 {
  left: -3% !important;
  top: -6px !important;
}
.marginLeft72 {
  margin-left: 26.5%;
}
.ie8 .marginLeft72 {
  margin-left: 22.5%;
}
.changePositionRight {
  right: 3% !important;
}
.changelocationhelptTC {
  position: absolute;
  top: 2%;
  margin-left: 92.5%;
}
.ie7 .changelocationhelptTC {
  top: 14%;
}

.ie7 #manyToSignAuth_acceptBtn {
  padding-right: 22px !important;
}
.ie7 .changeTop40Ie {
  margin-top: -40px;
}
.pageHeader > h3 {
  width: 93%;
}
.width100 {
  width: 100%;
}
.pullMarginTop12 {
  margin-top: -12px !important;
}
.row-fluid > li > label {
  padding-top: 5px;
  max-width: 95%;
  word-wrap: break-word !important;
}
.row-fluid > li > span > label {
  padding-top: 5px;
}
.ie8 .ie8padding {
  padding-bottom: 13px;
  margin-top: -5px;
}
.ie8 .changewidthIE,
.ie7 .changewidthIE {
  height: 18px;
}
.topPaddingReset {
  padding-top: 15px;
}
.errorReset {
  margin-left: 0.6% !important;
  width: 97.2% !important;
}
.ie7 .addpaddingie7 {
  width: 72px;
  text-align: left;
}
.ie7 .addpaddingWACie7 {
  width: 110px;
  text-align: left;
}
.nowrapClass {
  white-space: nowrap;
}
.changeWacBtn {
  left: 74%;
  top: 15px;
  position: relative;
  /*width: 100px;*/
}
.extendDivWac {
  padding-bottom: 25px;
}
.width145 {
  width: 145px;
  white-space: nowrap;
}
.paddingBtm15 {
  padding-bottom: 15px;
}
.printBtn {
  display: inline-block;
  *display: inline;
  /* IE7 inline-block hack */
  *zoom: 1;
  padding: 4px 25px 4px;
  margin-bottom: 0;
  font-family: Montserrat;
  /*TheSansPlain,*/

  font-size: 14px;
  line-height: 18px;
  *line-height: 20px;
  color: #333333;
  text-align: center;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  vertical-align: middle;
  cursor: pointer;
  background-color: #f5f5f5 ;
  *background-color: #e6e6e6;
  background: url('../../img/printIcon.png') no-repeat;
  border: 0px;
  font-size: 12px !important;
  font-family: Montserrat !important;
  text-decoration: underline;
  background-position-y: 4px;
}
.floatRigthElement {
  float: right;
}
.related h2.overrideLowerCase {
  text-transform: none !important;
}
form .navbar-inner > div > ul.overridePaddingTop {
  padding-top: 0px;
}
.widthTwoFive {
  width: 25%;
}
.widthThreeFive {
  width: 35%;
}
@media (max-width: 510px) {
	.overrideRightContainer{
		width:500px !important;
	}
	.moveright{
		margin-left:9% !important;
	}
}
@media (min-width: 480px) and (max-width: 679px) {
	.addMarginRight{margin-right: 0 !important;}
	.floatType{float:left;}
	.consent{width:96% !important;}
	.moveright{margin-left:9% !important;}
/*	.row-fluid .span5 {width:36% !important;} */
	.row-fluid .spanLabel {width:36% !important;}
	/*[class*="span"], .row-fluid [class*="span"] {margin-left: 0% !important;} */
/*  #accountName{ width: 180px !important;} */
	.marginleft15 {margin-left: 0px !important;}
	#compliance{ width:100% !important;}
	.compliance_required_li{float:left !important;}
}
@media (min-width:680px) and (max-width: 768px){
	.moveright{margin-left:2% !important;}
	.addMarginRight{margin-right: 2% !important;}
	.floatType{
		float:right;
		margin-right:12%;
	}
	.consent{width:95% !important;}
	/*.row-fluid .span5 {width:14% !important;} */
	.row-fluid .spanLabel {
		width:14% !important;
	}
	/*[class*="span"],
	 .row-fluid [class*="span"] {
	   margin-left: 0% !important;
	 }*/
/*  .row-fluid .span9 { width:74.46% !important;} */
	 .row-fluid .spanTxtField {
	 	width:74.46% !important;
	 }
/*  #accountName{ width:98% !important;	} */
	#compliance{ width:100% !important;}
}
@media (min-width:769px) and (max-width: 979px){
	.moveright{margin-left:2% !important;}
	.addMarginRight{ margin-right: 2 !important;}
	.floatType{
		float:right;
		margin-right:8%;
	}
/*.row-fluid .span5 {width:15.8% !important;} */
	.row-fluid .spanLabel {
		width:15.8% !important;
		margin-left: 0% !important;
	}
/*	.row-fluid .span9 {width:80% !important;}*/
	.row-fluid .spanTxtField {width:80% !important;}
/*	 #accountName{width:98% !important;} */
}
@media only screen and (max-device-width: 950px) {
	/* .row-fluid .span5 {width:25% !important;} */
	.row-fluid .spanLabel {width:25% !important;} 
	.changewidthTab {
		width: 77% !important;
  	}
}
#transaction li.span11.alert { 
   display: none !important; 
} 
/*#transaction .row-fluid [class*="span"] { 
   min-height: 22px !important; 
}*/ 
#transaction .labelpadding { 
   padding-bottom: 0px !important; 
} 
#transaction .row-fluid:last-child { 
   height: 0px !important; 
} 
/*#transactionExport h2 { 
   margin-top: -20px !important; 
   margin-bottom: -20px !important; 
}*/
#Login .alertLogin  { 
   font-size: 13px !important; 
}
/*#transaction #accountStatement_reset { 
   margin-top: -40px !important; 
}*/ 
.row-fluid .spanOTP {
  width: 61.3% !important;
}
.ie8 .row-fluid .spanOTP {
  width: 62% !important;
}
.ie8 .row-fluid .spanOTP1 {
  width: 70% !important;
 }
.row-fluid .spanMode {
  width: 64% !important; 
}
.row-fluid .spanOTP1 {
  width: 71% !important;
 }
 .ie8.row-fluid .spanMode, 
.ie7.row-fluid .spanMode {
  width: 70% !important;
 
}
#accountStatement_print {
	height: 28px;
	width: 68px !important;/*10%*/
	margin-left: 20px;
	text-decoration: none;
	font-weight:bold;
}
.row-fluid .spanTxn {
	width: 80% !important;
}
#requestNewLink {
	color: #00a0af !important;
}
.spanbtn{
	width:24% !important;
}
#advancedOpt_hide {
   color: #00a0af !important;
}
.relatedAcc h2 {
	border-radius: 10px 0 0 0;
	font-family: Montserrat;
	font-size: 1.6em;
	font-weight: normal !important;
	height: auto;
	line-height: 33px;
	margin: 0;
	padding-left: 15px !important;
	text-align: left !important;
	text-transform: none !important;
}
#accTxn,#alert{
	color: #555555 !important;
	padding-left: 0 !important;
	padding-right: 0 !important;
	font-family: Montserrat !important;
	font-size: 12px !important;
}
.row-fluid .spanExport {
	width: 20% !important;
}
.alignbtn {
	margin-left: 66.5% !important;
}
.spanOff {
	padding-top: 15px;
	width: 140px !important;
	*width: 172px !important;
	display: inline-block;
	padding-bottom: 10px;
}
.btnmovetop {
	margin-top: -2px !important;
}
.ie8 .btnmovetop {
	margin-top: -2px !important;
	margin-left: 2% !important;
}
.moveright {
	margin-left: 2% ;
}
.tablewidth {
	width: 97.5% !important;
}
.ie8 .moveright {
	position:absolute;
	margin-left: 45px !important;
}
.ie8 .spanOff {
	position: absolute;
	padding-top: 15px;
	width: 140px !important;
	*width: 172px !important;
	display: inline-block;
	padding-bottom: 10px;
}
.ie8 .alignbtn {
	position: absolute;
	margin-left: 64.5% !important;
}
.row-fluid .span30 {
	width: 18% !important;
}
.formmarginalign {
	margin-left: -0.1% !important;
	margin-right: 1.5% !important;
}
.formmarginproper {
	margin-left: -0.1% !important;
	margin-right: 1.5% !important;
}
.txtcolor {
	color: red;
}
.viewdetails {
	text-decoration: none;
}
.txtview {
	color: blue;
}
.movetabletop {
	margin-top: -3.6% !important;
}
.zindex1imp {
	z-index: 1 !important;
}
.zindex2imp {
	z-index: 2 !important;
}
.zindex3imp {
	z-index: 3 !important;
}
/*.highlightSelected {
	background-color:#E4F5FE !important;
	text-decoration: none !important;
	font-weight: bold;
}
tr.highlightSelected td {
	background-color:#E4F5FE !important;
	text-decoration: none !important;
	font-weight: bold;
}*/
.changeDecorationOverview{
	text-decoration: none !important;
}
.changeDecorationOverview:hover{
	text-decoration: underline !important;
	color:#20B4C5 !important;
}
.table-wrapper table a.changeDecorationOverview:hover{
	text-decoration: underline !important;
	color:#20B4C5 !important;
}
/*.changeDecorationOverClose{
	color:#6F6F6F !important;
	text-decoration: none !important;
}
.changeDecorationOverClose:hover{
	color:#6F6F6F !important;
	text-decoration: underline !important;
}*/

.btn.btnDash {
		border: 1px solid #1C4561 !important;
	}
 
.btnDash {
	background-color: #3D828A;
	filter: progid:dximagetransform.microsoft.gradient(endColorstr='#FFFFFF', startColorstr='#FFFFFF', gradientType='0') !important;
	background-image: -moz-linear-gradient(#FFFFFF, #FFFFFF) !important;
	background-image: linear-gradient(#FFFFFF, #FFFFFF) !important;
	background-image: -o-linear-gradient(#FFFFFF, #FFFFFF) !important;
	background-image: -ms-linear-gradient(#FFFFFF, #FFFFFF) !important;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#FFFFFF)) !important;
	background-repeat: repeat-x;
	border: 1px solid #1C4561 !important;
    color: #767676;
    cursor: pointer;
    display: inline-block;
    font-family:MontserratSemibold !important;
    font-size: 14px;
    font-weight: normal;
    height: 45px !important;
    line-height: 18px;
    margin-bottom: 0;
    text-align: center;
    text-decoration: none !important;
    vertical-align: middle;
	  margin-right:10px;
	  padding-left:20px;
	  padding-right:20px;
}

.btnDash:hover  {
	background-image: none !important;
	background-color:#ffffff;
	filter: none !important;
    border: 1px solid #919191 !important;
}
.signatorySign{
    background-color: #F0F1F1;
    background-image: -moz-linear-gradient(center top , #F0F1F1, #CACACC 100%);
	filter: progid:dximagetransform.microsoft.gradient(startColorstr='#F0F1F1', endColorstr='#CACACC', GradientType=0);
    background-repeat: repeat-x;
    border: 1px solid #767676 !important;
    border-radius: 4px;
    color: #767676;
    cursor: default;
    display: inline-block;
    font-family: Montserrat !important;
    font-size: 12px;
    font-weight: bold;
    margin-bottom: 0;
    padding: 1px 4px;
    text-align: center;
    text-decoration: none !important;
    vertical-align: middle;
}
.signatorySign:hover {
	/*background-color: #CACACC;
    background-image: -moz-linear-gradient(center top , #CACACC 3%, #FFFFFF 80%, #F0F1F1 100%);
    filter: progid:dximagetransform.microsoft.gradient(startColorstr='#CACACC', endColorstr='#F0F1F1', GradientType=0*/);
}
.ie8 .btnalignOTP {	
	padding-bottom: 4px !important;
	padding-left: 10px !important;
	padding-right: 2px !important;
	padding-top: 4px !important;	
}
btnalignOTP {
	padding: 4px 10px !important;
}
.alignbtnrgtterm {
	margin-left: 22% !important;
}
.alignbtnrgtsaving {
	margin-left: 2.5% !important;
}
/*.borderRadTop{
	border-radius: 4px 4px 0 0 !important;
}*/
.width22imp{
	width: 22% !important;
}
.left20per{
	width:20%;
	position:absolute;
}
.ie7.left20per{
	margin-left:-20%;
}
.right80per{
	width:79%;
	position:relative;
	margin-left:20%;
}
.wrapClasswidth{
	word-wrap: break-word;
	width:45%;
}
.heightULover{
	height:0px;
}
.thumbnailImage{
	float:left;
    padding: 20px;
}
.borderDivOut{
    border: 1px solid #F1F1F1;
    border-radius: 8px;
    height: 160px;
    width: 230px;
	background-color:#EFEFF0;
}
.borderDivOutActive{
	background-color:#20B4C5;
	border: 1px solid #B3E3E7 !important;
}
.borderImgTouch{
    border: 1px solid ;
    border-radius: 4px;
    height: 137px;
    margin-left: 10px;
    margin-top: 10px;
    position: absolute;
    vertical-align: middle;
    width: 207px;
	cursor: pointer;
}
.borderImgTouchNB{
    border: 1px solid #F1F1F1;
    border-radius: 4px;
    height: 78.5px;
    margin-left: 10px;
    margin-top: 10px;
    padding-top: 58.5px;
    position: absolute;
    text-align: center;
    width: 207px;
	background-color: #FFFFFF;
	font-weight: bold;
	color: #20B4C5;
	cursor: pointer;
}
.backgroundThumbImg {
	border-radius: 2px;
}
.pendingPaymentsCaption {
	display:none;
}
.pendingPaymentsTable {
	display:none;
}
.pendingBpayCaption {
	display:none;
}
.pendingBpayTable {
	display:none;
}
.pendingBPAYViewCaption {
	display:none;
}
.pendingBPAYViewTable {
	display:none;
}
.row-fluid .changeWidthOverview {
	word-wrap: break-word;
	/*width:90% !important*/
}
td.paddingRightPrint,
th.paddingRightPrint {
	padding-right: 3em;
}
.navbar-inner-print {
     width: 97.5%;
}
#headPrint {
	margin-left:15px;
	width:98%;
}
.logoPrint {
	width: 200px;
}
.dashdetailsFirst {
	float:left;
	width: 69%;
}
.dashdetailsFirstFiveo {
	float:left;
	width: 44%;
	color: #008094;
    font-family: MontserratSemibold;
}
.dashdetailsBtn1 {
	float:right;
	text-align: right !important;
	width: 28%;
	margin-right:2%;
}
.dashdetailsBtn3 {
	float:right;
	text-align: right !important;
	width: 50%;
	margin-right:0%;
}
.alignRightDash {
	float:right !important;
}
#checkConsent {
    vertical-align: top !important;
}
.addMarginRight {
	margin-right: 0% !important;
}
.btnmarginack {
	margin-top: 15px !important;
	margin-bottom: 10px !important;
}
.related h2.noLowerCaseheader {
	text-transform: none !important;
}
#noPaynbill {
	display:none;
	text-align: center;
}
.hidewelcome {
	display: none !important;
}
.row-fluid .span35 {
	width: 24% !important;
}
.removeUl {
	display:none ;
}
.ie8 .removeUl {
	display:none;
}
.alignmsg {
	margin-left: 15px !important;
	width: 89.8% !important;
	margin-bottom: 0px !important;
}
.paddingalert {
	padding-top: 10px !important;
}
.errorwidth {
	width: 100% !important;
}

.ie9 .cancelbtncolor,
.ie8 .cancelbtncolor,
.ie7 .cancelbtncolor {
	filter: none !important;
	background-color : #999999 !important;
}

.ie9 .cancelbtncolor:hover,
.ie8 .cancelbtncolor:hover,
.ie7 .cancelbtncolor:hover	 {
	filter: none !important;
	/*background-color: #666666 !important;*/
}
#requestNewBtn {
	display: none;
}
.reqOTPcolor {
	background-color : #1EB4C3 !important;
	background-image: none !important;
}
.ie9 .reqOTPcolor,
.ie8 .reqOTPcolor,
.ie7 .reqOTPcolor {
	background-color : #1EB4C3 !important;
	filter: none !important;
}
.reqOTPcolor:hover{
	background-color : #00A6B6 !important;
	background-image: none !important;
}
.ie9 .reqOTPcolor:hover,
.ie8 .reqOTPcolor:hover,
.ie7 .reqOTPcolor:hover	 {
	filter: none !important;
	background-color: #00A6B6 !important;	
}
.ie9 .topgap,
.ie8 .topgap,
.ie7 .topgap {
	padding-top: 0px !important;
}
.topgap {
	padding-top: 15px !important;
}
.hidePaymentSchedule {
	display: none;
}
.hidePaymentScheduleLoan {
	display: none !important;
}
.rdwLeft {
	margin-left: -55% !important;
}
.btnCancel{
	background-color: #F0F1F1 !important;
	background-image: -moz-linear-gradient(#F0F1F1, #CACACC) !important;
	background-image: linear-gradient(#F0F1F1, #CACACC) !important;
	background-image: -o-linear-gradient(#F0F1F1, #CACACC) !important;
	background-image: -ms-linear-gradient(#F0F1F1, #CACACC) !important;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#F0F1F1), to(#CACACC));
}
.btnCancel:hover{
	background-color: #F0F1F1 !important;
	background-image: -moz-linear-gradient(#CACACC, #F0F1F1) !important;
	background-image: linear-gradient(#CACACC, #F0F1F1) !important;
	background-image: -o-linear-gradient(#CACACC, #F0F1F1) !important;
	background-image: -ms-linear-gradient(#CACACC, #F0F1F1) !important;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#CACACC), to(#F0F1F1));
}
.spanList {
	margin-left: 33% !important;
	margin-top: -1% !important;
}
.ie8 .spanList {
	margin-left: 41.3% !important;
	margin-top: -1% !important;
}
.ie7 .spanList {
	margin-left: 41.3% !important;
	margin-top: -1% !important;
}
.smallspace {
	margin-left: 1.5% !important;
}
.ie8 .smallspace {
	margin-left: 1.5% !important;
}
.ie7 .smallspace {
	margin-left: 1.5% !important;
}
.shiftbtnRight {
	margin-left: 64.4% !important;
}
.fwacbtnrgt {
	margin-left: 32.8% !important;
}
.setsecbtnRgt {
	margin-left: 65.6% !important;
}
.secQbtnrgt {
	margin-left: 51.4% !important;
}
.ie8 .secQbtnrgt {
	margin-left: 51% !important;
}
.ie7 .secQbtnrgt {
	margin-left: 51% !important;
}
.ie8 input.width25 {
	width: 7% !important;
}
.ie8 input.width26 {
	width: 10% !important;
}
.ie9 input.width25 {
	width: 7% !important;
}
.ie9 input.width26 {
	width: 10% !important;
}
.ie7 input.width25 {
	width: 7% !important;
}
.ie7 input.width26 {
	width: 10% !important;
}
.ie8 .changeWacBtn {
  left: 73%;
  top: 15px;
  position: relative;
}
.ie7 .changeWacBtn {
  left: 69.5%;
  top: 15px;
  position: relative;
}
.row-fluid .span71 {
	width: 30% !important;
}
.errleftmarginSecQ {
  margin-left: 2.3% !important;
}
.ie8 .errleftmarginSecQ {
  margin-left: 2.4% !important;
}
.ie7 .errleftmarginSecQ {
  margin-left: 2.4% !important;
}
.ie8 .bottommarginsecQ {
	margin-bottom: 10px !important;
}
.ie7 .bottommarginsecQ {
  margin-bottom: 10px !important; 
}
.ie8 .leftClass20 {
	left: -5% !important;
  	top: -5px !important;
}
.ie9 .leftClass20 {
	left: -6% !important;
  	top: -2px !important;
}
.ie8 .leftClass21 {
	left: -10% !important;
  	top: -5px !important;
}
.ie9 .leftClass21 {
	left: -2% !important;
  	top: -4px !important;
}
.ie7 .leftClass22 {
	left: -3% !important;
  	top: -5px !important;
}
.ie8 .leftClass22 {
	left: -3% !important;
  	top: -5px !important;
}
.ie9 .leftClass22 {
	left: -2% !important;
  	top: -4px !important;
}
.leftClass23 {
	left: -12% !important;
  	top: -5px !important;
}
.ie7 .leftClass23 {
  	top: -10px !important;
}
input[type=text].width27 {
	width: 5% !important;
}
input[type=text].width28 {
	width: 7% !important;
}
.stmtcolor {
	color: #20B4C5;
	padding-bottom: 10px !important;
}
.ie8 .widthIE {
	width: 97% !important;
}
.slashsize {
	font-size: 230% !important;
}
.txtwidth {
	width: 80% !important;
}
li.changeTo90 {
	width:90% !important;
}
.ie7 INPUT.marginIeleftzero {
	margin-left: 0% !important;
}
.posRight {
	width: 95% important;
}
input[type=password].hideWithopaque {
	opacity: 0 !important;
	width: 1px !important;
}
.ie7 input[type=password].hideWithopaque,
.ie8 input[type=password].hideWithopaque {
	display: none;
}
.btnmgnLeftplus {
	margin-left: -5% important;
}
.btnmgnLeft {
	margin-left: -95% important;
}
.row-fluid .span25 {
  width: 73% !important;
}
.row-fluid .span26 {
  margin-right: 2.1% !important;
}
h2.submenuColor {
	/*color:#f3793b;*/
	text-transform: none !important;	
}

.addMargin  {
	margin-top: 12px !important;
	margin-bottom: 12px;
}
.dialpadset {
	/* margin-top: 8% !important; */
	 margin-right: -6% !important;
}
.ie8 .dialpadset {
	top: 15% !important; 
	left: 65% !important;
}
.dialpadsetSwitch {
	margin-right: -6% !important;
}
.row-fluid .refWidth2 {
	width: 30% !important;
	*width: 31.86% !important;
}
.ie8 .row-fluid .refWidth2 {
	width: 30% !important;
}
.row-fluid .refWidth1 {
	width: 23% !important;
	*width: 24% !important;
}
.ie8 .row-fluid .refWidth1 {
    width: 23% !important;
}
.floatLeft > span {
	float: right;
	margin: 16px 0px 16px 0px;
}
.alignMiddleImg {
	margin-top:-4px; 
}
.extraspace {
	margin-bottom: 2% !important;
}
.dialpadsetSav {
	margin-top: 2% !important; 
	margin-right: -6% !important;
}
.btnSwitch {
	
	background-color: #FFFFFF;
	filter: progid:dximagetransform.microsoft.gradient(endColorstr='#FFFFFF', startColorstr='#FFFFFF', gradientType='0') !important;
	background-image: -moz-linear-gradient(#FFFFFF, #FFFFFF) !important;
	background-image: linear-gradient(#FFFFFF, #FFFFFF) !important;
	background-image: -o-linear-gradient(#FFFFFF, #FFFFFF) !important;
	background-image: -ms-linear-gradient(#FFFFFF, #FFFFFF) !important;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#FFFFFF)) !important;
	background-repeat: repeat-x;
	border: 1px solid #1C4561 !important;
}
.btnSwitch:hover {
	background-image: none !important;
	filter: none !important;
    border: 1px solid #919191 !important;
    /*background-color: #FFFFFF;*/
}
.addMarginBtm {
	margin-top: 0px !important;
	margin-bottom: 12px;
	margin-right: 8px;	
}
.widthAdj {
	width: 48%;
}
.btnPadding {
	padding-right: 8px !important;}
.marginTop0 {
	margin-top: 0px;
}
.marginLeftAdj {
 	margin-left: 14px !important;
}
.buttonPosition {
	padding-left: 0px;
}
.floatRght {
	float:right;
}
.floatBtm {
	padding-top:12px;
}
.dialpadsetTranSav {
	margin-top: 16% !important; 
}
.ie8 .dialpadsetTranSav {
	margin-top: 16% !important;
} 
.ie8 .dialpadsetSav {
	margin-top: -2% !important; 
	left: 65% !important;
}
.ie8 .dialpadsetSwitch {
	margin-top: -12% important;
	left: 65% !important;
}
.ie8 .aligninIE {
 	margin-left: -10% !important;
}
.alignSav {
	margin-top: -9% !important;
	margin-right: -5% !important;
}
.ie8 .alignSav {
	margin-top: -7% !important;
	left: 65% !important;
}
.opacityZero,.opacityZero:hover {
	opacity: 0 !important;
	cursor: default !important;
	filter: alpha(opacity=0);
}
.aligntxt {
	padding-top: 1% !important;
	padding-right:3% !important;
}
.margTop {
	margin-top: 7% !important;
}
.margTopReward {margin-top: 2% !important;}
.compliance_requiredField{color:#999999 !important;}
.compliance_required_li{
	float:right;
	padding-right: 8.5% !important;
	font-style: italic;
}
.ie8 .compliance_required_li{padding-right: 16% !important;}
.complianceError{
	width:95% !important;
}
.ie8 .row-fluid .cwMTSSwitchIE {
  width: 30% !important;
}
.overrideSpan1{width: 10px !important;}
.overrideSpan11{width:95% !important;}	
.ie8 .overrideSpan11{width:83% !important;}
.ie8 .floatType{margin-right:15%;} 
.img-container {
	width: 939px !important;
	text-align: center;
	height: auto;	
}
.ie8 .img-container {
	width: 939px !important;
	text-align: center;
	height: auto;	
}
.leftbnr {
	height: auto;
	vertical-align: top;
	margin: 20px 0 20px 20px;
	width: 276px !important; 
	display: inline-block;	
}
.rightbnr {
	height: auto;
	margin: 20px;
	width: 583px !important;
	display: inline-block;
}
.ie8 .leftClass8 {
  left: -12% !important;
  top: -5px !important;
}
.ie8 .leftClass24 {
	left: -2% !important;
    top: -5px !important;	
}
.ie9 .leftClass24 {
	left: -2% !important;
    top: -2px !important; 	
}
.paddingLock {
	color: #20b4c5;
}
.accDtlHolder {
	padding-left:0;
	overflow:hidden;
}
.colorteal{
	color: #1fa7bb;	
}
.repaymentDtlContainer{
	background-color: #e4f5fe;
	border: 0px solid #cccccc;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	width:48%;
	float:right;
	height:auto;
	/*margin-bottom:-25px;*/
}
.borderBottomDotted{
	border-bottom: 1px;
	border-bottom-color: #abe3e3;
	border-bottom-style: dotted;
}
.interestDtlContainer{
	background-color: #efeeee;
	border: 0px solid #cccccc;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	width:48%;
	float:left;
}
.interestDtl{
	color:#042428;
}
.debitIntDtl{
	color:#6d6d6d;
	padding-right:3%; 
	float:right; 
	width:60%                    
}
.row.accDtlcontainer {
    padding-left: 2%;
    padding-right: 2%;
    color:#000;
    position:relative;
    margin-left:0;
}
.span10.redrawTxtWidth {
    width: 90% !important;
}
.borderBottomSolid {
	border-bottom: 1px;
	border-bottom-color: #DDD;
	border-bottom-style: solid;
}
.onlineRedrawBtn {

	background-repeat: no-repeat !important;
	
}
.onlineRedrawBtn:hover {

}
.intRate {
	color:#042428;
	font-size:20px;	
	font-weight:bold;
	text-align:right;
	white-space:nowrap;
}
.HomeLoanHeader {
	font-size:large;
	font-weight: bold;	
}
.intDtlHeader {
	font-size:large;
	font-weight: bold;
	border-bottom: 1px;
	border-bottom-color: #ababab;
	border-bottom-style: dotted;
	padding-left:3%;
	width:auto;
}
/* .intDtlContent{
	padding-left: 3%;
	width: auto;
}*/
.repayHeader {
	font-size:large;
	font-weight: bold;	
	border-bottom: 1px;
	border-bottom-color: #abe3e3;
	border-bottom-style: dotted;
	padding-left:3%;
	width:auto;
}
.repayContent {
	padding-left: 3%;
    padding-right: 2%;
    width: auto;
}
.repayText{
	font-style: italic;	
}
.repayValue {
	font-weight: bold;
	float:right !important;
	width:auto;
}
.inheritFontColor {
	color:#555 !important;	
}
/*.balanceDtlContainer {
	font-size: 15px;
	font-weight: bold;
	float: right;
    width: 48%;
}*/	
.accountDtlContainer {
	float: left;
    width: 48%;
}
.accHoldTxt {
	font-size:13px;
}
.helpItem {
    padding-right: 1%;
    padding-top: 1%;
    position: absolute;
    right: 0;
    top: 0;
}
.arrowRedraw{
	position: relative;
/* z-index: 5; */
	left: 90%;
	vertical-align: none !important;
	max-width:none !important;
}
.ie8 .arrowRedraw{
	position: relative;
/* z-index: 5; */
	left: 90%;
	padding-bottom :7%;
	max-width:none !important;
}
.ie8 .repayText {
	width:70% !important;
}
.ie8 .ieRow {
	margin-left : 0 !important;
}

.ie9 .ieRow{
	margin-left : 0 !important;
}
.adjustHeightDiv{ }
.colorred {
	color: #c70202;
}
.colorgreen {
	color: #0fba1f;
}
.debitIntHolder {
	padding-top:6%;
}
.redrawBtn {
	position:absolute;
	bottom:0;	
}
.pageSubHeader > h2 {
    display: inline-block;
    margin-left: 2%;
}
.interestDtl{
	color:#6d6d6d;
	padding-left:2%; 
	width:30%;
	float:left;
}
.home-loan-detail-div{
	padding-left:2%;
}
.redrawBtnChangeLink {
	background-image: url('../../img/icon_Arrow.png'), -moz-linear-gradient(#f3793b, #CD5900) !important;
	background-image: url('../../img/icon_Arrow.png'), linear-gradient(#f3793b, #CD5900) !important;
	background-image: url('../../img/icon_Arrow.png'), -o-linear-gradient(#f3793b, #CD5900) !important;
	background-image: url('../../img/icon_Arrow.png'), -ms-linear-gradient(#f3793b, #CD5900) !important;
	background-image: url('../../img/icon_Arrow.png'), -webkit-gradient(linear, left top, left bottom, from(#f3793b), to(#CD5900)) !important;
	background-position: 95% 45%  !important;
	background-repeat: no-repeat !important;
	padding-right: 24px !important;
}
.adjustHeightDiv {
	padding-bottom:3%;
}
.txnBtn {
	padding-right:0;
	float:right;
	width:49%;
	position: relative;	
}
#txnBtnHLoan {
	height: 45px !important;
}
.txnBtnAlign {
	position:absolute;
	bottom:0;
	right:0;
	float:right;
} 
.accHolder {
	margin-left:0;
}
.topLeftDiv {
	padding-right:1%;
	float:left;
	width:49%;
	min-height:60 px;
}
.width100Imp {
	width:100% !important;
}
.redrawBtnAlign {
	float:right;
	padding-right:1%;
}
.accHolderList {
	padding-left:0;
}
.newLi {
	float: left;
    min-width: 50px;
    width: auto;
}
.ie8 .topLeftDiv {
	min-height:	60 px;	
}
.accNum {
	float:left;
}
.dynamicCompHelpIcon {
	float:right;
	margin-top:3%;
}
.tips {
	z-index:1000;
	display:none;
	position:absolute;
	border:2px solid fff;
	background-color:#bfe7e9;
	border-radius:5px;
	padding:10px;
	color:#555;
	font-size:12px Arial;
	min-width:250px;
}
.dynaCmpFieldWidth {
	width:93% !important;	
}
.dynaCmpTxtField {
	margin-top:6%;
}
.dynaCmpValue_li {
	width:65% !important;
}
.regBtnAlign {
	float: right !important;
    padding-right: 4%;
}
.ackMessageDisplay {
	margin-top:0;
	margin-bottom:0;
}
.BPAYView_RegForm {
	border-top: 2px solid rgb(212, 212, 212);
}
.BPAYViewRegLeftHeader {
	width: 35% !important;
}
.BPAYViewReg_ImgHolder {
	padding-left: 0px;color:#20b4c5;
}
.BPAYViewRegImg {
	padding-top: 5%;
}
.BPAYViewRegHeading {
	margin-left: 0px !important;
	 padding-top: 2%;
    font-size: 15px !important;
    font-weight: bold !important;
}
.BPAYViewRegRghtHeader {
	float: right !important; 
	margin-right: 15px !important; 
	width: 38% !important;
	color:#20b4c5;
}
.BPAYViewReg_Msgs {
	padding-left: 0px ! important; 
	padding-bottom: 1%;
	margin:0 !important;
}
.BPAYView_RegForm ul {
	width:auto !important;
}
.dynaDiv ul {
	width:auto;	
}
.BPAYViewLogo{
	display: inline-block;
	*display: inline;
	/* IE7 inline-block hack */
	
	*zoom: 1;
	padding-left: 108px;
	padding-right: 25px;
	padding-top: 4px;
	padding-bottom : 4px;
	margin-bottom: 0;
	font-family: Montserrat;
	/*TheSansPlain,*/
	
	font-size: 14px;
	line-height: 30px;
	*line-height: 20px;
	color: #222221;
	text-align: center;
	text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
	vertical-align: middle;
	background: url('../../img/logo_BPAYView.png') no-repeat;
	border: 0px;
	font-weight:bold;
	font-size:large;
	font-family: Montserrat !important;
	background-size:45% 75%;
	background-color: #f9f9fa !important
}
.BPAYViewRgtDiv {
	float: right;
    width: 48%;
}
.BPAYViewRgtDivContent {
	color: #008392;
    float: right;
    margin-right: 5%;
    padding-top:5%;
}
.BPAYViewLftDiv {
	float: left;
    width: 35%;
}
.BPAYViewLftDivContent{
	font-size: large;
	font-weight: bold;
	min-width:211px;
	padding-left: 0 !important;
	width:auto;
}
.ie9 .BPAYViewLogo{
	padding-left: 108 px;
	background-size:45% 75%;
}
.termsLi {
    padding: 9px 15px 9px 15px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    width: 95%;
    font-size: 12px;
  	font-weight: normal !important;	
}
.termsTxt {
	margin-top: 0;
	padding-left: 16px;	
}
.span5.imgLi {
	min-height:0 !important;
	width:auto !important;	
}
.msgTxtLi { 
	padding-left: 15px;	
}
.paddingLeft0 {
	padding-left : 0px !important;
}
.registerBiller{
	height: auto;
    max-width: 165px;
    width: auto;
    cursor:pointer;
    margin-top:-8px;
    /*color:#ffffff !important;*/
    font-size:12px;
    padding-top:2px;
    padding-bottom:2px;
    padding-left:5px;
    padding-right:5px;
}
.regLogo {
	max-width:96px;
}
.regHeader {
	padding-top:2.5px;
	color : #222221 !impportant;
}
.termsTxtCheckBox {
	padding-left:0 !important;
}
.span5.termsCheckBox {
	min-height:10px !important;
	max-width : 22px;
}
.termsTxt1 {
	margin-top:3px;
	padding-left:15px;
	font-size:14px;
}
.alterBtnAlignmnt {
	margin-top:0 !important;
	margin-bottom:5px;
}
.ie8 .termsCheckBox {
	max-width : 22px;
}
.ie8 .termsTxt {
	margin-top :0;
	padding-left:22px;
}
.ie8 .registerBiller {
	margin-top:0;
	margin-bottom:5px !important;
}
.ie9 .registerBiller {
	margin-top:0;
	margin-bottom:5px !important;
}
.boxHeight {
	height:269px;
	padding-right:3px;
}
.boxheightReward {
	height:268.5px;
	/*height:261.5px;   for chrome*/
	padding-right:6px;
}
.boxheighteSaverPlus {
	padding-right:8px;
}

.floateSaver {
padding-top:45px;
}
#nextSteps{
	font-family:Montserrat;
	color:#222221;	
	font-size:15px;
}
#nextStepTowardsInterest{
	width: 92%!important;
	margin-left: 15px;
	margin-bottom: 9px;
}
#depositSalaryDiv {
    width: 28%;
}
#nextStepTowardsInterest td {
    width: 33%;
}
#nextStepTowardsInterest td div {
    width: 92%;
    padding: 10px 0 10px 10px;
    color: #fff;
}
#nextStepTowardsInterest td:first-child > div{
    background-color: #008392;
    position: relative;
    width: 97%;
    height: 216px;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
}
#nextStepTowardsInterest td:nth-child(2) > div {
	background-color: #166c78;
    position: relative;
	padding-left: 33px;
	height: 216px;
	width: 86%;
}
#startSavingDiv{
	background-color: #166c78;
    position: relative;
	padding-left: 33px;
	height: 216px;
	width: 86%;
}
#nextStepTowardsInterest td:nth-child(3) > div {
    background-color: #11555e;
	position: relative; 
	padding-left: 31px;
	height: 216px;
	width: 90%;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
}
#beRewardedDiv {
    background-color: #11555e;
	position: relative; 
	padding-left: 31px;
	height: 216px;
	width: 90%;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
}
#nextStepTowardsInterest td img.boundary {
    position: absolute;
    top: 0px;
}
#nextStepTowardsInterest td:first-child img.boundary {
    width:20%;
    height: 100%;
    left: 100% ;/*183px;*/
}
#nextStepTowardsInterest td:nth-child(2) img.boundary {
    width: 15%;
    height: 100%;
    left: 100%;/*223px;*/
}
#startSavingDiv img.boundary {
	   width: 15%;
    height: 100%;
    left: 100%;/*223px;*/
}
/*#nextStepTowardsInterest td .button{
	border-radius: 6px;
	width: 84%;
	height: 12%;
	color: #686868;
}
#nextStepTowardsInterest td:first-child .button{
	width: 96%;  
	position: absolute;
    bottom: 14px;    
    margin-left: 10px;
    padding-left: 0;
}
#nextStepTowardsInterest td:nth-child(2) .button,#nextStepTowardsInterest td:nth-child(3) .button{
	bottom: 14px;
	position: absolute;	
    padding-left: 0px;
}
#nextStepTowardsInterest td:nth-child(2) .button{
	margin-left: 5px;
}*/
/*buttons next step page starts here*/
input[type="button"].nextStepButton{
    bottom: 14px;
    border-radius: 6px;
    height: 11%;
    width: 84%;	
    position: absolute;
    padding-left: 0;
    color: #686868;
}
#nextStepTowardsInterest td:first-child .nextStepButton,#nextStepTowardsInterest td:nth-child(3) .nextStepButton {
    width: 82%;
    margin-left: -82px;
    padding-left: 0;
    top: 0px;
    position: absolute;
    height: 100%;
    background-color: #e6e6e6;
    border: none;
}
#depositSalaryDiv .nextStepButton {
    width: 82%;
    margin-left: -82px;
    padding-left: 0;
    top: 0px;
    position: absolute;
    height: 100%;
    background-color: #e6e6e6;
    border: none;
}
#beRewardedDiv .nextStepButton {
    width: 82%;
    margin-left: -82px;
    padding-left: 0;
    top: 0px;
    position: absolute;
    height: 100%;
    background-color: #e6e6e6;
    border: none;
}
#beRewardedDiv .nextStepButton {
	    width: 84%;
}
#startSavingDiv .nextStepButton {
	margin-left: 5px;
}
a#depositSalaryLink , a#beRewardedLink{
    width: 86%;
    position: relative;
    height: 7%;
    background-color: #e6e6e6;
    background-image: none;
    margin-left: 10px;
}
a#startSaving{
    bottom: -50px;
    width: 86%;
    position: relative;
    height: 8%;
    background-color: #e6e6e6;
    background-image: none;
    margin-left: 0;
}
a#beRewardedLink{bottom: -64px;}
a#beRewardedLink{
    margin-left: 10px;
}
/*#nextStepTowardsInterest td:nth-child(2) .arrowRight {
    left: -6px;
    margin-top: 10px;
    position: absolute;
    width: 3%;
}*/
/*buttons next step page ends here*/

/*#nextStepTowardsInterest td:nth-child(3) button{
	margin-left: 5px;
}*/
img.nextStepImages {
    margin-left: 10px;
    width: 12%;
    height: 12%;
}
.arrowRight {
    float: right;
    width: 3%;
    margin-right: 0px;
    margin-top: 4px;
}
.nextStepHeading {
    padding: 10px 0 0 10px;
    font-size: 13px;
}
/*next step ends*/
/*youtheSaverBox starts*/

/*youtheSaverBox ends*/
.spanTranAck {width: 99.6365% !important;}
.floateSaverReward {padding-top:1px;}
/*chrome css hack starts here*/
@media screen and (-webkit-min-device-pixel-ratio:0) {
	#youtheSaverBox, .boxheightReward{ height: 274px; }
	#youtheSaverBox{ position: relative;}
	#youtheSaverButton, #eSaverRewardButton{
		position: absolute;
		bottom: 2px;
	}
}
/*chrome css hack ends here*/
#youtheSaverBox {
    height: 271px;
}
/*ie8 css hack starts here*/
@media \0screen
#youtheSaverBox, .boxheightReward { height: 274px; }
	#youtheSaverBox{ position: relative;}
	#youtheSaverButton, #eSaverRewardButton{
		position: absolute;
		bottom: 2px;
	}
}
/*ie8 css hack ends here*/

@media screen and (-webkit-min-device-pixel-ratio:0){
	.floateSaver {padding-top:12px;}
}
/*
@media screen and (-webkit-min-device-pixel-ratio:0){
	.boxheightReward{height:261.5px;padding-right:6px;}
}*/
@media screen and (-webkit-min-device-pixel-ratio:0){
	.boxheighteSaverPlus{ /*height:261.5px;*/ padding-right:8px;}
}
@media screen and (-webkit-min-device-pixel-ratio:0){
	.floatBtm {padding-top:12px;}
}
<!–[if IE 8]>
.margTop{
	margin-top:2% !important;
}
<![endif]–>body {
	padding-left: 0 !important;
	padding-right: 0 !important;
	color: #555 !important;
	font-family: Montserrat !important;
	font-size: 13px !important;
}
th {
    text-transform:capitalize;
}
.pageHeader {
	font-family: MontserratSemibold !important;
	color: #111111;
	font-size: 22px !important;
}
.pageHeader > h3 {
	font-weight: bold;
	display: inline-block;
	margin-left: 10px;
	
}
.pageHeader2 {
	display : inline;
	font-family: Montserrat !important;
	color: #20b4c5;
	font-weight:bolder;
	font-size: 14px !important;
	margin-left:10px !important;
}
.pageHeader3 {
	display:inline;
	font-family: Montserrat !important;
	color: #20b4c5;
	font-style:italic;
	font-size: 12px !important;
	margin-left:10px !important;
}
 /* .row-fluid .span5 {
	width:14%;
	} */
	.row-fluid .spanLabel {
	width:14% ;
	margin-left: 0% !important;
}
.width14 {
	width:14% !important;
}	
/*#accountName{
	width:98% !important;
	min-width: 180px !important;
} */
#compliance {
	width:100% !important;	
}
.navbar-small {
	width:80% !important;
}
.floatType {
	float:right;
	margin-right:10%;
}
.labelColor{
	color:#555555 !important;
	width:93%;
}
.headermargin {
  margin-bottom: -35px;
  padding-bottom: 10px;
  /*margin-left: 1% !important;*/
}
.movebtnright {
	margin-left: 37% !important;
}
.ie8 .headermarginconfirm {
  margin-bottom: -65px;
  padding-bottom: 0px;
  margin-left: 2px !important;
}
.errorwidthBPAY {
  width: 88.6% !important;
}
.errwidthTD {
  width: 89% !important;
}
.addmargnbottom {
  margin-bottom: 10px !important;
}
.margintopsuccess {
  margin-top: -63px !important;
}
/*.errleftmargin {
  margin-left: 2.5% !important;
}*/
.errwidth {
  width: 95%;
}
.ie8 .errwidth {
  width: 94.2%;
}
.labelrightmargin {
  margin-right: 186px !important;
}
.marginleft10 {
  margin-left: 10px !important;
}
.marginleftacc {
  margin-left: 15px !important;
}
.marginleft15 {
  margin-left: 15px !important;
}
.ie7 .pageHeader {
  margin-top: 30px!important;
}
.ie7 .pageHeader h3 {
  font-size: 24px !important;
}
/*@font-face {
  font-family: 'Marydale';
  font-style: normal;
  font-weight: 400;
  src: url('../../font/marydale.eot?') format("eot"), url('../../font/style_136579.woff') format('woff'), url('../../font/marydale.ttf') format("truetype"), url("../../font/marydale.svg#Marydale") format("svg");
}*/
li {
  list-style: none;
  /*line-height: 20px;*/
}
.addLinkTD {
  color: #20b4c5;
  text-decoration: none;
  font-weight: bold;
}
.addLink {
  background-color: #959494;
  color: #fff;
  text-decoration: none;
  font-weight: bold;
  border-radius: 6px;
  padding: 6px 9px;
}
.marginTop{
	margin-top: 0.83em;
}
.changePosTerm {
  position: relative;
  top: -30px;
  left: 260px;
}
.ie8 .changePosTerm {
  left: 180px;
}
.addLink:hover {
  background-color: #ffffff;
}
.btn-group a.selected {
  background-image: none;
  background-color: #0088cc;
  color: white;
}
input[type=reset].btn,
input[type=button].btn {
  *padding-bottom: 0 !important;
  height: 30px;
}
input[type=reset].previewBtn,
input[type=button].previewBtn {
  *padding-bottom: 0 !important;
  height: 28px;
}
li.btn-group-right {
  float: right!important;
}
.rowbottompadding {
  padding-bottom: 4px;
}
.removepadtop {
  padding-top: 0px !important;
}
.billnicknamemargin {
  margin-bottom: 0px !important;
}
.changemargintop {
  margin-top: -11px !important;
}
.button {
  margin-left: 340px !important;
}
select {
  border: 1px solid #c0c0c0;
  border-radius: 3px 3px 3px 3px;
  color: #666666;
}
.bottommargin {
  padding-bottom: 10px;
}
.row-fluid .span1 {
  width: 75px;
  *width: 80px !important;
}
.row-fluid .width25 {
	width: 10% !important;
}
.row-fluid .width26 {
	width: 16% !important;
}
.row-fluid .span2 {
  width: auto;
}
/*.row-fluid .span1{
	width:14% !important;
}*/
.tranCombo {
	color: #555555;
}
.row-fluid .span3 {
	width: 30% ; /* !important */
	*width: 31.86% !important;
}
.ie8 .row-fluid .span3 {
	width: 39% !important;
}
.ie8 .row-fluid .cwMTSSwitchIE {
	width: 30% !important;
}
.row-fluid {
	*margin-left: 0px !important;
}
.row-fluid {
	padding-left: 20px;
	padding-right: 20px;
	box-sizing: border-box;
}
#multiBills .row-fluid {
	padding-left: 20px !important;
}

#termDepReq1 {
	padding-bottom: 9px;
}
.paddingrowbottomconfirm {
	padding-bottom: 18px !important;
}
.changetopmargin {
	margin-top: -15px !important;
}
.ie8 .formleftmargin {
	padding-right: 0px !important;
}
input[type=text],
input[type=date],
input[type=email],
input[type=password] {
	width: 248px !important;
	height: 45px;
    box-sizing: border-box;
}
#payOverseasStep2_residentialAddress1.notEditable{
	width: 100% !important;
	height: 45px;
}
.alignright {
	text-align: right;
	padding-left: 71px!important;
}
.alignrightbtn {
	text-align: right;
	right: 5px!important;
}
.textPadding {
	padding-right: 8px!important;
}
.selectPadding {
	margin-right: 5px!important;
}
.ie7 input[type=text],
.ie7 input[type=date],
.ie7 input[type=email],
.ie7 input[type=password] {
	width: 168px !important;
}
.ie8 input[type=text],
.ie8 input[type=date],
.ie8 input[type=email],
.ie8 input[type=password] {
	width: 168px !important;
}
.ie9 input[type=text],
.ie9 input[type=date],
.ie9 input[type=email],
.ie9 input[type=password] {
	width: 168px !important;
}
.adobe-reader {
	height: 30px;
	width: 30px;
}
@media (max-width: 767px) {
  [class*="span"],
  .row-fluid [class*="span"] {
	float: left;
	margin-left: 2.12766%;
  }
  a.registerBiller{
  	padding: 0 0 !important;
  	line-height: 23px !important;
  }
}
.myStyle {
	display: none;
	width: 100%!important;
}
.btn {
	text-decoration: none;
}
.previewBtn{
	text-decoration: none;
}
#newPayment_radio1,
#newPayment_radio2,
#_radio1,
#_radio2,
.untilSelected_Date,
#durationenddate,
#addPayee_BSBtip,
#billerDetails,
#termDeposit_jointOwnerCustomer,
#termDeposit_tFN,
#termDeposit_helpText,
#bpayPayment_billerDetail,
#bpayPayment__radio1,
#bpayPayment__radio2,
#bpayPayment_datepick,
#myAccDiv {
	display: none;
}
@media(max-width:680px){
#addPayee .span20p         {
width: 27% !important;
}
#addPayee .span73p         {
width: 69% !important;
}
}
.matdateopentermdeposit_margintop {
	margin-top: -1px;
}
.radioWidth {
	width: 50px !important;
}
form #error {
	margin-bottom: 40px !important;
	/*margin-left: 13px !important;*/
	padding-left: 30px !important;
	/*right: 0.5% !important;*/
	width: 100% !important;
}
form #success {
	margin-bottom: 40px !important;
	/*margin-left: 13px !important;*/
	padding-left: 30px !important;
	/*right: 0.5% !important;*/
	width: 100% !important;
}
.input-append .btn,
.input-append span {
	padding-top: 3px;
	padding-bottom: 1px;
}
.related {
	margin: 5px 0 0 !important;
	padding: 0 !important;
	width: auto !important;
}
.header {
	font-weight: bold;
}
.buttonmargintop {
	margin-top: -20px !important;
}
.buttonpaddingtop_scheduled {
	padding-top: 11px !important;
}

#requestNewOTP {
  padding: 4px 10px;
}
#addBiller_billerBtn {
  padding: 4px 8px 4px;
}
#memberNumber {
  padding: 2px 16px;
}
#termDeposit_help,
#eSaver_help {
  cursor: pointer;
}
.select_image {
	background-image: url("../../img/select-button.png");
	display: inline-block;
	height: 20px;
	width: 20px;
	position: relative;
	margin-left: -23px !important;
	z-index: 10 !important;
	margin-bottom: -7px;
	*top: 3px;
}
input[data-role="bancs.format"] {
  text-align: right;
}
.sessionTimer{
	display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 24px 56px;
    gap: 8px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%);
    background: #FFFFFF;
    border-radius: 8px;
    z-index: 100000 !important;
    position: fixed;
}
.hide {
  display: none;
}
.alert-info {
  margin-bottom: 10px ! important;
}
#toggler {
  position: absolute;
  top: 70px;
  *top: 40px;
  right: 50px;
}
.togglerOffset {
  top: 60px !important;
  *top: 30px !important;
}
#tabContent {
  height: 700px;
}
.bancsTabButton {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	padding: 0px;
	margin-bottom: 0;
	font-size: 13px;
	line-height: 18px;
	*line-height: 20px;
	color: #ffffff;
	text-align: center;
	text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
	vertical-align: middle;
	cursor: pointer;
	background-color: #fff !important;
	filter: progid:dximagetransform.microsoft.gradient(startColorstr='#d892be', endColorstr='#d2db46', GradientType=0);
	border-color: #e1e2e4;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	*background-color: #d2db46;
	/* Darken IE7 buttons by default so they stand out more given they won't have borders */
	
	margin-top: 1px !important;
	margin-bottom: 1px !important;
	margin-right: 0px !important;
	filter: progid:dximagetransform.microsoft.gradient(enabled=false);
	border: none;
	*border: 0;
	border-bottom-color: #e1e2e4;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	*margin-left: .3em;
}
.bancsTabButton > a {
  padding-bottom: 4px !important;
  padding-top: 3px !important;
  font-size: 16px;
  color: #111111 !important;
}
/*.nav-tabs > li > a:hover {
  border-color: #d2db46;
  background-color: #d2db46!important;
}
.nav > li > a:hover {
  background-color: #d2db46;
  color: #555;
  text-decoration: none;
}*/
#inboxDash > thead > tr > th {
	color:#111111 !important;
	height: 41px;	
}
#inboxDash > tbody > tr > td {
	height: 37px;
	background-color: #fff;
	border-bottom: 1px solid #CCCCCC;
	padding-bottom: 6px;
	font-weight: bold;
}
#inboxDash > tbody > tr:last-child > td {
	border: none;
}
#sentDash > thead > tr > th {
	color:#111111 !important;
	height: 41px;
}
#sentDash > tbody > tr > td {
	height: 37px;
	background-color: #fff;
	border-bottom: 1px solid #CCCCCC;
	padding-bottom: 6px;
	font-weight: bold;
}
#sentDash > tbody > tr:last-child > td {
	border: none;
}
.table-message-dash > p
{
	font-size:13px;
	color:#111111;
	}
.ie7 .adjustText > input {
  margin-left: -1.9% !important;
}
.ie7 .adjustMargin {
  margin-bottom: 0!important;
}
.ie8 .adjustMargin {
  margin-bottom: 0!important;
}
.fourColumn {
  width: 73%;
}
.twoColumn {
  width: 56%;
}
.twoColumn span,
.twoColumn > input {
  float: right;
}
.fourColumn span,
.fourColumn > input {
  float: right;
}
@media (max-width: 600px) {
  .fourColumn { width: 100% !important;}
  .twoColumn {width: 65% !important;}
}
@media (max-width: 786px) {
  .fourColumn {width: 100% !important;}
  .twoColumn {width: 65% !important;}
}
.spanOffset > span {
	float: right;
}
.pullRight > a,
.pullRight > span,
.pullRight > input {
	float: right;
}
.spanOffset {
	padding-top: 60px;
	width: 100% !important;
	*width: 100% !important;
	display: inline-block;
	padding-bottom: 40px;
}
.addpaddingtop {
	padding-top: 6px !important;
}
.addpaddingtoptfn {
	padding-top: 4px !important;
}
.ie8 .spanOffset {
	width: 100% !important;
}
.billernamecss {
	padding-top: 10px;
}
.addbillercss {
	margin-bottom: -10px;
}
.logintopmargin {
	padding-top: 10px !important;
}
.billnickcss {
	margin-bottom: 0px;
}
.ie9 .spanOffset {
	width: 100% !important;
}

.previewBtn {
	font-weight: bold;
	background-color: #CD5900;
	filter: progid:dximagetransform.microsoft.gradient(endColorstr='#f3793b', startColorstr='#CD5900', gradientType='0');
	background-image: -moz-linear-gradient(#f3793b, #CD5900);
	background-image: linear-gradient(#f3793b, #CD5900);
	background-image: -o-linear-gradient(#f3793b, #CD5900);
	background-image: -ms-linear-gradient(#f3793b, #CD5900);
	background-image: -webkit-gradient(linear, left top, left bottom, from(#f3793b), to(#CD5900));
	color: #ffffff;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	background-color: #00a0af;
	*background-color: #49afcd;
	background-repeat: repeat-x;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
}
.ie7 .btn,
.ie8 .btn {
  margin-bottom: 10px;
}
.ie7 .previewBtn,
.ie8 .previewBtn {
  margin-bottom: 10px;
}

/*.btn:active {
  color: rgba(255, 255, 255, 0.75);
}*/
.span11 {
  width: 95.6365% !important;
  padding-right:1% !important;
}
.ie7 .ieChangeSpan11 {
  width: 88.6365% !important;
}



.helpIcon {
  display: inline-block;
  float: right;
  margin-bottom: 0px;
  margin-top: 15px;
  *margin-top: 15px;
}
.helpIcon:hover {
  cursor: pointer;
}
[class^="icon-"],
[class*=" icon-"] {
	display: inline-block;
	width: 14px;
	height: 14px;
	*margin-right: .3em;
	line-height: 14px;
	vertical-align: text-top;
	background: url("../../img/glyphicons-halflings.png") no-repeat 14px 14px;
}
[class^="icon-"]:last-child,
[class*=" icon-"]:last-child {
	*margin-left: 0;
}
.icon-question-sign {
	background-image: url("../../img/glyphicons-halflings.png");
	background-position: -96px -96px;
	height: 15px;
	width: 15px;
}
.iconblue-question-sign {
	background-image: url("../../img/tooltip_question.svg");
	background-position: -96px -96px;
	height: 15px;
	width: 15px;
}
/*input[data-role="bancs.Calender"] {
	width: 160px!important;
}*/
.ie7 input[data-role="bancs.Calender"] {
	width: 144px!important;
}
.ie8 input[data-role="bancs.Calender"] {
	width: 145px!important;
}
.ie9 input[data-role="bancs.Calender"] {
	width: 159px!important;
}
/*.ie7 .transactionOffset>input[data-role="bancs.Calender"]{
    margin-left: -5%!important;
}*/
.icon-calendar {
  background: url("../../img/calendar-icon.png") no-repeat 0px 0px;
  background-size:14px;
  position:absolute;
  right:5px;
}
#statement1 {
	padding-bottom: 9px;
}
.icon-calendar:hover {
	cursor: pointer;
}
.password_alignright {
	float: right;
	margin-right: 25px;
}
.spanOffsetOTP {
	float: right !important;
	margin-right: -36px !important;
	width: 300px !important;
}
.pullButtonRight {
	margin-left: 26% !important;
}
.ie8 .pullButtonRight {
	margin-left: 24% !important;
}
.ie7 .pullButtonRight {
	margin-left: 25% !important;
}
.pullButtonRight20 {
	margin-left: 20%!important;
}
.ie7 .spanOffsetOTP {
	width: 500px !important;
}
.labelOTP {
	line-height: 33px !important;
}
.recurring {
	margin-left: -39px;
}
.recurring_combo {
	margin-left: 4.462% !important;
	margin-bottom: 0 !important;
	margin-top: 0 !important;
}
.billpay_button {
  margin-top: 20px !important;
}
#bpayPayment__radio2 > ul {
	padding-left: 0!important;
}
.ie7 #bpayPayment_durationenddate {
	margin-left: -3% !important;
}
#bpayPayment_durationenddate {
	margin-left: -4% !important;
}
.radio_padding-left {
	padding-left: 10px !important;
}
/*.alert_confseq_button {
	float: right;
	margin-right: -2%;
}*/
.formleftmargin {
	padding-left: 30px;
    padding-right: 20px;
}
.formleftmargintable {
	padding-right: 20px;
	padding-left: 30px !important;
}
.errmarginleft { margin-left: -11px;}
#addBiller_billerBtn { color: #1C4561 !important; }
.asterik { color: red ;}
.downloadLink {color: #000000;}
.no-js {
  /** visibility: hidden;
 visibility: visible;
    *display:none;*/
}
label {
  display: inline-block !important;
  *display: inline !important;
}
.ie7 .radio-inline label,
.ie8 label {
  display: inline !important;
}
.ie8 .radio-inline label {
  display: inline-block !important;
}
textarea {
  resize: none;
}
.successActionMessage > ul {
  padding-left: 0 !important;
}
.numpad {
  top: 25.5% !important ;
}
.row-fluid .span4 {
  width: 54% !important;
}
.row-fluid .span4.myCards {
  width: 45% !important;
}
.visibilityHidden {
  visibility: hidden ;
}
.navbar {
  z-index: 4 !important;
}
.navbar-inner {
  z-index: 5 !important;
}
.btn {
  border: none !important;
}
.previewBtn {
  border: none !important;
}
.margin-top {
  margin-top: 100px!important;
}
.widgetheight #numpadContainer {
  top: 29px !important;
  height: 136px !important;
}
.ie8 .widgetheight #numpadContainer,
.ie7 .widgetheight #numpadContainer {
	top: 35px !important;
	height: 136px !important;
}
.changePassContainer {
	/* background: none repeat scroll 0 0 rgba(255, 255, 255, 0.9);*/
	 border-radius: 0px;
	     background: #fff;
	 /*height: 100%;*/
	 height: 80%;
	 position: relative;
	 width: 80%;
	/*z-index: 1 !important;*/
	/*margin-top: 10px;*/
	 margin-left: 10%;
	 margin-right: 10%;
 	 padding: 0px 20px 20px;
     box-sizing: border-box;
}
.changeWacHeader{
	padding-left: 0px;
    padding-right: 0px;
    margin-top: 0;
    margin-bottom: 8px;
}
.changeWacHeaderTitle{
	margin-top: 30px;
    line-height: 22px;
}								
.ie7 .changePassContainer,
.ie8 .changePassContainer {
  /*background: url("../../img/ContentBG.png");*/
     /*background-color: black; 
   filter: alpha(opacity=55);*/
}
.changePassContainerBackground {
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.9);
    border-radius: 10px;
    height: 80%;
    margin-left: 10%;
    margin-right: 10%;
    position: absolute;
    top: 96px;
    width: 80%;
    z-index: -1 !important;
}
.ie7 .changePassContainerBackground,
.ie8 .changePassContainerBackground {
  /*background: url("../../img/ContentBG.png");*/
   	background-color: white; 
  	filter: alpha(opacity=90);
}
.changePassContainerMask {
	background: none repeat scroll 0 0 rgba(255, 255, 255, 0.9);
	border-radius: 10px 10px 10px 10px;
	height: 100%;
	position: absolute;
	width: 80%;
	margin-top: 10px;
	margin-left: 10%;
	margin-right: 10%;
	z-index: 1000 !important;
}
.ie7 .changePassContainerMask,
.ie8 .changePassContainerMask {
	/* background: url("../../img/ContentBG.png");*/
	 background-color: white; 
	 filter: alpha(opacity=90);
}
.changeheighttc {
	height: 60% !important;
}
#changeContainer {
	height: 85% !important;
}
.white-text label {
	color: #555;
}
.alignTextRight {
	text-align: right;
}
.textAddBiller {
	padding-left: 20px;
	margin-left: 66% !important;
	width: 28% !important;
	word-wrap: break-word;
	margin-top: -7px !important;
}
.ie8 .textAddBiller {
	position: relative;
	width: 24% !important;
	margin-left: 70% !important;
}
.ie7 .textAddBiller {
	position: relative;
	width: 24% !important;
	margin-left: 0% !important;
}
.readjustWidth {
	width: 100% !important;
}
.displayNone {display: none !important;}
@media print {
  .showDataToBePrinted {display: block !important;}
  .hideDataWhilePrint {display: none !important;}
}
.row-fluid .changeSpan2 {
	width: 20.89361702% !important;
}
#resetPin .row-fluid .changeSpan2 {
    width: 30% !important;
}
#AuthField1 {margin-top: 3%;}
#AuthField2 {margin-top: 3%;}
#AuthField3 {margin-top: 3%;}
#AuthField4 {margin-top: 3%;}
.textAreaWidth {
	width: 100% !important;
}
.pullTextRight {
	text-align: right;
    max-width: 99%;
}
.ie7 .pullTextRight {
	text-align: right;
    max-width: 99%;
}
.ie8 .pullTextRight {
	text-align: right;
    max-width: 99%;
}
body {
	width: 100% !important;
}
.bpaycom {
	text-decoration: underline;
}
.errorBorder {
	border-color: #EA1010 !important;
}

.ie8 .submitBtnChange,
.ie7 .submitBtnChange {
  /*filter: progid:dximagetransform.microsoft.gradient(endColorstr='#f3793b', startColorstr='#CD5900', gradientType='0') !important;
  filter: progid:dximagetransform.microsoft.gradient(endColorstr='#f3793b', startColorstr='#CD5900', gradientType='0'), progid:DXImageTransform.Microsoft.AlphaImageLoader(src="bancsui/assets/img/Arrow.Icon.White.png",Direction="Bottom") !important;*/

}
.ie8 .submitBtnChange:hover,
.ie7 .submitBtnChange:hover {
	/*filter: progid:dximagetransform.microsoft.gradient(endColorstr='#CD5900', startColorstr='#f3793b', gradientType='0') !important;*/
}
.extendMarginBK {
	background-position: 95% 45%  !important;
}
.paginationStyle {
	display: inline-block;
	*display: inline;
	/* IE7 inline-block hack */
	*zoom: 1;
	padding: 4px 10px 4px;
	margin-bottom: 0;
	font-family:Montserrat !important;
	font-size: 14px;
	line-height: 18px;
	*line-height: 20px;
	color: #767676;
	text-align: center;
	font-weight: bold;
	/*text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);*/
	vertical-align: middle;
	cursor: pointer;
	background-color: #f0f1f1 ;
	background-image: -moz-linear-gradient(top, #f0f1f1 3%, #ffffff 20%, #dedfdf 100%);
	background-image: -ms-linear-gradient(top, #f0f1f1 3%, #ffffff 20%, #dedfdf 100%);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f0f1f1), to(#dedfdf));
	background-image: -webkit-linear-gradient(top, #f0f1f1 3%, #ffffff 20%, #dedfdf 100%);
	background-image: -o-linear-gradient(top, #f0f1f1 3%, #ffffff 20%, #dedfdf 100%);
	background-image: linear-gradient(top, #f0f1f1 3%, #ffffff 20%, #dedfdf 100%);
	background-repeat: repeat-x;
	filter: progid:dximagetransform.microsoft.gradient(startColorstr='#f0f1f1', endColorstr='#dedfdf', GradientType=0);
	/*border-color: #e6e6e6 #e6e6e6 #bfbfbf;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	*background-color: #e6e6e6;*/
	/* Darken IE7 buttons by default so they stand out more given they won't have borders */
	filter: progid:dximagetransform.microsoft.gradient(enabled=false);
	/*border: 1px solid #cccccc;
	*border: 0;
	border-bottom-color: #b3b3b3;*/
	/*-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;*/
	*margin-left: .3em;
	-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
	-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
	text-decoration: none !important;
}
.paginationDisabled {
	display: inline-block;
	*display: inline;
	/* IE7 inline-block hack */
	*zoom: 1;
	padding: 4px 10px 4px;
	margin-bottom: 0;
	font-family: Montserrat !important;
	font-size: 14px;
	line-height: 18px;
	*line-height: 20px;
	color: #CFCFCF;
	text-align: center;
	font-weight: bold;
	/*text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);*/
	vertical-align: middle;
	background-color: #E8E8E8 ;
	*margin-left: .3em;
	-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
	-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
	text-decoration: none !important;
	cursor: default;
	white-space: nowrap;
}
.paginationStyleprev {
	display: inline-block;
	*display: inline;
	/* IE7 inline-block hack */
	*zoom: 1;
	padding: 4px 10px 4px;
	white-space: nowrap;
	margin-bottom: 0;
	font-family: Montserrat !important;
	font-size: 14px;
	font-weight: bold;
	line-height: 18px;
	*line-height: 20px;
	color: #ffffff;
	text-align: center;
	/*text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);*/
	vertical-align: middle;
	cursor: pointer;
	background-color: #27c7r;
	background-image: -moz-linear-gradient(top, #27c7d9 0%, #209aaf 100%);
	background-image: -ms-linear-gradient(top, #27c7d9 0%, #209aaf 100%);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#27c7d9), to(#209aaf));
	background-image: -webkit-linear-gradient(top, #27c7d9 0%, #209aaf 100%);
	background-image: -o-linear-gradient(top, #27c7d9 0%, #209aaf 100%);
	background-image: linear-gradient(top, #27c7d9 0%, #209aaf 100%);
	background-repeat: repeat-x;
	filter: progid:dximagetransform.microsoft.gradient(startColorstr='#27c7d9', endColorstr='#209aaf', GradientType=0) !important;
	/*border-color: #e6e6e6 #e6e6e6 #bfbfbf;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	*background-color: #e6e6e6;*/
	/* Darken IE7 buttons by default so they stand out more given they won't have borders */
	/* border: 1px solid #cccccc;
	*border: 0;
	border-bottom-color: #b3b3b3;*/
	/*-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;*/
	*margin-left: .3em;
	-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
	-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
	text-decoration: none !important;
}
.paginationStyleprev:hover {
	background-image: -moz-linear-gradient(top, #209aaf 0%, #27c7d9 100%);
	background-image: -ms-linear-gradient(top, #209aaf 0%, #27c7d9 100%);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#27c7d9), to(#209aaf));
	background-image: -webkit-linear-gradient(top, #209aaf 0%, #27c7d9 100%);
	background-image: -o-linear-gradient(top, #209aaf 0%, #27c7d9 100%);
	background-image: linear-gradient(top, #209aaf 0%, #27c7d9 100%);
	background-repeat: repeat-x;
	filter: progid:dximagetransform.microsoft.gradient(startColorstr='#209aaf', endColorstr='#27c7d9', GradientType=0) !important;
}
.paginationStylenext {
	display: inline-block;
	*display: inline;
	/* IE7 inline-block hack */
	*zoom: 1;
	padding: 4px 10px 4px;
	white-space: nowrap;
	margin-bottom: 0;
	font-family: Montserrat !important;
	font-size: 14px;
	font-weight: bold;
	line-height: 18px;
	*line-height: 20px;
	color: #ffffff;
	text-align: center;
	/*text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);*/
	vertical-align: middle;
	cursor: pointer;
	background-color: #209aaf ;
	background-image: -moz-linear-gradient(top, #27c7d9 0%, #209aaf 100%);
	background-image: -ms-linear-gradient(top, #27c7d9 0%, #209aaf 100%);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#27c7d9), to(#209aaf));
	background-image: -webkit-linear-gradient(top, #27c7d9 0%, #209aaf 100%);
	background-image: -o-linear-gradient(top, #27c7d9 0%, #209aaf 100%);
	background-image: linear-gradient(top, #27c7d9 0%, #209aaf 100%);
	background-repeat: repeat-x;
	filter: progid:dximagetransform.microsoft.gradient(startColorstr='#27c7d9', endColorstr='#209aaf', GradientType=0) !important;
	/*border-color: #e6e6e6 #e6e6e6 #bfbfbf;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	*background-color: #e6e6e6;*/
	/* Darken IE7 buttons by default so they stand out more given they won't have borders */
	/*border: 1px solid #cccccc;
	*border: 0;
	border-bottom-color: #b3b3b3;*/
	/*-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;*/
	*margin-left: .3em;
	-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
	-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
	text-decoration: none !important;
}
.paginationStylenext:hover {
	background-image: -moz-linear-gradient(top, #209aaf 0%, #27c7d9 100%);
	background-image: -ms-linear-gradient(top, #209aaf 0%, #27c7d9 100%);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#27c7d9), to(#209aaf));
	background-image: -webkit-linear-gradient(top, #209aaf 0%, #27c7d9 100%);
	background-image: -o-linear-gradient(top, #209aaf 0%, #27c7d9 100%);
	background-image: linear-gradient(top, #209aaf 0%, #27c7d9 100%);
	background-repeat: repeat-x;
	filter: progid:dximagetransform.microsoft.gradient(startColorstr='#209aaf', endColorstr='#27c7d9', GradientType=0) !important;
}
.paginationStyleselected {
	display: inline-block;
	*display: inline;
	/* IE7 inline-block hack */
	*zoom: 1;
	padding: 4px 5px 4px;/*padding: 4px 10px 4px;*/
	white-space: nowrap;
	margin-bottom: 0;
	font-family: Montserrat !important;
	font-size: 14px;
	font-weight: bold;
	line-height: 18px;
	*line-height: 20px;
	color: #ffffff;
	text-align: center;
	/*text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);*/
	vertical-align: middle;
	cursor: pointer;
	background-color: #209aaf ;
	background-image: -moz-linear-gradient(top, #27c7d9 0%, #209aaf 100%);
	background-image: -ms-linear-gradient(top, #27c7d9 0%, #209aaf 100%);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#27c7d9), to(#209aaf));
	background-image: -webkit-linear-gradient(top, #27c7d9 0%, #209aaf 100%);
	background-image: -o-linear-gradient(top, #27c7d9 0%, #209aaf 100%);
	background-image: linear-gradient(top, #27c7d9 0%, #209aaf 100%);
	background-repeat: repeat-x;
	filter: progid:dximagetransform.microsoft.gradient(startColorstr='#27c7d9', endColorstr='#209aaf', GradientType=0) !important;
	/*border-color: #e6e6e6 #e6e6e6 #bfbfbf;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	*background-color: #e6e6e6;*/
	/* Darken IE7 buttons by default so they stand out more given they won't have borders */
	/*border: 1px solid #cccccc;
	*border: 0;
	border-bottom-color: #b3b3b3;*/
	/*-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;*/
	*margin-left: .3em;
	-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
	-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
	text-decoration: none !important;
}
.paginationStyleselected:hover {
	background-image: -moz-linear-gradient(top, #209aaf 0%, #27c7d9 100%);
	background-image: -ms-linear-gradient(top, #209aaf 0%, #27c7d9 100%);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#27c7d9), to(#209aaf));
	background-image: -webkit-linear-gradient(top, #209aaf 0%, #27c7d9 100%);
	background-image: -o-linear-gradient(top, #209aaf 0%, #27c7d9 100%);
	background-image: linear-gradient(top, #209aaf 0%, #27c7d9 100%);
	background-repeat: repeat-x;
	filter: progid:dximagetransform.microsoft.gradient(startColorstr='#209aaf', endColorstr='#27c7d9', GradientType=0) !important;
}

#alertsConfSeq .paginationStyleselected, #alertsConfSeq .paginationStyleselected:hover {
	background-image: -moz-linear-gradient(top, #1C4561 0%, #1C4561 100%);
	background-image: -ms-linear-gradient(top, #1C4561 0%, #1C4561 100%);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#1C4561), to(#1C4561));
	background-image: -webkit-linear-gradient(top, #1C4561 0%, #1C4561 100%);
	background-image: -o-linear-gradient(top, #1C4561 0%, #1C4561 100%);
	background-image: linear-gradient(top, #1C4561 0%, #1C4561 100%);
	background-repeat: repeat-x;
	filter: progid:dximagetransform.microsoft.gradient(startColorstr='#1C4561', endColorstr='#1C4561', GradientType=0) !important;
	}
#alertsConfSeq .paginationStyleselected
{
	margin-bottom: 20px !important;
	border: 1px #1C4561 solid;
	width: 30px;
    height: 30px;
    box-sizing: border-box;
    padding: 0px !important;
}
.smsBankingDisabled {
	display: inline-block;
	*display: inline;
	/* IE7 inline-block hack */
	*zoom: 1;
	padding: 4px 5px 4px;/*padding: 4px 10px 4px;*/
	margin-bottom: 20px;
	font-family: Montserrat !important;
	font-size: 14px;
	line-height: 18px;
	*line-height: 20px;
	color: #767676;
	text-align: center;
	font-weight: bold;
	/*text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);*/
	vertical-align: middle;
	cursor: pointer;
	background-color: #fff ;
	background-image: -moz-linear-gradient(top, #fff 0%, #fff 100%);
	background-image: -ms-linear-gradient(top, #fff 0%, #fff 100%);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fff), to(#fff));
	background-image: -webkit-linear-gradient(top, #fff 0%, #fff 100%);
	background-image: -o-linear-gradient(top, #fff 0%, #fff 100%);
	background-image: linear-gradient(top, #fff 0%, #fff 100%);
	background-repeat: repeat-x;
	filter: progid:dximagetransform.microsoft.gradient(startColorstr='#fff', endColorstr='#fff', GradientType=0);
	/*border-color: #e6e6e6 #e6e6e6 #bfbfbf;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	*background-color: #e6e6e6;*/
	/* Darken IE7 buttons by default so they stand out more given they won't have borders */
	filter: progid:dximagetransform.microsoft.gradient(enabled=false);
	/*border: 1px solid #cccccc;
	*border: 0;
	border-bottom-color: #b3b3b3;*/
	/*-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;*/
	*margin-left: .3em;
	-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
	-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
	text-decoration: none !important;
	
}
#alertsConfSeq .smsBankingDisabled {
	margin-bottom: 20px !important;
	border: 1px #1C4561 solid;
	width: 30px;
    height: 30px;
    box-sizing: border-box;
    padding: 0px !important;
	border: 1px #1C4561 solid;
	}
.imagectrl {
	width: 40px;
	height: 40px;
}
.inline label {
	top: 5px;
	position: relative;
}
.ie8 .inline label {
	padding-top: 5px;
	position: relative;
}
.changeWidthDynmic {
	margin-left: 60%;
}
.ie7 .navbar-inner > .changeWidthDynmic {
	margin-left: 70% !important;
	width: 30%;
}
.changeWidthDynmicTD {
	margin-left: 55%;
}
.ie7 .navbar-inner > .changeWidthDynmicTD {
	margin-left: 60% !important;
	width: 40%;
}
.changeWidthDynmicHL {
	margin-left: 55%;
}
.ie7 .navbar-inner > .changeWidthDynmicHL {
	margin-left: 72% !important;
	width: 28%;
}
.changeWidthDynmicPL {
	margin-left: 55%;
}
.ie7 .navbar-inner > .changeWidthDynmicPL {
	margin-left: 75% !important;
	width: 25%;
}
.paddingtopfreqradio {
	padding-top: 5px !important;
}
.ie8 .inline label {
	top: 4px;
}
.mailBoxLink span {
	position: relative;
	top: -2px;
	font-size: 16px;
    color: #111111;
}
.mailBoxLinkTab {
	color: #555!important;
	text-decoration: none;
	font-weight: bold;
	border-radius: 3px !important;
	padding: 5px 6px;
}
/*#messages .table-message-dash{
	height: 240px;
}
#messages .table-message-dash p[align=center]{
	margin-top: 65px;
}*/
.mailBoxLink{										
	height: 33px;
	line-height: 33px !important;
	font-weight: normal;
	font-size: 16px;
    color: #111111 !important;
}
#messages #composeMail{
	height: 25px;
    line-height: 12px;
    padding-left: 0px !important;
    padding-right: 0px !important;
    /*margin-right: 10px;*/
}
.widthfour {
	width: 4px;
}
.ie8 .changeMarginLeftIE #numpadContainer {
	left: 62%;
}
.ie7 .submitBtnImage {
	position: relative;
	z-index: 100;
	top: -6px;
	left: -22px;
}
.ie8 .submitBtnImage {
	position: relative;
	z-index: 100;
	top: -33px;
	left: 80%;
}
.ie9 .submitBtnImage {
	position: relative;
	z-index: 100;
	top: -1px;
	left: -20%;
}
.ie7 #buttonContainer .submitBtnChange {
  width: 65px;
  text-align: left;
}
.ie8 #buttonContainer .submitBtnImage {
  left: 75%;
}
.ie8 .row-fluid .btn-reply .submitBtnImage {
  margin-left: 0.7%;
  right: 10%;
}
.ie7 .submitBtnLinkImage {
	position: relative;
	z-index: 100;
	padding-top: 10px;
	left: 96.5%;
}
.ie8 .submitBtnLinkImage,
.ie9 .submitBtnLinkImage {
	position: relative;
	z-index: 100;
	padding-top: 0px;
	/*padding-left: 96.5%;*/
}

.pullButtonRightAuthNow {
  margin-left: 10% !important;
  white-space: nowrap;
}
.ie7 .pullButtonRightAuthNow {
  white-space: nowrap;
}
.ie7 #numpadContainer .btn {
  width: 50px !important;
}
.ie7 #numpadContainerLogin .btn {
  width: 50px !important;
}
.ie7 #numpadContainerWAC .btn {
  width: 50px !important;
}
.ie7 #changePassword_submit {
  width: 125px !important;
  padding-right: 10px !important;
}
.ie7 #forgotWacChange_submit {
  width: 110px !important;
  padding-right: 18px !important;
}
.ie7 #manyToSignAuthOpenAcc_acceptBtn {
  width: 70px !important;
  padding-right: 10px !important;
}
.control-group.success .adjustMargin:focus {
  border-color: #e6e6e6 #e6e6e6 #bfbfbf;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
}
.resendCodeCls {
	background-color: #F1F1F1;
	padding: 10px;
	padding-left: 20px !important;
	padding-right: 10px;
	border-radius: 4px;
	margin-top: 20px;
	    width: 97% !important;
	    min-height:70px;
	line-height:18px
	
	
	}
.dummyRemoveAll {
  padding: 4px 4px 4px !important;/*padding: 4px 9px 4px !important;*/
}
.dummyAddAll {
  padding: 4px 4px 4px !important;/*padding: 4px 9px 4px !important;*/
}
.changePaddingHelp {
  padding-left: 20px !important;
}
.row-fluid .fixWidth1 {
  /*width: 85% !important;*/

}
.row-fluid .fixWidth {
  width: 60% !important;
}
.ie8 .leftClass1 {
  left: 66% !important;
}
.ie9 .leftClass1 {
  left: 75% !important;
  top: -23px;
}
.ie9 .leftClass2 {
  left: -14% !important;
}
.ie8 .leftClass2 {
  left: 84% !important;
  top: -33px !important;
}
.topClass2 {
  left: 100% !important;
  top: -33px !important;
}
.ie8 .topClass2 {
  left: -4% !important;
  top: -6px !important;
}
.ie9 .topClass2 {
  left: 100% !important;
  top: -23px !important;
}
.ie8 .leftClass3 {
  left: 85% !important;
}
.ie9 .leftClass3 {
  left: -26% !important;
}
.ie8 .leftClass4 {
  left: -5% !important;
  top: -5px !important;
}
.ie9 .leftClass4 {
  left: -6% !important;
}
.ie8 .leftClass5 {
  left: -8% !important;
  top: -5px !important;
}
.ie9 .leftClass5 {
  left: -8% !important;
}
.leftClass6 {
  left: 89% !important;
  top: -60% !important;
}
.leftClass7 {
  left: -2.2% !important;
  top: -5px !important;
}
.ie7 .leftClass7 {
  left: -2.2% !important;
  top: -10px !important;
}
.leftClass8 {
  left: -12% !important;
  top: -5px !important;
}
.ie9 .leftClass8 {
  left: -12% !important;
  top: -1px !important;
}
.leftClass9 {
  left: 89% !important;
  top: -33px !important;
}
.ie9 .leftClass9 {
  left: 88% !important;
  top: -22px !important;
}
.leftClass10 {
  left: -12% !important;
  top: -3px !important;
}
.ie7 .leftClass10 {
  left: -14% !important;
  top: -6% !important;
}
.leftClass11 {
  left: -12% !important;
  top: -10px !important;
}
.leftClass12 {
  left: -12% !important;
  top: -5px !important;
}
.ie9 .leftClass12 {
  left: -12% !important;
  top: -1px !important;
}
.leftClass13 {
  left: -3% !important;
  top: -6px !important;
}
.marginLeft72 {
  margin-left: 26.5%;
}
.ie8 .marginLeft72 {
  margin-left: 22.5%;
}
.changePositionRight {
  right: 3% !important;
}
.changelocationhelptTC {
  position: absolute;
  top: 2%;
  margin-left: 92.5%;
}
.ie7 .changelocationhelptTC {
  top: 14%;
}
.changenavbartc {
 padding-left: 20px;
  margin-right: 2.5%;
}
.ie7 #manyToSignAuth_acceptBtn {
  padding-right: 22px !important;
}
.ie7 .changeTop40Ie {
  margin-top: -40px;
}
.pageHeader > h3 {
  width: 93%;
}
.width100 {
  width: 100%;
}
.pullMarginTop12 {
  margin-top: -12px !important;
}
.row-fluid > li > label {
  padding-top: 5px;
  max-width: 95%;
  word-wrap: break-word !important;
}
.row-fluid > li:first-child > label {
  font-family: MontserratSemibold !important;
  color: #111111;
}
.verticalContainerPosition li > label {
  font-family: MontserratSemibold !important;
  color: #111111;
}
.row-fluid > li > span > label {
  padding-top: 5px;
}
.ie8 .ie8padding {
  padding-bottom: 13px;
  margin-top: -5px;
}
.ie8 .changewidthIE,
.ie7 .changewidthIE {
  height: 18px;
}
.topPaddingReset {
  padding-top: 15px;
}
.errorReset {
  margin-left: 0.6% !important;
  width: 97.2% !important;
}
.ie7 .addpaddingie7 {
  width: 72px;
  text-align: left;
}
.ie7 .addpaddingWACie7 {
  width: 110px;
  text-align: left;
}
.nowrapClass {
  white-space: nowrap;
}
.changeWacBtn {
	left: 74%;
	top: 15px;
	position: relative;
	/*width: 100px;*/
}
.extendDivWac {
	padding-bottom: 25px;
}
.width145 {
	width: 145px;
	white-space: nowrap;
}
.paddingBtm15 {
	padding-bottom: 15px;
}
.printBtn {
	display: inline-block;
	*display: inline;
	/* IE7 inline-block hack */
	
	*zoom: 1;
	padding: 4px 25px 4px;
	margin-bottom: 0;
	font-family: Montserrat;
	/*TheSansPlain,*/
	font-size: 14px;
	line-height: 18px;
	*line-height: 20px;
	color: #333333;
	text-align: center;
	text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
	vertical-align: middle;
	cursor: pointer;
	background-color: #f5f5f5 ;
	*background-color: #e6e6e6;
	background: url('../../img/printIcon.png') no-repeat;
	border: 0px;
	font-size: 12px !important;
	font-family: Montserrat !important;
	text-decoration: underline;
	background-position-y: 4px;
}
.floatRigthElement {
	float: right;
}
.related h2.overrideLowerCase {
	text-transform: none !important;
}
form .navbar-inner > div > ul.overridePaddingTop {
	padding-top: 0px;
}
.widthTwoFive {width: 25%;}
.widthThreeFive {width: 35%;}
@media (max-width: 510px) {
	.overrideRightContainer{width:500px !important;}
	.moveright{margin-left:9% !important;}
}
@media (min-width: 480px) and (max-width: 679px) {
	.addMarginRight{margin-right: 0 !important;}
	.floatType{float:left;}
	.consent{width:96% !important;}
	.moveright{margin-left:9% !important;}
/*	.row-fluid .span5 {
	width:36% !important;
	} */
	.row-fluid .spanLabel {width:36% !important;}
	/*[class*="span"],
  .row-fluid [class*="span"] {
    margin-left: 0% !important;
  }*/
/*  #accountName{
  	width: 180px !important;
	} */
	.marginleft15 {margin-left: 0px !important;}
	#compliance{width:100% !important;}
	.compliance_required_li{float:left !important;}
}
@media (min-width:680px) and (max-width: 768px){
	.moveright{margin-left:2% !important;}
	.addMarginRight{margin-right: 2% !important;}
	.floatType{
		float:right;
		margin-right:12%;
	 }
	.consent{width:95% !important;}
	/*.row-fluid .span5 {
		width:14% !important;
	} */
	.row-fluid .spanLabel {
		width:14% !important;
	}
	/*[class*="span"],
  .row-fluid [class*="span"] {
    margin-left: 0% !important;
  }*/
/*  .row-fluid .span9 {
  	width:74.46% !important;
  } */
   .row-fluid .spanTxtField {
  	    width:74.46% !important;
   }
/*  #accountName{
	width:98% !important;
	} */
	#compliance {
	width:100% !important;
	}
 }
@media (min-width:769px) and (max-width: 979px){
	.moveright{margin-left:2% !important;}
	.addMarginRight{margin-right: 2 !important;}
	.floatType{
		float:right;
		margin-right:8%;
	}
	/*.row-fluid .span5 {
		width:15.8% !important;
	} */
	.row-fluid .spanLabel {
		width:15.8% !important;
		margin-left: 0% !important;
	}
	/*.row-fluid .span9 {
	width:80% !important;
	}*/
	.row-fluid .spanTxtField {
		width:80% !important;
	}
/*	 #accountName{
		width:98% !important;
	 } */
}
@media only screen and (max-device-width: 950px) {
	/* .row-fluid .span5 {
	width:25% !important;
	} */
	.row-fluid .spanLabel {
		width:25% !important;
	} 
	.changewidthTab {
		width: 77% !important;
	}
}
#transaction li.span11.alert { 
        display: none !important; 
} 
#transaction .labelpadding { 
        padding-bottom: 0px !important; 
} 
#Login .alertLogin { 
	font-size: 14px !important; 
}
.row-fluid .spanOTP {
	width: 61.3% !important;
}
.ie8 .row-fluid .spanOTP {
	width: 62% !important;
}
.ie8 .row-fluid .spanOTP1 {
	width: 70% !important;
}
.row-fluid .spanMode {
	width: 64% !important;
}
.row-fluid .spanOTP1 {
	width: 71% !important;
}
.ie8.row-fluid .spanMode, 
.ie7.row-fluid .spanMode{
	width: 70% !important;
}
#accountStatement_print{
	height: 28px;
	width: 68px !important; /*10%*/
	text-decoration: none;
    font-weight:bold;
}
.row-fluid .spanTxn {
	width: 78% !important;
}
#requestNewLink {
    color: #00a0af !important;
}
.spanbtn {
	width:24% !important;
}
#advancedOpt_hide {
     color: #008094 !important;
}
.relatedAcc h2 {
	border-radius: 10px 0 0 0;
	font-family: Montserrat;
	font-size: 1.6em;
	font-weight: normal !important;
	height: auto;
	line-height: 33px;
	margin: 0;
	padding-left: 20px !important;
	text-align: left !important;
	text-transform: none !important;
}
#accTxn,#alert{
	color: #555555 !important;
	padding-left: 0 !important;
	padding-right: 0 !important;
	font-family: Montserrat !important;
	font-size: 12px !important;
}
.row-fluid .spanExport {
    width: 20% !important;
}
.row-fluid .spanExport.myCards {
    width: 25% !important;
}
.alignbtn {
	margin-left: 66.5% !important;
}
.spanOff {
	padding-top: 15px;
	width: 140px !important;
	*width: 172px !important;
	display: inline-block;
	padding-bottom: 10px;
}
.btnmovetop {
	margin-top: -2px !important;
}
.ie8 .btnmovetop {
	margin-top: -2px !important;
	margin-left: 2% !important;
}
.moveright {
	margin-left: 2% ;
}
.tablewidth {
	width: 100% !important;
}
.ie8 .moveright {
	position:absolute;
	margin-left: 45px !important;
}
.ie8 .spanOff {
	position: absolute;
	padding-top: 15px;
	width: 140px !important;
	*width: 172px !important;
	display: inline-block;
	padding-bottom: 10px;
}
.ie8 .alignbtn {
	position: absolute;
	margin-left: 64.5% !important;
}
.row-fluid .span30 {
	width: 18% !important;
}
.formmarginalign {
	margin: 0px 2% 0 !important;
}
.formmarginproper {
	margin-left: -0.1% !important;
	margin-right: 1.5% !important; 
}
.txtcolor {color: red;}
.viewdetails {text-decoration: none;}
.txtview {color: blue;}
.movetabletop {
	margin-top: -3.6% !important;
}
.zindex1imp {
	z-index: 1 !important;
}
.zindex2imp {
	z-index: 2 !important;
}
.zindex3imp {
	z-index: 3 !important;
}
.changeDecorationOverview {
	text-decoration: none !important;
}
.changeDecorationOverview:hover {
	text-decoration: underline !important;
	color:#20B4C5 !important;
}
.table-wrapper table a.changeDecorationOverview:hover {
	text-decoration: underline !important;
	color:#20B4C5 !important;
}
/*.changeDecorationOverClose {
	color:#6F6F6F !important;
	text-decoration: none !important;
}
.changeDecorationOverClose:hover {
	color:#6F6F6F !important;
	text-decoration: underline !important;
}*/


.signatorySign{
    background-color: #F0F1F1;
    background-image: -moz-linear-gradient(center top , #F0F1F1, #CACACC 100%);
	filter: progid:dximagetransform.microsoft.gradient(startColorstr='#F0F1F1', endColorstr='#CACACC', GradientType=0);
    background-repeat: repeat-x;
    border: 1px solid #767676 !important;
    border-radius: 4px;
    color: #767676;
    cursor: default;
    display: inline-block;
    font-family: Montserrat !important;
    font-size: 12px;
    font-weight: bold;
    margin-bottom: 0;
    padding: 1px 4px;
    text-align: center;
    text-decoration: none !important;
    vertical-align: middle;
}
.signatorySign:hover {
	/*background-color: #CACACC;
    background-image: -moz-linear-gradient(center top , #CACACC 3%, #FFFFFF 80%, #F0F1F1 100%);
    filter: progid:dximagetransform.microsoft.gradient(startColorstr='#CACACC', endColorstr='#F0F1F1', GradientType=0*/);
}
.ie8 .btnalignOTP {
	padding-bottom: 4px !important;
	padding-left: 10px !important;
	padding-right: 2px !important;
	padding-top: 4px !important;	
}
btnalignOTP {padding: 4px 10px !important;}
.alignbtnrgtterm {margin-left: 22% !important; }
.alignbtnrgtsaving {margin-left: 2.5% !important;}
.borderRadTop {border-radius: 0px !important;padding: 30px 20px 30px 20px;border-top: 0px;}
.width22imp {width: 22% !important;}
.left20per {
	width:20%;
	position:absolute;
}
.ie7.left20per {
	margin-left:-20%;
}
.right80per {
	width:79%;
	position:relative;
	margin-left:20%;
}
.wrapClasswidth {
	word-wrap: break-word;
	width:45%;
}
.heightULover {
	height:0px;
}
.thumbnailImage {
	float:left;
    padding: 20px;
}
.borderDivOut {
    border: 1px solid #F1F1F1;
    border-radius: 8px;
    height: 160px;
    width: 230px;
	background-color:#EFEFF0;
}
.borderDivOutActive {
	background-color:#20B4C5;
	border: 1px solid #B3E3E7 !important;
}
.borderImgTouch {
    border: 1px solid ;
    border-radius: 4px;
    height: 137px;
    margin-left: 10px;
    margin-top: 10px;
    position: absolute;
    vertical-align: middle;
    width: 207px;
	cursor: pointer;
}
.borderImgTouchNB {
    border: 1px solid #F1F1F1;
    border-radius: 4px;
    height: 78.5px;
    margin-left: 10px;
    margin-top: 10px;
    padding-top: 58.5px;
    position: absolute;
    text-align: center;
    width: 207px;
	background-color: #FFFFFF;
	font-weight: bold;
	color: #20B4C5;
	cursor: pointer;
}
.backgroundThumbImg {
	border-radius: 2px;
}
.pendingPaymentsCaption {
	display:none;
}
.pendingPaymentsTable {
	display:none;
}
.pendingBpayCaption {
	display:none;
	padding: 0px 20px !important;
}
.pendingBpayTable {
	display:none;
}
.pendingBPAYViewCaption {
	display:none;
}
.pendingBPAYViewTable {
	display:none;
}
.row-fluid .changeWidthOverview {
	word-wrap: break-word;
	/*width:90% !important*/
}
td.paddingRightPrint,
th.paddingRightPrint {
	padding-right: 3em;
}
.navbar-inner-print {
     width: 97.5%;
}
#headPrint {
	margin-left:15px;
	width:98%;
}
.logoPrint {
	width: 200px;
}
.dashdetailsFirst{
	float:left;
	width: 69%;
	color: #008094;
}

.dashdetailsBtn1 {
		float:right;
	text-align: right !important;
	width: 28%;
	margin-right:2%;
}
.dashdetailsBtn3 {
	float:right;
	text-align: right !important;
	width: 80%;
	margin-right:0%;
}
.alignRightDash {
	float:right !important;
}
#checkConsent {
    vertical-align: top !important;
}
.addMarginRight {
	margin-right: 0% !important;
}
.btnmarginack {
	margin-top: 15px !important;
	margin-bottom: 10px !important;
}
.related h2.noLowerCaseheader { 
	text-transform: none !important;
}
#noPaynbill {
	display:none;
	text-align: center;
}
.hidewelcome {
	display: none !important;
}
.row-fluid .span35 {
	width: 24% !important;
}
.removeUl {
	display:none ;
}
.ie8 .removeUl {
	display:none;
}
.alignmsg {
	margin-left: 15px !important;
	width: 89.8% !important;
	margin-bottom: 0px !important;
}
.paddingalert {
	padding-top: 10px !important;
}
.errorwidth {
	width: 100% !important;
}
.cancelbtncolor {
	background-color : #fff !important;
	filter: progid:dximagetransform.microsoft.gradient(endColorstr='#FFFFFF', startColorstr='#FFFFFF', gradientType='0') !important;
	background-image: -moz-linear-gradient(#FFFFFF, #FFFFFF) !important;
	background-image: linear-gradient(#FFFFFF, #FFFFFF) !important;
	background-image: -o-linear-gradient(#FFFFFF, #FFFFFF) !important;
	background-image: -ms-linear-gradient(#FFFFFF, #FFFFFF) !important;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#FFFFFF)) !important;
	background-repeat: repeat-x;
	border: 1px solid #1C4561 !important;
}
.ie9 .cancelbtncolor,
.ie8 .cancelbtncolor,
.ie7 .cancelbtncolor {
	filter: none !important;
	background-color : #999999 !important;
}
.cancelbtncolor:hover {
	background-image: none !important;
	filter: none !important;
    border: 1px solid #919191 !important;
}
.ie9 .cancelbtncolor:hover,
.ie8 .cancelbtncolor:hover,
.ie7 .cancelbtncolor:hover {
	filter: none !important;
	/*background-color: #666666 !important;*/
}

#settingAlert_Save_Changes:hover{
   background-image: -moz-linear-gradient(#99d9d5, #99d9d5) !important;
	background-image: linear-gradient(#99d9d5, #99d9d5) !important;
	background-image: -o-linear-gradient(#99d9d5, #99d9d5) !important;
	background-image: -ms-linear-gradient(#99d9d5, #99d9d5) !important;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#99d9d5), to(#99d9d5)) !important;
	
	}
	
#settingAlert_Save_Changes.disabled,
#settingAlert_Save_Changes[disabled] {

   background-image: -moz-linear-gradient(#99d9d5, #99d9d5) !important;
	background-image: linear-gradient(#99d9d5, #99d9d5) !important;
	background-image: -o-linear-gradient(#99d9d5, #99d9d5) !important;
	background-image: -ms-linear-gradient(#99d9d5, #99d9d5) !important;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#99d9d5), to(#99d9d5)) !important;

	}
	
#requestNewBtn {
	display: none;
}
.reqOTPcolor {
	background-color : #1C4561 !important;
	background-image: none !important;
	color:#ffffff !important;
}
.ie9 .reqOTPcolor,
.ie8 .reqOTPcolor,
.ie7 .reqOTPcolor {
	background-color : #1C4561 !important;
	filter: none !important;
}
.reqOTPcolor:hover {
	background-color : #1C4561 !important;
	background-image: none !important;
}
.ie9 .reqOTPcolor:hover,
.ie8 .reqOTPcolor:hover,
.ie7 .reqOTPcolor:hover	 {
	filter: none !important;
	background-color: #1C4561 !important;	
}
.ie9 .topgap,
.ie8 .topgap,
.ie7 .topgap {
	padding-top: 0px !important;
}
.topgap {
	padding-top: 15px !important;
}
.hidePaymentSchedule {
	display: none;
}
.hidePaymentScheduleLoan {
	display: none !important;
}
.rdwLeft {
	margin-left: -55% !important;
}
.btnCancel{
	background-color: #F0F1F1 !important;
	background-image: -moz-linear-gradient(#F0F1F1, #CACACC) !important;
	background-image: linear-gradient(#F0F1F1, #CACACC) !important;
	background-image: -o-linear-gradient(#F0F1F1, #CACACC) !important;
	background-image: -ms-linear-gradient(#F0F1F1, #CACACC) !important;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#F0F1F1), to(#CACACC));
}
.btnCancel:hover{
	background-color: #F0F1F1 !important;
	background-image: -moz-linear-gradient(#CACACC, #F0F1F1) !important;
	background-image: linear-gradient(#CACACC, #F0F1F1) !important;
	background-image: -o-linear-gradient(#CACACC, #F0F1F1) !important;
	background-image: -ms-linear-gradient(#CACACC, #F0F1F1) !important;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#CACACC), to(#F0F1F1));
}
.spanList {
	margin-left: 33% !important;
	margin-top: -1% !important;
}
.ie8 .spanList {
	margin-left: 41.3% !important;
	margin-top: -1% !important;
}
.ie7 .spanList {
	margin-left: 41.3% !important;
	margin-top: -1% !important;
}
.smallspace {
	margin-left: 1.5% !important;
}
.ie8 .smallspace {
	margin-left: 1.5% !important;
}
.ie7 .smallspace {
	margin-left: 1.5% !important;
}
.shiftbtnRight {
	margin-left: 64.4% !important;
}
.fwacbtnrgt {
	margin-left: 32.8% !important;
}
.setsecbtnRgt {
	margin-left: 65.6% !important;
}
.secQbtnrgt {
	margin-left: 51.4% !important;
}
.ie8 .secQbtnrgt {
	margin-left: 51% !important;
}
.ie7 .secQbtnrgt {
	margin-left: 51% !important;
}
.ie8 input.width25 {
	width: 7% !important;
}
.ie8 input.width26 {
	width: 10% !important;
}
.ie9 input.width25 {
	width: 7% !important;
}
.ie9 input.width26 {
	width: 10% !important;
}
.ie7 input.width25 {
	width: 7% !important;
}
.ie7 input.width26 {
	width: 10% !important;
}
.ie8 .changeWacBtn {
  left: 73%;
  top: 15px;
  position: relative;
}
.ie7 .changeWacBtn {
  left: 69.5%;
  top: 15px;
  position: relative;
}
.row-fluid .span71{
	width: 30% !important;
}
.errleftmarginSecQ {
  margin-left: 0px !important;
}
.ie8 .errleftmarginSecQ {
  margin-left: 2.4% !important;
}
.ie7 .errleftmarginSecQ {
  margin-left: 2.4% !important;
}
.ie8 .bottommarginsecQ {
	margin-bottom: 10px !important;
}
.ie7 .bottommarginsecQ {
  margin-bottom: 10px !important; 
}
.ie8 .leftClass20 {
	left: -5% !important;
  	top: -5px !important;
}
.ie9 .leftClass20 {
	left: -6% !important;
  	top: -2px !important;
}
.ie8 .leftClass21 {
	left: -10% !important;
  	top: -5px !important;
}
.ie9 .leftClass21 {
	left: -2% !important;
  	top: -4px !important;
}
.ie7 .leftClass22 {
	left: -3% !important;
  	top: -5px !important;
}
.ie8 .leftClass22 {
	left: -3% !important;
  	top: -5px !important;
}
.ie9 .leftClass22 {
	left: -2% !important;
  	top: -4px !important;
}
.leftClass23 {
	left: -12% !important;
  	top: -5px !important;
}
.ie7 .leftClass23 {
  	top: -10px !important;
}
input[type=text].width27 {
	width: 5% !important;
}
input[type=text].width28 {width: 7% !important;}
.stmtcolor {
	color: #20B4C5;
	padding-bottom: 10px !important;
}
.ie8 .widthIE {width: 97% !important;}
.slashsize {font-size: 230% !important;}
.txtwidth {width: 80% !important;}
li.changeTo90 {
	width:90% !important;
}
.ie7 INPUT.marginIeleftzero {
	margin-left: 0% !important;
}
.posRight {
	width: 95% important;
}
input[type=password].hideWithopaque {
	opacity: 0 !important;
	width: 1px !important;
}
.ie7 input[type=password].hideWithopaque,
.ie8 input[type=password].hideWithopaque {
	display: none;
}
.btnmgnLeftplus {
	margin-left: -5% important;
}
.btnmgnLeft {
	margin-left: -95% important;
}
.row-fluid .span25 {
  width: 73% !important;
}
.row-fluid .span26 {
  margin-right: 2.1% !important;
}
h2.submenuColor {
	/*color:#f3793b;*/
	color:#008094 ;
	font-family: MontserratSemibold !important;
	text-transform: none !important;	
	font-size:18px !important;
	font-weight:bold !important;
}
.accountTypeHeader {
	font-weight: bold;
	font-size: 22px;
	font-family: MontserratBold;
	color:#111111;
	padding-top: 40px;
	padding-left: 0px;
	padding-bottom: 40px;
}
.accountTypeTagLine {
	padding-bottom: 20px;
	font-weight: regular;
	font-size: 18px;
	font-height: 22px;
	font-family: Montserrat;
	color:#111111;
	padding-left: 0px;
	width: 80%;
}
.accountTypeBtn {
	padding-bottom: 10px;
	padding-left: 0px;
}
.accountTypeLink {
	padding-bottom: 40px;
	padding-left: 0px;
	border-bottom: 1px solid #CCCCCC;
}
.viewRateLink {
	border-left: solid 1px #CCCCCC;
	position: relative;
	/*margin-left: 124px;*/
	margin-top: -15px;
	padding-left: 12px;
}
.accountTypeVerticalLine {
	border-left: solid 1px #CCCCCC;
	position: relative;
	height: 190px;
	margin-left: 50%;
	margin-top: 48px;
	margin-right: 20px;
}
.accountTypeSuccessiveVerticalLine {
	margin-top: 130px !important;
}

@font-face
{
  font-family: 'Lato Regular';
  src: url('../../font/Lato-Regular.ttf') format("truetype");
}
.benefitsSubTitle {
	/*position: absolute;*/
	font-weight: regular;
	font-size: 16px;
	font-family: Montserrat;
	color:#111111;
	margin-top: -2.5px;
	/*margin-left: 30px;*/
}
.benefitsSubTitle  ul {
padding-left:28px
	
	}

.benefitsSubTitle > ul > li {
	color:#555555;
	font-size: 13px;
	line-height:22px;
	font-family: 'Lato Regular';
	}
.tickPositionCls{
margin-top: 4px;
margin-right: 12px;
float: left;
}

#products .downloadLink {
  color: #008094;
  font-size:13px;
   font-family: 'Lato Regular';
}
#products .downloadLink:first-child{
	padding-right: 12px;
}
	
.paddingDivCls	{
	padding-left:40px !important;
	}

#products .OrderCardContainerRight{
	float: left;
    background-color: #EAF4F6;
    width: 60% !important;
    margin-top: 30px;
    margin-left: 0px !important;
	}
.PositionClass{
	padding-left: 20px;
    position: relative;
    padding-top: 10px;
    width: 95%;
}
#products #applyVisaCardTile {
	padding: 0px 40px 40px 40px;
}
@media ( max-width:640px ){
	#products #applyVisaCardTile {
    	padding-left: 20px;
	}
	#products .VisaCardImg {
    	width: 160px;
	}
}
.productLeftDivWidth
{
	width: 100% !important;
    padding-left: 40px;
}	
	
.productLayout {
	border-radius: 0px;
	border-left: none;
	background: rgb(255, 255, 255);
	min-height: 270px !important;
}

.productLayoutSuccessiveOuterHeight {
	margin-top:20px;
}
#products .productInnerLayout {
    padding-left: 47px !important;
    padding-right: 20px !important;
}


.cardLayoutSuccessiveOuterHeight {
	
	margin-top: 30px;
	margin-bottom: 40px;
	background-color:#EAF4F6;
	height: 280px;
}
.cardDisplay {
	margin-left: 1px;
	margin-top: 33px;
}
.accountTypeHorizontalLine {
	border: solid 0.5px #CCCCCC;
	/*margin-left: 28px;
	width: 95%;*/
	margin-top: 22px;
	margin-bottom: 60px;
}
.loanText {
	padding-bottom: 40px;
	padding-left: 0px;
	width: 100%;
}
/*
@font-face
{
  font-family: Lato;
  font-style: normal;
  src: url('../../font/Lato-Black.ttf') format("truetype");
}*/
.benefitsBulletPoints {
	font-weight: regular;
	font-size: 13px;
	font-height: 18px;
	color:#555555;
	width: 94%;
	margin-left: 16px;
}

.addMargin {
	margin-top: 12px !important;
	margin-bottom: 12px;
}
.row-fluid .changeTo45 {
  width: 100% !important;
}
.dialpadset {
    /* margin-top: 8% !important; */
     margin-right: -6% !important;
}
.ie8 .dialpadset {
     top: 15% !important; 
     left: 65% !important;
}
.dialpadsetSwitch {
	margin-right: -6% !important;
}
.row-fluid .refWidth2 {
  width: 30% !important;
  *width: 31.86% !important;
}
.ie8 .row-fluid .refWidth2 {
  width: 30% !important;
}
.row-fluid .refWidth1 {
  width: 23% !important;
  *width: 24% !important;
}
.ie8 .row-fluid .refWidth1 {
  width: 23% !important;
}
.floatLeft > span {
	float: right;
	margin: 16px 0px 16px 0px;
}
.alignMiddleImg {
	margin-top: -2%;/*-1px;-4px;*/ 
}
.extraspace {
	margin-bottom: 2% !important;
}
.dialpadsetSav {
	margin-top: 2% !important; 
	margin-right: -6% !important;
}
.btnSwitch {
	
	background-color: #fff;
	filter: progid:dximagetransform.microsoft.gradient(endColorstr='#FFFFFF', startColorstr='#FFFFFF', gradientType='0') !important;
	background-image: -moz-linear-gradient(#FFFFFF, #FFFFFF) !important;
	background-image: linear-gradient(#FFFFFF, #FFFFFF) !important;
	background-image: -o-linear-gradient(#FFFFFF, #FFFFFF) !important;
	background-image: -ms-linear-gradient(#FFFFFF, #FFFFFF) !important;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#FFFFFF)) !important;
	background-color: #fff;
	*background-color: #fff;
	background-repeat: repeat-x;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	border: 1px solid #1C4561 !important;
}
.btnSwitch:hover {
	background-image: none !important;
	filter: none !important;
    border: 1px solid #919191 !important;
    /*background-color: #FFFFFF;*/
}
.addMarginBtm{
	margin-top: 0px !important;
	margin-bottom: 12px;
	margin-right: 8px;	
}
.innerHeight{
	padding-bottom: 5px;
}
.widthAdj{
	width: 48%;
}
.btnPadding{
	padding-right: 8px !important;}
.marginTop0{
	margin-top: 0px;
}
.marginLeftAdj{
 	margin-left: 14px !important;
}
.buttonPosition{
	padding-left: 0px;
}
.floatRght {float:right;}
.floatBtm {
	padding-top:12px;
	margin-right:-8px;
}
.dialpadsetTranSav {
	margin-top: 16% !important; 
}
.ie8 .dialpadsetTranSav {
	margin-top: 16% !important;
} 
.ie8 .dialpadsetSav {
	margin-top: -2% !important; 
	left: 65% !important;
}
.ie8 .dialpadsetSwitch {
	margin-top: -12% important;
	left: 65% !important;
}
.ie8 .aligninIE {
 	margin-left: -10% !important;
}
.alignSav {
	margin-top: -9% !important;
	margin-right: -5% !important;
}
.ie8 .alignSav {
	margin-top: -7% !important;
	left: 65% !important;
}
.opacityZero,.opacityZero:hover {
	opacity: 0 !important;
	cursor: default !important;
	filter: alpha(opacity=0);
}
.aligntxt {
	padding-top: 1% !important;
	padding-right:3% !important;
}
.margTop {margin-top: 7% !important;}
.margTopReward {margin-top: 2% !important;}
.compliance_requiredField{color:#999999 !important;}
.compliance_required_li {
	float:right;
	padding-right: 8.5% !important;
	font-style: italic;
}
.ie8 .compliance_required_li {
	padding-right: 16% !important;
}
.complianceError{width:95% !important;}
.ie8 .row-fluid .cwMTSSwitchIE {width: 30% !important;}
.overrideSpan1{width: 10px !important;}
.overrideSpan11{width:95% !important;}	
.ie8 .overrideSpan11{width:83% !important;}
.ie8 .floatType{margin-right:15%;} 
.img-container {
	width: 939px !important;
	text-align: center;
	height: auto;	
}
.ie8 .img-container {
	width: 939px !important;
	text-align: center;
	height: auto;	
}
.leftbnr {
	height: auto;
	vertical-align: top;
	margin: 20px 0 20px 20px;
	width: 276px !important; 
	display: inline-block;
}
.rightbnr {
	height: auto;
	margin: 20px;
	width: 583px !important;
	display: inline-block;
}
.ie8 .leftClass8 {
	left: -12% !important;
	top: -5px !important;
}
.ie8 .leftClass24 {
	left: -2% !important;
    top: -5px !important;
}
.ie9 .leftClass24 {
	left: -2% !important;
    top: -2px !important;
}
.paddingLock {
	color: #20b4c5;
}
.accDtlHolder {
	padding-left:0;
	overflow:hidden;
	margin: 0px;
}
.colorteal {color: #1fa7bb;	}
.repaymentDtlContainer {
	background-color: #EAF4F6;
	border: 0px solid #cccccc;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	width:48%;
	float:right;
	height:auto;
	padding: 13px 0px;	
	/*margin-bottom:-25px;*/
}
.borderBottomDotted {
	border-bottom: 1px;
	border-bottom-color: #abe3e3;
	border-bottom-style: dotted;
}
.interestDtlContainer{
	background-color: #EAF4F6;
	border: 0px solid #cccccc;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	width:48%;
	float:left;
	padding: 13px 0px;	
}
.interestDtl{color:#042428;}
.debitIntDtl{
	color:#6d6d6d;
	padding-right:3%; 
	float:right; 
	width:60%                    
}
.colorCls{
	color:#008094;
	}
.row.accDtlcontainer {
    padding-left: 0%;
    padding-right: 0%;
    color:#000;
    position:relative;
    margin-left:0;
}
.span10.redrawTxtWidth {
    width: 90% !important;
}
.borderBottomSolid{
	border-bottom: 1px;
	border-bottom-color: #DDD;
	border-bottom-style: solid;
}

@media(max-width:623px){
  #products .orderNewCard{
  line-height: 14px !important;
  }
}
@media (max-width:680px) {
 .productRighttDiv{margin-top:30px !important;}
.benefitsSubTitle{
    width: 95% !important;
}

}

.onlineRedrawBtn {

}
.onlineRedrawBtn:hover {

}

@media all and (max-width: 564px) and (min-width: 500px){
	#txnBtnHLoan #trxnsAccountOvw{
    padding-left: 8px !important;
}
	}

.intRate{
	color:#042428;
	font-size:20px;	
	font-weight:bold;
	text-align:right;
	white-space:nowrap;
}
.HomeLoanHeader{
	font-size:large;
	font-weight: bold;	
}
.intDtlHeader{
	font-size:large;
	font-weight: bold;
	border-bottom: 1px;
	border-bottom-color: #ababab;
	border-bottom-style: dotted;
	padding-left:3%;
	width:auto;
}
/*.intDtlContent{
	padding-left: 3%;
    width: auto;
}*/
.repayHeader{
	font-size:large;
	font-weight: bold;	
	border-bottom: 1px;
	border-bottom-color: #abe3e3;
	border-bottom-style: dotted;
	padding-left:3%;
	width:auto;
}
.repayContent{
	padding-left: 3%;
    padding-right: 2%;
    width: auto;
}
.repayText{
	font-style: italic;	
}
.repayValue{
	font-weight: bold;
	float:right !important;
	width:auto;
}
.inheritFontColor{
	color:#555 !important;	
}
.balanceDtlContainer{
	font-size: 15px;
	font-weight: bold;
	float: right;
    width: 50%;
}
.balanceDtlContainer > ul{
	padding-right: 0px !important;
}
.accountDtlContainer{
	float: left;
    width: 50%;
}
.accHoldTxt{
	font-size:13px;
}
.helpItem{
    padding-right: 1%;
    padding-top: 1%;
    position: absolute;
    right: 0;
    top: 0;
}
.accDtl{
	color: #111111;	
}
.arrowRedraw{
	position: absolute;
/* z-index: 5; */
	left: 94%;
	vertical-align: none !important;
	max-width:none !important;
	top: 50%;
    margin-top: -4px;
}
.ie8 .arrowRedraw{
	position: relative;
/* z-index: 5; */
	left: 90%;
	padding-bottom :7%;
	max-width:none !important;
}
.ie8 .repayText{
	width:70% !important;
}
.ie8 .ieRow{
	margin-left : 0 !important;
}
.ie9 .ieRow{
	margin-left : 0 !important;
}
.adjustHeightDiv{ }
.colorred{color: #c70202;}
.colorgreen{color: #0fba1f;}
.debitIntHolder{
	padding-top:6%;
}
.redrawBtn{
	position:absolute;
	bottom:0;	
}
.pageSubHeader > h2 {
    display: inline-block;
    margin-left: 2%;
}
.interestDtl{
	color:#6d6d6d;
	padding-left:2%; 
	width:30%;
	float:left;
}
.home-loan-detail-div{padding-left:2%;}
.redrawBtnChangeLink {
	background-image: url('../../img/icon_Arrow.png'), -moz-linear-gradient(#f3793b, #CD5900) !important;
	background-image: url('../../img/icon_Arrow.png'), linear-gradient(#f3793b, #CD5900) !important;
	background-image: url('../../img/icon_Arrow.png'), -o-linear-gradient(#f3793b, #CD5900) !important;
	background-image: url('../../img/icon_Arrow.png'), -ms-linear-gradient(#f3793b, #CD5900) !important;
	background-image: url('../../img/icon_Arrow.png'), -webkit-gradient(linear, left top, left bottom, from(#f3793b), to(#CD5900)) !important;
	background-position: 95% 45%  !important;
	background-repeat: no-repeat !important;
	padding-right: 24px !important;
}
.adjustHeightDiv {
	padding-bottom:3%;
}
.txnBtn {
	padding-right:0;
	float:right;
	width:49%;
	position: relative;	
}
.txnBtnAlign {
	position:absolute;
	bottom:0;
	right:0;
	float:right;
}
.accHolder{margin-left:0;}
.topLeftDiv{
	padding-right:1%;
	float:left;
	width:49%;
	min-height:	60 px;
}
.width100Imp {
	width:100% !important;
}
.redrawBtnAlign {
	float:right;
	padding-right:1%;
}
.accHolderList {
	padding-left:0;
}
.newLi {
	float: left;
    min-width: 50px;
    width: auto;
}
.ie8 .topLeftDiv {min-height:60 px;}
.accNum{float:left}
.dynamicCompHelpIcon{
	float:right;
	margin-top:3%;
}
.tips {
	z-index:1000;
	display:none;
	position:absolute;
	border:2px solid fff;
	background-color:#bfe7e9;
	border-radius:5px;
	padding:10px;
	color:#555;
	font-size:12px Arial;
	min-width:250px;
}
.dynaCmpFieldWidth {
	width:93% !important;	
}
.dynaCmpTxtField {
	margin-top:6%;
}
.dynaCmpValue_li {
	width:65% !important;
}
.regBtnAlign {
	float: right !important;
    padding-right: 4%;
}
.ackMessageDisplay {
	margin-top:0;
	margin-bottom:0;
}
.BPAYView_RegForm {
	border-top: 2px solid rgb(212, 212, 212);
}
.BPAYViewRegLeftHeader {
	width: 35% !important;
}
.BPAYViewReg_ImgHolder {
	padding-left: 0px;color:#20b4c5;
}
.BPAYViewRegImg {
	padding-top: 5%;
}
.BPAYViewRegHeading {
	margin-left: 0px !important;
	 padding-top: 2%;
    font-size: 15px !important;
    font-weight: bold !important;
}
.BPAYViewRegRghtHeader {
	float: right !important; 
	margin-right: 15px !important; 
	width: 38% !important;
	color:#20b4c5;
}
.BPAYViewReg_Msgs {
	padding-left: 0px ! important; 
	padding-bottom: 1%;
	margin:0 !important;
}
.BPAYView_RegForm ul {
	width:auto !important;
}
.dynaDiv ul {
	width:auto;	
}
.BPAYViewLogo {
	 display: inline-block;
	*display: inline;
	/* IE7 inline-block hack */
	*zoom: 1;
	padding-left: 108px;
	padding-right: 25px;
	padding-top: 4px;
	padding-bottom : 4px;
	margin-bottom: 0;
	font-family: Montserrat;
	/*TheSansPlain,*/
	font-size: 14px;
	line-height: 30px;
	*line-height: 20px;
	color: #222221;
	text-align: center;
	text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
	vertical-align: middle;
	background: url('../../img/logo_BPAYView.png') no-repeat;
	border: 0px;
	font-weight:bold;
	font-size:large;
	font-family: Montserrat !important;
	background-size:45% 75%;
	background-color: #f9f9fa !important;
}
.BPAYViewRgtDiv {
	float: right;
    width: 48%;
} 
.BPAYViewRgtDivContent {
	color: #008392;
    float: right;
    margin-right: 5%;
    padding-top:5%;
}
.BPAYViewLftDiv {
	float: left;
    width: 35%;
}
.BPAYViewLftDivContent {
	 font-size: large;
    font-weight: bold;
    min-width:211px;
    padding-left: 0 !important;
    width:auto;
}
.ie9 .BPAYViewLogo {
	 padding-left: 108 px;
  background-size:45% 75%;
}
.termsLi {
    padding: 9px 15px 9px 15px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    width: 95%;
    font-size: 12px;
  	font-weight: normal !important;	
}
.termsTxt {
	margin-top: 0;
	padding-left: 16px;	
}
.span5.imgLi {
	min-height:0 !important;
	width:auto !important;	
}
.msgTxtLi {padding-left: 15px;}
.paddingLeft0 {padding-left : 0px !important;}
.registerBiller {
	height: auto;
    max-width: 165px;
    width: auto;
    cursor:pointer;
    margin-top:-8px;
    /*color:#ffffff !important;*/
    font-size:12px;
    padding-top:2px;
    padding-bottom:2px;
    padding-left:5px;
    padding-right:5px;
}
.regLogo {
	max-width:96px;
}
.regHeader {
	padding-top:2.5px;
	color : #222221 !impportant;
}
.termsTxtCheckBox {
	padding-left:0 !important;
}
.span5.termsCheckBox {
	min-height:10px !important;
	max-width : 22px;
}
.termsTxt1 {
	margin-top:3px;
	padding-left:15px;
	font-size:14px;
}
.alterBtnAlignmnt {
	margin-top:0 !important;
	margin-bottom:5px;
}
.ie8 .termsCheckBox {
	max-width : 22px;
}
.ie8 .termsTxt {
	margin-top :0;
	padding-left:22px;
}
.ie8 .registerBiller {
	margin-top:0;
	margin-bottom:5px !important;
}
.ie9 .registerBiller {
	margin-top:0;
	margin-bottom:5px !important;	
}
.boxHeight {
	height:269px;
	padding-right:3px;
}
.boxheightReward {
	height:268.5px;
	/*height:261.5px;   for chrome*/
	padding-right:6px;
}
.floateSaver {padding-top:45px;}
#nextSteps {
	font-family: Montserrat !important;/*'Arial Bold';*/
	color:#222221;	
	font-size:15px;
	font-weight: bold;
}
#nextStepTowardsInterest {
	width: 92%!important;
	margin-left: 15px;
	margin-bottom: 9px;
}
#nextStepTowardsInterest td:first-child {
    width: 28%;
}
#nextStepTowardsInterest td {
    width: 33%;
}
#nextStepTowardsInterest td div {
    width: 92%;
    padding: 10px 0 10px 10px;
    color: #fff;
}
#nextStepTowardsInterest td:first-child > div{
    background-color: #008392;
    position: relative;
    width: 99%;/*97%;*/
    height: 216px;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
}
#nextStepTowardsInterest TD DIV#startSavingDiv{
	background-color: #166c78;
    position: relative;
	padding-left: 17%;/*33px;*/
	height: 216px;
	width: 83%;/*86%;*/
}
#nextStepTowardsInterest TD DIV#beRewardedDiv {
    background-color: #11555e;
	position: relative; 
	padding-left: 17%;/*17%;31px;*/
	height: 216px;
	width: 90%;/*83%;*/
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
}
#nextStepTowardsInterest td img.boundary {
    position: absolute;
    top: 0px;
}
#nextStepTowardsInterest td:first-child img.boundary {
    width:16%;
    height: 100%;
    left: 99%;/* 100% ;183px;*/
}
#nextStepTowardsInterest td:nth-child(2) img.boundary {
    width: 16%;/*15%;*/
    height: 100%;
    left: 100%;/*223px;*/
}
/*#nextStepTowardsInterest td .button{
	border-radius: 6px;
	width: 84%;
	height: 12%;
	color: #686868;
}
#nextStepTowardsInterest td:nth-child(1) .button{
	width: 96%;  
	position: absolute;
    bottom: 14px;    
    margin-left: 10px;
    padding-left: 0;
}
#nextStepTowardsInterest td:nth-child(2) .button,#nextStepTowardsInterest td:nth-child(3) .button{
	bottom: 14px;
	position: absolute;	
    padding-left: 0px;
}
#nextStepTowardsInterest td:nth-child(2) .button{margin-left: 5px;}
*/
/*buttons next step page starts here*/
input[type="button"].nextStepButton{
    bottom: 14px;
    border-radius: 6px;
    height: 11%;
    width: 84%;	
    position: absolute;
    padding-left: 0;
    color: #686868;
}
#nextStepTowardsInterest TD DIV#depositSalaryDiv .nextStepButton,#nextStepTowardsInterest TD DIV#beRewardedDiv .nextStepButton {
    width: 89%;
    margin-left: -123px;/*-82px;*/
    padding-left: 0;
    top: 0px;
    position: absolute;
    height: 100%;
    background-color: #e6e6e6;
    border: none;
    font-weight:bold;
    padding-left: 5px;
}
#nextStepTowardsInterest TD DIV#beRewardedDiv .nextStepButton { width: 95%;}
#beRewardedLink .arrowRight {
    float: right;
    width: 3.5%;
    margin-right: -7px;
    margin-top: 4px;
}
a#depositSalaryLink , a#beRewardedLink {
    width: 86%;
    position: absolute;/*relative;*/
    height: 7%;
    background-color: #e6e6e6;
    background-image: none;
    margin-left: 10px;
}
a#startSaving {
    bottom: 0;/*-50px;*/
    width: 86%;
    position: absolute;/* relative;*/
    height: 8%;
    background-color: #e6e6e6;
    background-image: none;
    margin-left: 10px;
}
a#beRewardedLink{bottom: 0;/*-64px;*/ height: 8%;}
a#beRewardedLink{ margin-left: 0;}
/*#nextStepTowardsInterest td:nth-child(2) .arrowRight {
    left: -6px;
    margin-top: 10px;
    position: absolute;
    width: 3%;
}*/
#setUpPayments {
    background-color: #e6e6e6;
    background-image: none;
    color: #686868;
    font-weight: bold;
    font-size: 12px;
    bottom:0;
}
#startSaving #setUpPayments {
	margin-left: -143px;/*-85px;*/
	height: 20px;
	bottom: -7px;
	box-shadow: none;
	  text-shadow: none;
	font-weight: bold;
}
#beRewardedLink .nextStepButton{
	padding-left: 0!important;
	width:92%!important;
}
/*buttons next step page ends here*/

/*#nextStepTowardsInterest td:nth-child(3) button{
	margin-left: 5px;
}*/
img.nextStepImages {
    margin-left: 10px;
    width: 24px;/*15%;*/
    height: 28px;/*12%;*/
}
.arrowRight {
    float: right;
    width: 3%;
    margin-right: 0px;
    margin-top: 4px;
}
.nextStepHeading {
    padding: 10px 0 0 10px;
    font-size: 13px;
}
#startSaving .arrowRight{
    right: 7px;
    margin-top: 4px;
    position: absolute;
    width: 3%;
}
#depositSalaryLink  {margin-left: 10px;    bottom: 0;/*-9px;*/}
a#beRewardedLink{
 	 margin-left: 0;
     padding-left: 0;
}
#depositSalaryLink .nextStepButton{width: 88%;}
#depositSalaryLink  .arrowRight {
    float: right!important;
    width: 3.5%;}
#setUpPayments {
    background-color: #e6e6e6;
    background-image: none;
    color: #686868;
    font-weight: normal;
    font-size: 12px;
    bottom:0;
}
#depositSalaryLink .arrowRight {margin-right: -4px;}
/*next step ends*/
.spanTranAck {width: 99.6365% !important;}
.floateSaverReward {padding-top:1px;}
/*chrome css hack starts here*/
@media screen and (-webkit-min-device-pixel-ratio:0) {
	#youtheSaverBox, .boxheightReward{height: 274px;}
	#youtheSaverBox{position: relative;}
	#youtheSaverButton, #eSaverRewardButton{
		position: absolute;
		bottom: 2px;
	}
}
/*chrome css hack ends here*/
#youtheSaverBox {
    height: 273px;/* 283px;*/
}
/*ie8 css hack starts here*/
@media \0screen
	#youtheSaverBox, .boxheightReward{height: 283px;}
	#youtheSaverBox{position: relative;}
	#youtheSaverButton, #eSaverRewardButton{
		position: none;/*absolute;*/
		bottom: 0;
	}
}
/*ie8 css hack ends here*/
@media screen and (-webkit-min-device-pixel-ratio:0){
	#startSavingDiv{padding-left:33px;}
	#beRewardedDiv{padding-left:33px;}
	.floateSaver{padding-top:12px;}
}
/* @media screen and (-webkit-min-device-pixel-ratio:0){
	.boxheightReward {height:261.5px; padding-right:6px;}
}*/
@media screen and (-webkit-min-device-pixel-ratio:0){
	.boxheighteSaverPlus {/*height:261.5px;*/padding-right:8px;}
}
@media screen and (-webkit-min-device-pixel-ratio:0){
	.floatBtm {padding-top:12px;}
}
/*firefox css for youth e saver*/
 @-moz-document url-prefix() {
    #depositSalaryLink {bottom: -6px;}
	#setUpPayments{width:87%;}
	#depositSalaryLink .arrowRight,#beRewardedLink .arrowRight { margin-top:3px;}
	#depositSalaryLink .arrowRight{margin-right: -4px;}
	#startSaving .arrowRight {width: 3.5%;}
	.boxheightReward, #youtheSaverBox{height:283.5px;}
	.boxheightReward {height: 283.5px;}
}               
/*Safari css for youth e saver    */                /*added for only  safari */
@media screen and (-webkit-min-device-pixel-ratio:0) { 
    /* Safari only override */
    ::i-block-chrome, #nextStepTowardsInterest td:nth-child(3) .nextStepButton,#startSaving #setUpPayments {
    	margin-left:0;
    }
     ::i-block-chrome,#nextStepTowardsInterest td:nth-child(1) .nextStepButton{
	    margin-left:-5px;
	    width: 91%;
    }
   ::i-block-chrome, a#depositSalaryLink, a#beRewardedLink {
		padding-left: 5px !important;
	}
   ::i-block-chrome,	#youtheSaverBox, .boxheightReward {
		height: 282px;
	}
}
/*IE css for youth e saver*/
  @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { 
   //-- Put your IE specific css class here 
    #nextStepTowardsInterest td:nth-child(3) .nextStepButton,#startSaving #setUpPayments {margin-left:0;}
    #nextStepTowardsInterest td:nth-child(1) .nextStepButton{
	    margin-left:-5px;
	    width: 91%;
    }
   a#depositSalaryLink, a#beRewardedLink {padding-left: 5px !important;}
   #youtheSaverBox, .boxheightReward {height: 282px;}
}                  
/*ie 8 and ie9 starts here */
.ie8 #startSavingDiv {
    padding-left: 33px;
}
.ie8 a#depositSalaryLink, .ie8 a#startSaving, .ie8 #startSavingDiv .nextStepButton, .ie8 a#beRewardedLink, .ie9 a#depositSalaryLink, .ie9 a#startSaving, .ie9 #startSavingDiv .nextStepButton, .ie9 a#beRewardedLink {
	filter: none;
	margin-left: 10px;
}
.ie8 #nextStepTowardsInterest td div#depositSalaryDiv .nextStepButton, .ie9 #nextStepTowardsInterest td div#depositSalaryDiv .nextStepButton{
	margin-left: -10px;
}
.ie8 #startSaving #setUpPayments{
    bottom: -5px;	
}
.ie8 #nextStepTowardsInterest TD DIV#startSavingDiv .nextStepButton, .ie9 #nextStepTowardsInterest TD DIV#startSavingDiv .nextStepButton {
    margin-left: -6px;
}
.ie8 #beRewardedDiv .nextStepButton, .ie9 #nextStepTowardsInterest TD DIV#beRewardedDiv .nextStepButton {
    font-weight: bold;
    margin-left: 2px;
}
.ie8 A#depositSalaryLink{
	bottom: -3px;
}
.ie8 A#startSaving{
	bottom: -47px;
}
.ie8 A#beRewardedLink{
	bottom: -62px;
}
.ie8 #startSaving .arrowRight{
	margin-top: 6px;
}
.ie8 .boxheightReward, .ie8 #youtheSaverBox {
	/*height: 281px;*/
}
.ie9 .boxheightReward, .ie9 #youtheSaverBox{
	/*height: 273px;*/
}
.ie9 a#beRewardedLink{
	bottom: -63px;/*-77px;*/
	width: 90%;
	margin-left: 4px;
}
.ie9 #nextStepTowardsInterest td:first-child img.boundary{
	left: 99%;
}
.ie8 #youtheSaverButton,.ie9 #youtheSaverButton, .ie8 #eSaverRewardButton{
	bottom: 0px;
}
.ie8 #setUpPayments, .ie9 #setUpPayments{
	width:89%;
}
.ie8 #youtheSaverBox, .ie8 .boxheightReward{
	height: 284px;/*276px;*/
}
/*ie 8 zooming esaver strats here*/
.ie8 .esaverUL a, .esaverUL a:hover{
	filter: none;
	font-size: 102%;
}
.ie8 .esaverUL img {
    margin-right: 6px;
}
/*ie 8 zooming esaver ends here*/

 .ie9 #youtheSaverBox, .ie9 .boxheightReward{
	height: 270px;
}
.ie9 #nextStepTowardsInterest TD DIV#beRewardedDiv .nextStepButton {
    margin-left: 4px;
}
.ie9 #nextStepTowardsInterest td:first-child > div{
	width: 102%;
}
.ie9 #nextStepTowardsInterest td div#startSavingDiv{
	width : 91%;
}
.ie9 #nextStepTowardsInterest td div#beRewardedDiv  {
	width:93%;
	padding-left: 40px;
}
.ie9 #startSaving .arrowRight{
	margin-top: 6px;
} 
/*ie 8 and ie9 ends here */

/*ie 11 starts here */
_:-ms-fullscreen, :root #nextStepTowardsInterest #depositSalaryDiv .nextStepButton{
    margin-left: -5px;
    width: 91%;
}
_:-ms-fullscreen, :root #nextStepTowardsInterest #beRewardedDiv .nextStepButton {
	margin-left: -1px;
	font-weight: bold; 
}
_:-ms-fullscreen, :root #nextStepTowardsInterest #startSavingDiv .nextStepButton {
    margin-left: -6px;
}
#nextStepTowardsInterest #beRewardedDiv img.nextStepImages {
    width: 24px;/*13%;*/
    height: 25px;/*12%;*/
}
/*ie 11 ends here */
@-moz-document url-prefix() {
    a#beRewardedLink { width:89%;}
}
/*Chrome starts here*/
#nextStepTowardsInterest TD DIV#beRewardedDiv .nextStepButton{
    position: absolute;
    font-size: .7em;
    left: 82px;
    width: 93%!important;
}
#nextStepTowardsInterest TD DIV#beRewardedDiv .arrowRight {
    position: relative;
}
/*Chrome ends here*/

<!–[if IE 8]>
.margTop{
	margin-top:2% !important;
}
<![endif]–>

.floatLft{
	float: left;
}
.esaverUL{
	bottom: -10px;/*0;*/
	position: absolute;
    padding-left: 10px;
}
.esaverUL a, .esaverUL a:hover{
    background-color: #e6e6e6;
    background-image: none;
    color: #686868;
    font-weight: bold;/*lighter;*/
   /* font-size: 12px;*/
    padding: 4px;
    text-shadow: none !important;
}
.esaverUL img {
    width: 3.5%;/* 4%;*/
}
#beRewrdLink{	
    /*padding-left: 0;*/
    margin-left: -5px;
}
#depositSalaryLnk img.alignMiddleImg {
    width: 4%;
}
/*100% and below zoom starts here*/
@media screen and (min-width: 744px) and (max-width: 2400px){
	.esaverUL a, .esaverUL a:hover{font-size: 12px !important;}
}
/*100% and below zoom ends here*/

/*150% zoom starts here*/
@media screen and (min-width: 575px) and (max-width: 743px){
	.esaverUL a, .esaverUL a:hover{font-size: 10px !important;}
}
/*150% 705zoom ends here*/

/*175% zoom starts here*/
@media screen and (max-width: 576px){
	.esaverUL a, .esaverUL a:hover {font-size: 9px !important;}
	#depositSalaryDiv, #startSavingDiv, #beRewardedDiv{height: 240px !important;}
}
/*175% zoom ends here*/

/*100% below zoom starts here*/
@-moz-document url-prefix() {
	@media screen and (min-width: 595px) and (max-width: 646px){	
		.esaverUL a, .esaverUL a:hover{font-size: 81% !important;}	
		#startSavingDiv{width: 87% !important;}	
		#beRewardedDiv{ 
		    padding-left: 16% !important;
	  		width: 94% !important;
		}	
	}
	@media screen and (min-width: 523px) and (max-width: 594px){	
		.esaverUL a, .esaverUL a:hover {font-size: 78% /*79%*/!important;}
		#depositSalaryDiv, #startSavingDiv, #beRewardedDiv{height: 256px !important;}	
	}
	@media screen and (min-width: 422px) and (max-width: 522px){	
		.esaverUL a, .esaverUL a:hover{font-size: 61% !important;}	
		#depositSalaryDiv, #startSavingDiv, #beRewardedDiv{height: 262px !important;}	
	}
	@media screen and (min-width: 763px) and (max-width: 800px){	
		.esaverUL a, .esaverUL a:hover {font-size: 9px !important;}
		#depositSalaryDiv, #startSavingDiv, #beRewardedDiv{height: 240px !important;}	
	}
	/*100% and below zoom starts here*/
	@media screen and (min-width: 744px) and (max-width: 2400px){
		.esaverUL a, .esaverUL a:hover{font-size: 97% !important;}
	}
	/*100% and below zoom ends here*/
}
/*100% below zoom ends here*/

/*IE11 starts here*/
@media screen and (min-width: 650px) and (max-width: 688px){
	_:-ms-fullscreen, :root .esaverUL a, _:-ms-fullscreen, :root .esaverUL a:hover{
		font-size: 11px !important;
	}
}
@media screen and (min-width: 556px) and (max-width: 593px){
	_:-ms-fullscreen, :root .esaverUL a, _:-ms-fullscreen, :root .esaverUL a:hover{
		font-size: 9px !important;
	}
}
@media screen and (min-width: 518px) and (max-width: 555px){
	_:-ms-fullscreen, :root .esaverUL a, _:-ms-fullscreen, :root .esaverUL a:hover{
		font-size: 8px !important;
	}
}
@media screen and (min-width: 490px) and (max-width: 513px){
	_:-ms-fullscreen, :root .esaverUL a, _:-ms-fullscreen, :root .esaverUL a:hover{
		font-size: 7px !important;		
	}
}
/*IE11 ends here*/

/*for IE8 esaver zooming starts here*/

@media screen and (min-width: 696px) and (max-width: 2400px){
	.ie8 .esaverUL a, .ie8 .esaverUL a:hover {font-size: 102% !important;}
	.ie8 #depositSalaryDiv, .ie8 #startSavingDiv, .ie8 #beRewardedDiv{height: 216px !important;}
}
@media screen and (min-width: 588px) and (max-width: 695px){
	.ie8 .esaverUL a, .ie8 .esaverUL a:hover{font-size: 85% !important;}
	.ie8 #startSavingDiv{width: 87% !important;}	
	.ie8 #beRewardedDiv{width: 99% !important;}	
}						
/*for IE8 esaver zooming starts here*/
/*IE 11 esaver and youth esaver box heights starts here*/
_:-ms-fullscreen, :root #youtheSaverButton, _:-ms-fullscreen, :root #eSaverRewardButton{
	margin-top: 7% !important;
}
/*@media screen and (-ms-high-contrast:active), all and (-ms-high-contrast:none)*/
_:-ms-fullscreen, :root #youtheSaverBox, _:-ms-fullscreen, :root .boxheightReward {
    height: 273px;
}

/*IE 11 esaver and youth esaver box heights starts here*/


/*Credit card styling starts here*/
#impInfoContainer_common{
	margin: 5px 2% 0 4%;
}
#impInfoContainer_txn{
	margin: 5px 0 0 4%;
}
.impInfoContainer {
    background: #efeff0 none repeat scroll 0 0;
    border: 1px solid #c8c8c8;
    border-radius: 8px;
    margin: 5px 3% 0 4%;
    padding: 12px;
    width: auto;
    color:#555555;
}
.impInfoContainer > ul {
    margin: 0;
    padding: 0;
}
.impInfoContainer > ul span {
	font-weight:bold;
}
.textCenter {
    text-align: center;
    color: #691B1B;
    background-color: #F7E5DE;
    font-weight: bold;
    padding-top: 15px;
}
#creditcardHeading {
	margin-bottom:0;	
}
.creditcardDisclaimer {
	margin:0 0 35px 0;
	padding:0;	
}
.accInfoDtls {
	margin:0;	
	height:20px;
}
#topDisclaimer {
	font-size: 11px;
	font-style:italic;	
	margin:0;
	width:220px;
}
#transactionExport #impInfoContainer_txn {
    margin: 5px 0 0;
}
#printDetails #impInfoContainer_txn {
    margin: 5px 0 0;
}
#creditCardNotification span.creditCardMsg {
    display: none;
}
/*-----------Same starts here----------*/
#lastStatSummContainer {background-color:#e4f5fe;}
#paymentSummContainer, #rewardContainer {
	background-color:#efeeee;
	height:auto !important;
	margin-bottom:15px;
	padding-bottom:5px;
}
.paymentSummHeader {margin: 8px 0; /*10px 0*/}
#paymentSummHeader {border-bottom: 1px dotted #ababab;}
#lastStatSummHeader {
	margin:6px 0 10px 0;
	border-bottom: 1px dotted #abe3e3;
}
#lastStatSummary {
    padding-left: 3%;
    padding-right: 2%;
    width: 95%;
    margin-bottom:0;
}
.lastStatSummary, .paymentSummary {margin:0;}
.lastStatSummaryBtn {
	padding:0;
	margin:0 6px;
}
.lastStatSummaryBtn > li {width:100%;}
#suplCard {
	margin:0;	
	width:220px;
}
#activate_cards  .displayNone {
	display:none !important;	
}
#cardNum {min-height:20px;}
.lastStatSummaryBrdr {margin-top:0;}
.normalFont > li {
    font-weight: normal;
    font-size:13px;
}
.paymentSummaryBtn {
	padding:0 5px 0 0;
	float:right;
}
.summaryBtn {
    float: left;
    width: 50%;
    padding-bottom:10px;
}
.summaryBtnRight {text-align:right;}
.summaryBtn input, .paymentSummaryBtn input, .viewRewardsBtn input {
    font-size: 14px;
}summaryBtn input
.viewRewardsBtn {
	 padding:0;
	 float:right;
	 margin-right:5px;
	 margin-top:0;
	 width:100%;
}
.viewRewardsTxt{
	padding:10px 0 12px 0;
	margin:0;
	width:100%;
	clear:both;
	border-top:1px dotted #ababab;
}
.viewRewardsTxt li {padding-left: 3%;/*1%;*/}
.lastStatSummHeaderTxt {
	font-size:16px;
	padding-top: 3px;/*4px*/
}
.viewRewardsBtn input {border:0;}
.billerPayContainer {
    border: 1px solid #052869;
    float: left;
     height:auto;/*min-height: 140px;*/
    margin-top: 15px;
    padding: 12px 8px;
    width:39%;/*270px*/
    clear:both;
}
#billerPayRow {
	padding:0;
	margin:0;
}
.billerCode {
    border: 1px solid #052869;
    height: 60px;
    padding:5px;
}
#billerCode {
    margin-left:2px; /*6px*/
    width: 78%; /*80%*/
    height: auto;
    padding:15px 5px;
}
#billerImg {
	/*width:13.2%; 10%*/
	height:auto;
}
.bPayText {
	padding:0;
	margin:3px 0 0 0;
}
.billerCodeTxt {
	color: #052869;
    font-size: 13px;
    font-weight: bold;	
}
.billerCodeVal {
	color: #ff7834;
    font-size: 13px;
    font-weight: bold;
}
.billerCodeContent {
	color: #052869;
    font-size: 11px;
    font-weight: bold;
}
.rewardBtn {float:right;}
.seeMore {
  background-color: #959494;
  color: #fff;
  text-decoration: none;
  font-weight: bold;
  border-radius: 5px;
  padding: 5px 6px;
  margin-top: 20px;	
}
.SummAcctDtl {padding-top:20px; /*30px*/}
.actionLink > li {padding: 8px 0 0 28px;  /*top:15px, left:25px*/}
#registerSuperscript{font-size: 9px;}
.acctDetl {
	border-bottom: 1px solid #ddd;
    margin-bottom: 25px;
    padding-bottom: 5px;	
}
/*-----------Same ends here----------*/
#ErrMsg {width:100% !important;}
.CreditCardImgs {
	margin-right:-1px;
	margin-top:-2px;
}
.accountDetails > li > ul.CreditCardActionsLink {margin-left: -28px !important;}
.AcctHolderContainer {margin: 8px 0;}
.summaryBtnChangeLink {
    background-image: linear-gradient(#FFA80D, #FFA80D) !important;
    background-position: 95% 45% !important;
    background-repeat: no-repeat !important;
    padding-right: 50px !important;
    background-color:#FFA80D;
}
#summaryBtnContainer {position:relative;}
.summaryBtn.summaryBtnRight > img#summaryBtnChangeLinkImg {
    height: 32%;/*auto;*/
    position: absolute;
    right: 6px;
    top: 14px;
    width:6%;
}
@media print {
	#topDisclaimer, .textPadding {display:none;}
	.formleftmargin .navbar-inner ul > li label.labelpadding {font-weight:bold;}
}
/*-------Mozilla Code starts here-------*/
@media all and (max-width: 667px) and (min-width: 565px){
	
	.lastStatSummHeaderTxt {font-size:14px;}
	.billerCodeVal {font-size:12px;}
	.relatedAcc h2 {font-size:1.4em;}
	#accTxn #termDepReq1 {font-size:11px;}
}
@media all and (max-width: 564px) and (min-width: 500px){
	
	  #viewEstatement{  padding-left: 10px !important;}
	.lastStatSummHeaderTxt {font-size:11px;}
	.billerCodeVal {font-size:9px;}
	.relatedAcc h2 {font-size:1.4em;}
}
@media all and (max-width: 648px) and (min-width: 600px){
	#billerCode{width: 75%;}
	.billerCodeVal {font-size:11px;}
 }
 @media all and (max-width: 598px) and (min-width: 560px){
  #billerCode{
 		width: 73%;
 		padding:16px 5px;
 	}
 	.billerCodeVal {font-size:9px;}
 } 
@media all and (max-width: 522px) and (min-width: 480px){ 
	.relatedAcc h2 {font-size:1.1em;}
	#accTxn #termDepReq1 {font-size:9px;}
	#billerCode{width: 71%;}
	.billerCodeTxt {font-size:11px;}
	.billerCodeVal {font-size:8px;}		 
}
@media all and (max-width: 670px) and (min-width: 500px){
	#accTxn .moveright {margin-left:4% !important;}
	#accTxn #termDepReq1 {font-size:9px;}
}
@media all and (max-width: 576px) and (min-width: 500px){
	#accTxn .spanExport.tranCombo {
		width:21% !important;
		position: relative;
  		right: 25px;
	}
}
 @media all and (max-width: 608px) and (min-width: 600px){
	 #accTxn #termDepReq1 {font-size:11px;}
 }
/*-------Mozilla Code ends here-------*/
/*-------IE8 Code starts here-------*/
.ie8 .lastPayAmtTxt, .ie8 .rewordPointsTxt {
	width:50% !important;	
}
.ie8 #accTxn {
	margin-bottom:10px !important;	
}
.ie8 .summaryBtn {
    padding-bottom:0;
}
.ie8 .paymentSummaryBtn {
	margin-bottom:0;
}
.ie8 #makePaymentContainer .submitBtnLinkImage{
	position: absolute;
	margin: 7px 0 0 -20px;  
}
.ie8 .CreditCardImgs {
	height:28px;
	padding-bottom:0;
	margin-right:3px;
}
.ie8 .lastStatSummHeaderTxt {
	padding-top: 4px;
}
.ie8 .spanExport #transactionExport_display-box .bancs-comboBox_inputs {
	width:100px !important;
}
.ie8 .actionLink > li {
	padding: 8px 0 0 22px;
}
.ie8 #billerCode {
    margin-left:4px; 
}
/*-------IE8 Code ends here-------*/

/*---- Safari Code starts here------*/
@media screen and (-webkit-min-device-pixel-ratio:0){
	::i-block-chrome, #lastStatSummContainer{height: auto !important;}
  	::i-block-chrome, #billerCode{ width: 78%;/*84%;*/}
 	::i-block-chrome, #CreditCardContainer {height: auto !important;}
}
/*---- Safari Code ends here------*/
/*Credit card styling ends here*/

/*Payments disclaimer starts here*/
.BSBTxt {
	display:block;
	text-align:right;
	margin-bottom:10px;
	width:186px;
}

#creditCardNotification .alert-info {margin-top:25px;}
.InfoTxtContainer {
	display:inline-block;
	vertical-align:top;
}

.InfoTxtDescription {
	display:inline-block;
	vertical-align:top;
	font-color: #00626d;
	padding-left: 30px;
	padding-top: 8px;
   	
}
.infoIcon{
    width: 15px;
    height: 15px;
    line-height: 14px;
    margin-left: 7px; /*5px*/
    margin-right: 5px;
    background-image: url("../../img/icon_info.png") !important;
    background-position: 0;
}
.row-fluid .widthAuto{
	width: auto!important;
}
.fontBold{
	color: #00626D !important;
	text-decoration: underline;
	font-weight: bold;
	font-family:Montserrat;
}

a.tooltip {outline:none; }
a.tooltip:hover {text-decoration:underline;} 
a.tooltip span {
   	z-index: 10;
    display: none;
    padding: 10px;
    margin-top: 20px;
    margin-left: -19px;
    width: 29.3%;
    line-height: 16px;
    font-size: 11px;
    font-weight: normal;
    border-radius: 6px;
    color: #00A1A9;
    text-align: left;
}
a.tooltip:hover span{
    display:inline; 
    position:absolute;  
    color:#00626D;
    background:#bfe7e9;
} 
/*Payments disclaimer ends here*/

/*My Cards strats here*/
.border-padding-bottom{
    border-bottom: 1px solid #d4d4d4;
    width: 98%;
    padding-bottom: 14px;
}
#activate_cards .middle-btn, #active_cards .middle-btn {
	margin: 4% 0;
	float: right;
}

#activate_cards .middle-btn.myCards {
	margin: 0 !important;
}

.awaitingActivation{
	padding : 0;
	margin: 0;
}

.ul-width{
    border-bottom: 1px solid #d4d4d4;
    width: 96%;
	padding: 14px;
}
/*#active_cards{
	margin-top: 15px;
	padding-bottom:15px;
}*/
#activate_cards .submenuColor, #active_cards .submenuColor {
	font-weight:normal;
	margin:0;
}
#activate_cards .creditCardTxt, #active_cards .creditCardTxt {
	font-size: 16px;
    font-weight: bold;
}
#activate_cards .CardDetails, #active_cards .CardDetails {
	/*margin-top:25px;*/
}
#activate_cards .cardDisabled .cardTypeDtl {
	/*font-weight:bold;*/
	font-size:13px;
}

#activate_cards .cardEnabled .cardTypeDtl {
	/*padding-top : 0;*/
	font-size: 13px;
}
#activate_cards .row-fluid .txtHeght, 
#active_cards .row-fluid .txtHeght {
	min-height:20px;
}
#activate_cards .cardTitle, #active_cards .cardTitle {
	font-size:13px;
	padding:0;
}
#activate_cards .cardTitle, #active_cards .cardTitle {
	font-size:13px;
}
#activate_cards .cardValue, #active_cards .cardValue {
	font-size:13px;
	color:#20b4c5;
	font-weight:unset;
	font-family: MontserratSemibold !important;
}
#activate_cards .disableRow, #active_cards .disableRow {
	opacity: 0.7;
    pointer-events: none;
}
#activate_cards .ActivationContainer {
	text-align:center;
}
#activate_cards #AwaitingActivationBtn {
	margin-bottom: 10px;
}
#active_cards .ActiveCardsInfoTxt {
	padding: 10px;
    border: 1px solid #c8c8c8;
    border-radius: 4px;
    background-color: #EFEFF0;
    color: #666;
    font-style:italic;
}
#active_cards .icon-question-sign {
    background-image: url("../../img/glyphicons-halflings.png");
    background-position: -120px -96px;
    margin-right:5px;
    height: 15px;
    width: 15px;
    float:left;
    clear:both;
}
#my_cards .cardBtn, 
#Card_Activation .cardBtn {
    /*width:100%;*/
    width:75%;
    font-weight: normal;
    font-size: 13px;
    padding:0 10px;
    outline: none;
    float: right;
    margin-bottom:6px;
    height:34px;
}
#my_cards .activateBtn {
	background-image: -webkit-gradient(linear, left top, left bottom, from(#f3793b), to(#f3793b)) !important;
}

.myCards .clickable{
	margin-top: 35px !important;
}
.myCards .notClickable{
	margin-top: 10px !important;
}
.myCards span#ProcessingOrderTxt {
	text-align : center;
}
.myCards .awaitingActivationHeader{
	padding: 0;
	margin: 0;
	height: 25px;
}
.myCards .awaitingActivationBody{
	padding: 40px 0 0 0;
	margin: 0;
	font-size: 11px;
}
.confirmation_msg_icon {
	background: url("../../img/icon_tick.png") no-repeat center;
    width: 15px;
    height: 17px;
    margin: 0 10px 32px 0;
    float: left;
}
#my_cards .activateBtn:hover {
	background-image: -webkit-gradient(linear, left top, left bottom, from(#CD5900), to(#f3793b)) !important;
}
#my_cards .btnActive {
	background-image: -webkit-gradient(linear, left top, left bottom, from(#20B4C5), to(#20B4C5)) !important;
}
#my_cards .btnActive:hover {
	background-image: -webkit-gradient(linear, left top, left bottom, from(#20B4C5), to(#3D828A)) !important;
}
.border-bottom-none{
	border-bottom: none;
}
#details-activate-crd{
	margin-left: -2%;
}
#my_cards #ErrMsg {
    width: 98% !important;
}
#my_cards .error-textbox{
	background-color: #F1D9C1;
}
#my_cards .cardImg {
	margin:5px 0 0 0;	
}
/*#my_cards .bottomTxt {
    padding: 10px;
    min-height: 25px;
    background-color: #EAF4F6;
    border: none;
    background-image: none;
    box-sizing: border-box;
}*/
/*#my_cards .bottomTxtVisa {
    margin-top: 15px;
    padding: 10px;
   height: 130px;
    background: #efeff0;
    border: 1px solid #c8c8c8;
}*/
#my_cards .locked {
    background-image: none;
    color:#fff !important;
}
#my_cards .locked:hover {
	background-color:#999 !important;
}
#my_cards .DtlCardType, 
#Card_Activation .DtlCardType,
#resetPin .DtlCardType {
	width:43% !important
}
#resetPin #incorrectCard {
	padding:0 0 10px 0;	
}
/*----------card Activation Page--------*/
#Card_Activation .activatingDetls, 
#resetPin .activatingDetls{
	padding:0;
}
#resetPin .activatingDetls {
	line-height:0;
}
#Card_Activation .ExpiryContainer,
#resetPin .ExpiryContainer {
	width:45% !important;
}
#Card_Activation .activatingDetls .ExpDate,
#resetPin .activatingDetls .ExpDate {
	margin:0 0 0 4%;
}
#Card_Activation .underline-link,
#resetPin .underline-link {
	float:right;
	color:#555;
}
#my_cards .ItalicTxt, #resetPin .ItalicTxt {margin:4px 0 0 0;}
#Card_Activation .ItalicTxt{ margin:0;}
#my_cards .ItalicTxt,
#Card_Activation .ItalicTxt,
#resetPin .ItalicTxt{
	
	display:block;
	text-align:center;
}
#expiry_month,#expiry_month_CC{
	width : 55px !important;
	margin-left: 25px;
	text-align: center;
}
#expiry_year{
	width : 75px !important;
	margin-left: 10px;
	text-align: center;
}
#fwd_slash{margin-left: 12px;}
#Card_Activation .activateCardSubtxt, #resetPin .activateCardSubtxt {font-size:15px;}
#resetPin .resetPinSubtxt {
	font-size:15px;
	padding-left:15px;
	margin-top:0;
	margin-bottom:15px; /*20px*/
}
#Card_Activation .enterPin,
#resetPin .enterPin{
	height:40px;
}
#Card_Activation #activate_cards, #reset_Pin #active_cards {
	min-height:535px; 
}
#resetPin #activate_cards {
	min-height:640px;
}
#reset_Pin .ul-width, #reset_Pin .border-padding-bottom{
	width: 100% !important; 
}
#resetPin #resetPinBtn {
	width: 100%;
    padding: 18px;
    line-height: 0px;
}
#reset_PIN {
    position: relative;
    right: 16.6%; /*3.8%*/
    top: 152px;
    width: 187px;
    float: right;
    text-align: center;
}
#reset_PIN numPadBtn {
	width:100%;
	padding:20px;
	line-height:0;
}
#my_cards .locked, .locked:hover  {
    background-color: #959494;
    background-image: none;
}
#Card_Activation .activatingDetls li {
	margin-left:0;
}
#myCards #error, #Card_Activation #error, #reset_Pin #error,
#Card_Activation #incorrectCard {
	margin-left:0 !important;
	padding-left: 0 !important;
	padding-right: 0 !important;
}
#reset_Pin .numpadContainer {
	min-height:260px;
}
#Card_Activation #incorrectCard {
	padding-left:0;
}
#Card_Activation #success {
	margin:10px 0 !important;
}
#Card_Activation #success li {
	width:95.5% !important;
}
#Card_Activation #error li, #reset_Pin #error li {
	width:100% !important;
	margin-left:0 !important;
}
#reset_Pin .extendDivWac #error li {
	width:96% !important;
	margin:0 0 2% 2% !important;
}
#myCards #error li {
	margin-top:14px;
}
#Card_Activation #incorrectCard li {
	width:100% !important;
	margin-left:0 !important;
	margin-bottom:10px;
}
#Card_Activation .activatingDetls li.ccn_field {
	margin-left:0;
}
#Card_Activation #incorrectCard .successActionMessage {
	padding:0;
}
#Card_Activation #CCN, #reset_Pin #CCN, #reset_Pin #confirmNewPIN,
#Card_Activation #expiry_month, #reset_Pin #expiry_month,#reset_Pin #expiry_month_CC, #reset_Pin #newPIN,
#Card_Activation #expiry_year, #reset_Pin #expiry_year {
	border-radius:0;
	padding:4px;
	background:#fff;
}
#expiry_month::-webkit-input-placeholder,
#expiry_month_CC::-webkit-input-placeholder,
#expiry_year::-webkit-input-placeholder,
#newPIN::-webkit-input-placeholder,
#confirmNewPIN::-webkit-input-placeholder {
	
	color:#8E8B8B !important;
	font-size:11px !important;
}
#expiry_month::-moz-placeholder,
#expiry_month_CC::-moz-placeholder,
#expiry_year::-moz-placeholder,
#newPIN::-moz-placeholder,
#confirmNewPIN::-moz-placeholder {
	
	color:#8E8B8B !important;
	font-size:11px !important;
}
#expiry_month:-ms-input-placeholder,
#expiry_month_CC:-ms-input-placeholder,
#expiry_year:-ms-input-placeholder,
#newPIN:-ms-input-placeholder,
#confirmNewPIN:-ms-input-placeholder {
	
	color:#8E8B8B !important;
	font-size:11px !important;
}
#Card_Activation .bottomDisclaimTxt, #reset_Pin .bottomDisclaimTxt {
	position:absolute;
	bottom:0;
	margin-bottom:20px !important;
}
#reset_Pin .newPinField {
	width:16% !important;	
}
#reset_Pin .WacContainer{
	min-height:240px;	
}
#reset_Pin #pinMatchErr {
	margin-bottom:12px !important;
}
#myCards .myCardsErr{
	padding-left: 16px !important;	
}
.cardControlLayout{
	display: flex;
	padding: 24px;
	align-items: center;
	border-radius: 4px;
	background: var(--digital-neutral-200, #F4F5F6);
}
.cardControlImage{
	display: flex;
	width: 152px;
	height: 104px;
	padding-bottom: 0px;
	flex-direction: column;
	align-items: flex-end;
	gap: 0.021px;
}
#cardControlTextTitle{
	color: var(--digital-neutral-900, #394046);
	font-feature-settings: 'clig' off, 'liga' off;
	align-self: stretch;
	/* Paragraph (Mont)/P1/(Old) P1 - Demibold */
	font-family: Montserrat;
	font-size: 16px;
	font-style: normal;
	font-weight: 600;
	line-height: 24px; /* 150% */
   	padding-bottom: 4px;
}
#cardControlTextInfo {
	color: var(- -digital-neutral-900, #394046);
	font-feature-settings: 'clig' off, 'liga' off;
	/* Paragraph (Mont)/P3/(Old) P3 - Regular */
	font-family: Montserrat;
	font-size: 13px;
	font-style: normal;
	font-weight: 400;
	line-height: 24px; /* 184.615% */
	min-width: 615px;
	max-width: 617px;
	flex: 1 0 0;}
#cardControlLearnMore{
	color: var(--digital-primary-600, #237FA4);
	font-feature-settings: 'clig' off, 'liga' off;
	font-family: Montserrat;
	font-size: 13px;
	font-style: normal;
	font-weight: 600;
	line-height: 24px; /* 184.615% */
	text-decoration-line: underline;
	padding-left: 4px;
}
#cardControlNavigation{
	width: 12px;
	height: 12px;
	fill: var(- -digital-primary-600, #237FA4);
	padding-left: 8px;
}
.cardControlStyle{
	z-index:1 !important;
}
/*----------card Activation Page--------*/

/*My Cards ends here*/

/*Reset WAC starts here*/
#setSecQuestionDash .span_70, #setSecurityQ .span_70 {
	width: 60% !important;
}
#setSecQuestionDash .bancs-comboBox, #setSecurityQ .bancs-comboBox {
	width: 100% !important;
}
#openSavingsAccntConfirm .bancs-comboBox {
	width: 100% !important;
}
#setSecQuestionDash .bancs-comboBox_inputs, #setSecurityQ .bancs-comboBox_inputs {
	width: 95%; /*97%*/
	border-radius:0;
	padding: 2px 2px 2px 10px;
}
/*#setSecQuestionDash .bancs-comboBox_buttons, #setSecurityQ .bancs-comboBox_buttons {
	height:20px !important; /*28.4*/
	outline:none;
	background-position: center center;
	width: 29px;
    position: absolute;
}*/
/*#setSecQuestionDash .editQuesBox,
#setSecurityQ .editQuesBox {
	padding:0;
}*/
/*#setSecQuestionDash #edit-ques,
#setSecurityQ #edit-ques {
	margin:0 auto;
	text-align:center;
	float:none;
}*/
#setSecurityQ input.sec_answer { width:100% !important } 
#setSecQuestionDash #edit-ques,#setSecurityQ #edit-ques input { font-size:13px;}
input.sec_answer{
	width: 100% !important;
	border-radius:0;
	padding: 2px 2px 2px 10px;
	box-sizing: border-box;
}
#setSecQuestionDash .quesTxt li label, #setSecurityQ .quesTxt li label {
	font-weight:bold;
	text-align:center;
}
#SecQuestionDash #SaveSecQuestionDash, #setSecurityQ #saveSecQuestion {
	padding:0 35px;
}
#setSecurityQ #saveSecQuestion { margin:20px 0 0 0;}
#setSecurityQ .cancl { color:#666; /*font-size:12px; font-style:italic;*/}
.float_right{
	float: right;
}
.request_newLink{
	padding-top: 14px;
}
.no_sec_ques{
	width: 96% !important;
}
#changePassword .changePositionRight {/*right:15% !important;*/}

#changePassword #changePassword_submit,
/*#changePassword #forgotAlphaWacChange_submit*/ {
	width:100%;
	font-size:13px;
}
#changePassword #forgotAlphaWacChange_submitNew {
	font-size:13px;
}
#changePassword #forgotWacChange_submitNew {
	width:174%;
	font-size:13px;
}
#changePassword #forgotWacChange_submit {
	width:198px;
	font-size:13px;
}
#changePassword  .changeWacBtn {
	position: relative;
    right: 0; /*48%*/
    top: 50%;
    left:inherit;
}
#changePassword #changeWacBtn  {
	position:absolute;
	/*right:0; 47.5%*/
    margin-top:10px;
    left:inherit;
}
#changePassword  #resetWacBtn {
	position:absolute;
    top: 0 !important;
    margin-top: 10px;
    left: inherit;
}
#changePassword .cpwDisclaimerTxt {margin-top:100px;}
#changePassword .resetWACPwd {
	border-radius:0;
	/*padding:5px 5px 5px 10px;
	width:210px !important;*/
}
#oneTimePassword .fullstopTxt { position:relative; right:2px;}
#oneTimePassword .helpIcon {position:relative; right:-19px;}
#changePassword .helpIcon {position:relative; right:-19px;} 
#changePassword .btn-diff { font-size:11px;}
#forgottenWAC .topDisclaimer {
	background: #efeff0;
	border: 1px solid #c8c8c8;
	padding: 15px;
	margin-bottom: 20px;
	/*margin-left: 4.3%; 4.5%*/
	color:#666;
	margin-top:25px;
}
#forgottenWAC .topDisclaimer .ForgotBoldTxt { font-size:13px;}
#forgottenWAC .WacField {
	border-radius:0;
	padding:6px;
	width:200px;
}
#oneTimePassword .cancl {
	float:left;
	color:#666;
}
#oneTimePassword #requestNewOTP {
	float:left;
	}
#internalTransfer #error li label,
#futurePayments #error li label {
	padding:0;	
}
#forgottenWAC #error li label, #settingAlerts #error li label {
	padding:0;	
	font-weight:bold;
}
#oneTimePassword .otpServerVal {

	font-weight:bold !important; 
	font-size:13px; 
	color:#555555;
	font-style:normal;
}
.errMsgOtp1 li {
	border:0px !important;
	box-shadow:none !important;
	color:#555555 !important;
	}
.errMsgOtp1 .serverErrMsg {
	
	width: 85% !important;
	background-color: #F1F1F1;
	padding-top:0px
	}
	.errMsgOtp1 li label{
    font-size:13px !important;
	color:#555555 !important;
	font-weight:normal !important;
	}
	
	
#oneTimePassword .otpServerVal .OtpToTxt { font-weight:normal; font-style:normal;}
#SecQuestionDash .successMsgSecur { width:93.5% !important;} 
#SecQuestionDash #error li label { padding-top:0; font-weight:bold;}
#forgottenWAC .subHeading { padding-top:19px; padding-bottom:30px;}
#forgottenWAC .subHeading label {color:#666;}
#forgottenWAC #forgottenWAC_custid { margin-bottom:16px; padding-left:11px;}
#forgottenWAC .resetWacBtnContainer {padding-bottom:60px;}
#forgottenWAC .ForgotWacTxt {min-height:0; padding-bottom:10px;}
#forgottenWAC .ForgotWacTxt label {font-family: MontserratSemibold;font-size:13px; color:#111111;}
#SecQuestionDash #securDetailsInfo .row-fluid .SecuQuesField { width:20% !important;}
#SecQuestionDash #securDetailsInfo .row-fluid .SecuQuesSaveBtn { width:25.9% !important;}
#setSecurityQ .row-fluid .SecuQuesField { width:16% !important;}
#setSecurityQ .row-fluid  .SecuQuesSaveBtn {width:24.3% !important;} /*24.8%*/
#SecQuestionDash #fill-ques1 #errMsg1, 
#SecQuestionDash #fill-ques2 #errMsg2, 
#SecQuestionDash #fill-ques3 #errMsg3 {
	margin-bottom: 8px !important;  
    border: 1px solid #F96906;
    font-weight: bold !important;
    width:61.9% !important; /*61%*/
}
_:-ms-fullscreen, :root #SecQuestionDash #fill-ques1 #errMsg1 { width:61.8% !important; }
_:-ms-fullscreen, :root #SecQuestionDash #fill-ques2 #errMsg2 { width:61.8% !important; }
_:-ms-fullscreen, :root #SecQuestionDash #fill-ques3 #errMsg3 { width:61.8% !important; }

#setSecurityQ #fill-ques1 #errMsg1, 
#setSecurityQ #fill-ques2 #errMsg2, 
#setSecurityQ #fill-ques3 #errMsg3 { 
	width:59.8% !important; /*61%*/
	margin-bottom: 8px !important;
    border: 1px solid #F96906;
    font-weight: bold !important;
}
#changePassword .underline-link {
	font-style:italic;
	padding-top:8px;
	color:#666;
	display:block;
	text-align:right;
}
#SecurityQuestion .underline-link {
	font-style: italic;
    /*margin-left: 10px;*/
    color: #666;
    position: relative;
    top: 9px;
    text-align: right;
}
#SecurityQuestion .secuSubTxt li label { font-size:14px; color:#666; font-weight:bold;}
#SecurityQuestion .secuTxt li label { font-size:13px; color:#666;}
#SecurityQuestion .securityBtn {padding-bottom:30px; padding-top:15px;}
#SecurityQuestion .securityBtn input { font-size:13px; padding:0 25px; height:35px;}
#SecurityQuestion #SecQuestion_secQuestion1Answer {margin-bottom:25px;}
#changePassword .ResetWacSubTxt {
	color:#666;
	font-size:14px;
	margin-top:11px;
	min-height:0;
	margin-bottom:5px !important;
}
#changePassword #ChangePasswordSubmit_newAlphaPassword {margin-bottom:15px;}
#changePassword .ResetWacContnr {margin-left:0; margin-right:30px; width:100%;}
#changePassword .numpadContainer1 {margin-left:0;}
#changePassword .numpadContainer1 .numpadWidget {padding:0; margin-top:40px;}
#changePassword .numpadContainer1 #numpadContainerWAC {position:relative; margin-top:0; right:0 !important;}
#forgottenWAC .underline-link {
	font-style:italic;
	margin-left:6px;

}
#oneTimePassword .request_newLink {padding-top:30px; padding-bottom:10px;}
#oneTimePassword  .requestOtpTxt {padding-top:11px; font-size:12px !important;}
#oneTimePassword #requestNewOTP {font-size:13px;}
#oneTimePassword .requestBox { margin-left:0; margin-bottom:10px !important; min-height:auto;}
#forgottenWAC .adjustText { margin-left:0;}
#oneTimePassword #requestNewBtn li {padding-bottom:20px;}
#SecurityQuestion .adjustText input { padding:5px 5px 5px 10px; border-radius:0; width:100% !important;}
#SecurityQuestion .adjustText {margin-left:0;}
#requestNewBtn {
	padding-left:0;
	padding-top:0 !important;
	text-align:center;
}
#requestNewBtn li span.spanOTP {
	width:100% !important;
	margin-bottom:12px;
}
#SecQuestionDash .cancl {
	margin:2px 0 0 0;
	color:#333;
	
}
#forgottenWAC .btnList {margin:0;}
#forgottenWAC .btnList input {height:35px; padding:0 25px; margin-top:21px; font-size:13px;} 
#forgottenWAC #fwd_slash {margin-right:12px; position:relative; top:-3px;}
#forgottenWAC .subHeading li label{ font-family: MontserratSemibold; font-size:14px; color:#008094;}
#forgottenWAC #forgottenWAC_dobYear {width:16% !important;}
#forgottenyourWAC #error li.alert {
	width:100% !important; 
	margin-left:0 !important; 
	border: 1px solid #cccccc; 
}
#forgottenyourWAC #error li.ErrValidate {
	width:100% !important; 
	margin-left:0 !important; 
	border: 1px solid #cccccc; 
}
#forgottenWAC_dobDay, #forgottenWAC_dobMonth, #forgottenWAC_dobYear { text-align:center;}
#forgottenWAC_dobDay::-webkit-input-placeholder,
#forgottenWAC_dobMonth::-webkit-input-placeholder,
#forgottenWAC_dobYear::-webkit-input-placeholder {
	text-align:center !important;
}
#forgottenWAC_dobDay::-webkit-input-placeholder,
#forgottenWAC_dobMonth::-webkit-input-placeholder,
#forgottenWAC_dobYear::-webkit-input-placeholder {
	font-style:italic !important;
	color:#6f6f6f !important;
	font-size:12px !important;
}
#forgottenWAC_dobDay::-moz-placeholder,
#forgottenWAC_dobMonth::-moz-placeholder,
#forgottenWAC_dobYear::-moz-placeholder {
	text-align:center !important;
}

#forgottenWAC_dobDay::-moz-placeholder,
#forgottenWAC_dobMonth::-moz-placeholder,
#forgottenWAC_dobYear::-moz-placeholder {
	font-style:italic !important;
	color:#6f6f6f !important;
	font-size:12px !important;
}
#forgottenWAC_dobDay:-ms-input-placeholder,
#forgottenWAC_dobMonth:-ms-input-placeholder,
#forgottenWAC_dobYear:-ms-input-placeholder {
	text-align:center !important;
}

#forgottenWAC_dobDay:-ms-input-placeholder,
#forgottenWAC_dobMonth:-ms-input-placeholder,
#forgottenWAC_dobYear:-ms-input-placeholder {
	font-style:italic !important;
	color:#6f6f6f !important;
	font-size:12px !important;
}
#ChangePasswordSubmit_oldPassword::-webkit-input-placeholder { 
	font-style:italic !important;
	color:#6f6f6f !important;
	font-size:12px !important;
}
#ChangePasswordSubmit_oldPassword::-moz-placeholder {
	font-style:italic !important;
	color:#6f6f6f !important;
	font-size:12px !important;
}
#ChangePasswordSubmit_oldPassword:-ms-input-placeholder {
	font-style:italic !important;
	color:#969494 !important;
	font-size:12px !important;
}
#forgottenWAC_custid::-webkit-input-placeholder,#ChangeAlphaPasswordSubmit_oldPassword::-webkit-input-placeholder { 
	font-style:normal !important;
	color:#555555 !important;
	font-size:13px !important;
}
#forgottenWAC_custid::-moz-placeholder,#ChangeAlphaPasswordSubmit_oldPassword::-moz-placeholder {
	font-style:normal !important;
	color:#555555 !important;
	font-size:13px !important;
}
#forgottenWAC_custid:-ms-input-placeholder,#ChangeAlphaPasswordSubmit_oldPassword:-ms-input-placeholder {
	font-style:normal !important;
	color:#555555 !important;
	font-size:13px !important;
}
#ChangePasswordSubmit_newPassword::-webkit-input-placeholder { 
	font-style:normal !important;
	color:#555555 !important;
	font-size:13px !important;
}
#ChangePasswordSubmit_newPassword::-moz-placeholder {
	font-style:normal !important;
	color:#555555 !important;
	font-size:13px !important;
}
#ChangePasswordSubmit_newPassword:-ms-input-placeholder {
	font-style:normal !important;
	color:#555555 !important;
	font-size:13px !important;
}
#ChangePasswordSubmit_confirmPassword::-webkit-input-placeholder {
	font-style:normal !important;
	color:#555555 !important;
	font-size:13px !important;
}
#ChangePasswordSubmit_confirmPassword::-moz-placeholder{
	font-style:normal !important;
	color:#555555 !important;
	font-size:13px !important;
}
#ChangePasswordSubmit_confirmPassword:-ms-input-placeholder {
	font-style:normal !important;
	color:#555555 !important;
	font-size:13px !important;
}
#oneTimePasswordSubmit_oneTimePassword::-webkit-input-placeholder {
	font-style:italic !important;
	color:#6f6f6f !important;
	font-size:12px !important;
}
#oneTimePasswordSubmit_oneTimePassword::-moz-placeholder {
	font-style:italic !important;
	color:#6f6f6f !important;
	font-size:12px !important;
}
#oneTimePasswordSubmit_oneTimePassword:-ms-input-placeholder {
	font-style:italic !important;
	color:#6f6f6f !important;
	font-size:12px !important;
}
#SecurityQuestion .adjustText input::-webkit-input-placeholder {
	font-style:italic !important;
	color:#6f6f6f !important;
	font-size:12px !important;
}
#SecurityQuestion .adjustText input::-moz-placeholder {
	font-style:italic !important;
	color:#6f6f6f !important;
	font-size:12px !important;
	
}
#SecurityQuestion .adjustText input:-ms-input-placeholder {
	font-style:italic !important;
	color:#6f6f6f !important;
	font-size:12px !important;
}
#forgottenWAC .errWacField {
	width:100% !important;
	margin-left:0 !important;
	margin-bottom:4px !important;
	
	border: 1px solid #cccccc;
	
}
#forgottenyourWAC .pageHeader h3.resetWacHeader {bottom:0;margin-left: 0px;top: 20px;}
.pageHeader h3.resetWacHeader { margin-left:10px; position: relative; bottom: 12px;}
#oneTimePassword .otpBtn input {
	float:right;    
	height: 35px;
    padding: 0 25px;
    font-size:13px;
}
#dashboard .otpExceedErr {
	margin-left:15px;
	padding:10px;
	width:93% !important;
	border:1px solid #F7964F;
	box-shadow:0 0 1px #F7964F;
	position: relative;
    top: 12px;	
}
#dashboard .otpExceedErr label {padding:0;}
#oneTimePassword .otpInputField{ margin-left:0; height:17px; margin-bottom:15px !important;}
#oneTimePassword .otpInputField input {
	border-radius:0;
	padding:4px 4px 4px 10px;
	float:left;
	margin:0;
}
#oneTimePassword .otpMessageTxt {
	margin-left: 0;
    min-height: 10px; /*15px*/
    font-size:14px;
    color:#666;
}
#oneTimePassword .otpheading2 {
	margin-top:10px;
	line-height:18px;
}

#oneTimePassword .otpMessageTxt label {font-weight:normal;}
#oneTimePassword #error .otpErrMsg {
	margin:0 !important;
	width: 100% !important;
}
#oneTimePassword .otpContent { padding:30px 20px 0px 20px;}
#oneTimePassword .otpSecurCode {padding:25px 0 0 0;}
#oneTimePassword .otpContentRow {padding:0; height:auto; /*25px*/}
 #oneTimePassword .otpSecurCode1 { padding:0;}
#oneTimePassword .OTPTitleTxt { 
	font-size:13px; 
	color:#111111;
	font-weight:bold;
	min-height: 10px;
	margin-bottom: 10px !important;
}
#changePassword .cpwdErr label {padding-top:0;}
#SecQuestionDash .successMsgSecur label {padding:0;}
#dashboard .successMsgSecur { margin-left:12px;}
#dashboard .successMsgSecur label { padding-top:0;} 
#changePassword .ResetWacFieldNm {margin-left:0;}
#oneTimePassword .errMsgOtp2 {margin:15px 0 40px 0 !important; width:100% !important;padding-left:0px !important;padding-right:0px !important; /*30%*/}
#oneTimePassword .errMsgOtp1 {margin-left:0 !important; width:58.5% !important;}
#oneTimePassword .errMsgOtp1 li { margin:0 !important; position:relative; top:16px; width:91% !important;}
#oneTimePassword .errMsgOtp2 .otpErrMsg li {font-size:12px; font-weight:bold;}
#oneTimePassword #error label {padding:0; font-size:13px !important; font-weight:normal;}

.row-fluid.margin_bottom{margin-bottom: 10px !important;}
#resetWACSuccess .successTxt {
	margin-left:0; /*11px*/
	width:97%;	
}
#resetWACSuccess .successTxt label { padding:0;}
#SecurityQuestion #errMsg li label.successActionMessage { padding-top:0;}
#setSecQuestionDash input.sec_answer {width:100% !important;}
/*Reset WAC ends here*/ 

/* ----------- Chrome Resize starts ------------*/
@media all and (min-width: 480px) and (max-width: 500px){
	/*------My Cards starts here------*/
	#activate_cards .ActiveCardBtn,
	#active_cards .ActiveCardBtn {
	    padding: 0 16px !important;
	    height: 28px !important;
	    font-size: 10px !important;
	}
	#active_cards .ActiveCardBtn {padding: 0 24px !important;}
	#activate_cards .creditCardTxt, 
	#active_cards .creditCardTxt {font-size: 13px !important;}
	/*#activate_cards .cardTitle, 
	#active_cards .cardTitle {font-size: 10px !important;}*/
	#activate_cards .EverydaycardTitle {font-size: 9px !important;}
	#activate_cards .ItalicTxt {font-size:8px !important;}
	#activate_cards .cardValue, 
	#active_cards .cardValue {font-size: 10px !important;}
	#active_cards .ActiveCardsInfoTxt {font-size:10px !important;}
	#Card_Activation #expiry_month,
	#reset_Pin #expiry_month,#reset_Pin #expiry_month_CC {
		width:35px !important;
		margin-left:20px !important;
	}
	#Card_Activation #expiry_year,
	#reset_Pin #expiry_year {
		width:55px !important;
		margin-left:5px !important;
	}
	#fwd_slash {margin-left:8px !important;}
	#Card_Activation #CCN,
	#reset_Pin #CCN {width:132px !important;}
	#Card_Activation .cardBtn,
	#my_cards .cardBtn,
	#reset_Pin .cardBtn {font-size:12px !important;}
	/*------My Cards Ends here------*/
}
@media all and (min-width: 510px) and (max-width: 559px){
	/* ------------ Reset WAC ----------- */
	#forgottenWAC #forgottenWAC_dobYear { width:18.5% !important;}
	#forgottenWAC .topDisclaimer { margin-left:5.8%;}
	#forgottenWAC .btnList { margin-left:18% !important;}
	#forgottenWAC .dateContainer { width:49.5% !important;}
	#oneTimePassword .otpInputField input {width:100% !important}
	#SecurityQuestion .securityBtn{ margin-left:0;}
	#setSecQuestionDash .bancs-comboBox_inputs{width:95% !important;}
	#forgottenWAC .errWacField { width:43% !important;}
	#changePassword .resetWacPwdTxt {font-size:10px !important;}
	/* ------------ Reset WAC ----------- */
}
@media all and (min-width: 560px) and (max-width: 599px){
	.InfoTxtContainer {
		display:block !important;
		text-align:right;
	}
	a.tooltip span {width:46% !important;}
	/*------My Cards starts here------*/
	/*#activate_cards .cardTitle, 
	#active_cards .cardTitle {
    	font-size: 12px !important;
	}*/
	#Card_Activation #expiry_month, #reset_Pin #expiry_month,#reset_Pin #expiry_month_CC {width:48px !important;}
	#Card_Activation #expiry_year, #reset_Pin #expiry_year {width:60px !important;}
	#Card_Activation #CCN, #reset_Pin #CCN {width:150px !important;}
	#activate_cards .ItalicTxt {font-size:10px !important;}
	.ul-width {width:94.8% !important;}
	.border-padding-bottom { width:97.3% !important;}
	#Card_Activation .activatingDetls .ExpDate { margin: 0 0 0 5% !important;}
	#reset_Pin .activatingDetls .ExpDate { margin: 0 0 0 7% !important;}
	/*#activate_cards .cardTitle, #active_cards .cardTitle {font-size:12px !important;}*/
	#reset_Pin .numPadWAC {right: 0 !important;}
	#reset_PIN {right: 0 !important;}
	/*------My Cards Ends here------*/
	
	/* ------------ Reset WAC ----------- */
	#forgottenWAC .dateContainer { width:53% !important;}
	#forgottenWAC .topDisclaimer { margin-left:6% !important;}
	#setSecQuestionDash input.sec_answer {width:100% !important;}
	/* ------------ Reset WAC ----------- */
}
@media all and (min-width: 600px) and (max-width: 699px){
	.InfoTxtContainer {
		display:block !important;
		text-align:right;
	}
	a.tooltip span {width:43% !important; /*40%*/}
	/*---------My Cards Starts---------*/
	.ul-width { width: 95.3% !important;}
	.border-padding-bottom{width:97.6% !important;}
	#activate_cards .ActivationContainer{font-size:11px !important;}
	#Card_Activation .activatingDetls .ExpDate { margin: 0 0 0 4.7% !important;}
	#reset_PIN {right: 3.6% !important;}
	#reset_Pin .activatingDetls .ExpDate { margin: 0 0 0 6.7% !important;}
	/*#activate_cards .cardTitle, #active_cards .cardTitle {font-size:13px !important;}*/
	/*---------My Cards Ends---------*/
	
	/* ------------ Reset WAC ----------- */
	#forgottenWAC #forgottenWAC_dobYear { width:30.8% !important;}
	#forgottenWAC .topDisclaimer { margin-left:5%}
	#SecurityQuestion .securityBtn{ margin-left:0;}
	#setSecQuestionDash .bancs-comboBox_inputs{width:96% !important;}
	#setSecQuestionDash input.sec_answer {width:100% !important;}
	#setSecurityQ input.sec_answer {width:100% !important;}
	/* ------------ Reset WAC ----------- */
}
 @media all and (min-width: 700px) and (max-width: 710px){
	.InfoTxtContainer {
		display:block !important;
		text-align:right;
	}
	a.tooltip span {width:40% !important;}
	
	/*---------My Cards Starts---------*/
	.ul-width {width:95.8% !important;}
	.border-padding-bottom{width:97.8% !important;}
	#Card_Activation .activatingDetls .ExpDate {margin: 0px 0px 0px 4% !important;}
	#reset_Pin .activatingDetls .ExpDate { margin: 0 0 0 6% !important;}
	#reset_PIN {right: 3.6% !important;}
	/*---------My Cards Ends---------*/
	
	/* ------------ Reset WAC ----------- */
	#setSecQuestionDash .bancs-comboBox_inputs{width:96.5% !important;} 
	#setSecQuestionDash input.sec_answer {width:100% !important;}
	#setSecurityQ input.sec_answer {width:100% !important;}
	/* ------------ Reset WAC ----------- */
}
 @media all and (min-width: 711px) and (max-width: 750px){
	.InfoTxtContainer {
		display:inline-block !important;
		text-align:right;
	}
	a.tooltip span {width:32% !important; /*40%*/}
	
	/*---------My Cards Starts---------*/
	.ul-width {width:95.8% !important;}
	.border-padding-bottom{width:97.8% !important;}
	#Card_Activation .activatingDetls .ExpDate {margin: 0px 0px 0px 4% !important;}
	#reset_Pin .activatingDetls .ExpDate { margin: 0 0 0 6% !important;}
	#reset_PIN {right: 3.6% !important;}
	/*---------My Cards Ends---------*/
	
	/* ------------ Reset WAC ----------- */
	#setSecQuestionDash .bancs-comboBox_inputs{width:96.5% !important;} 
	#setSecQuestionDash input.sec_answer {width:100% !important;}
	#setSecurityQ input.sec_answer { width:100% !important;}
	
	#setSecurityQ #fill-ques1 #errMsg1, 
	#setSecurityQ #fill-ques2 #errMsg2, 
	#setSecurityQ #fill-ques3 #errMsg3 { 
		width:59.8% !important; /*61%*/
	}
	/* ------------ Reset WAC ----------- */
}
 @media all and (min-width: 751px) and (max-width: 799px){
	#creditCardNotification .alert-info {margin-top:25px;}
	/*---------My Cards Starts---------*/
	#Card_Activation .activatingDetls .ExpDate  {margin: 0 0 0 3.8% !important;}
	#reset_Pin .activatingDetls .ExpDate {margin: 0 0 0 5.8% !important;}
	#reset_Pin .numPadWAC {right:15% !important;}
	/*---------My Cards Ends---------*/
	
	/* ------------ Reset WAC ----------- */
	#setSecQuestionDash .bancs-comboBox_inputs{width:96.5% !important;} 
	#setSecQuestionDash input.sec_answer {width:100% !important;}
	#setSecurityQ input.sec_answer { width:100% !important }
	#setSecurityQ #fill-ques1 #errMsg1, 
	#setSecurityQ #fill-ques2 #errMsg2, 
	#setSecurityQ #fill-ques3 #errMsg3 { 
		width:59.8% !important; /*61%*/
	}
	/* ------------ Reset WAC ----------- */
}

/*--------------Zoom_out starts-----------------*/
@media all and (min-width: 800px) and (max-width: 899px){
	
	/* ------------ Reset WAC ----------- */
	#forgottenWAC #forgottenWAC_dobYear{width:20% !important;}
	#SecurityQuestion .securityBtn{ margin-left:0;}
	#setSecurityQ input.sec_answer { width:100% !important }
	/* ------------ Reset WAC ----------- */
}
@media all and (min-width: 900px) and (max-width: 970px){
	#setSecQuestionDash input.sec_answer {width:100% !important;}
	#setSecurityQ input.sec_answer { width:100% !important }
}
@media all and (min-width: 990px) and (max-width: 1000px){
	#setSecurityQ .row-fluid .SecuQuesSaveBtn { width:24.1% !important; }
	#setSecurityQ #fill-ques1 #errMsg1, 
	#setSecurityQ #fill-ques2 #errMsg2, 
	#setSecurityQ #fill-ques3 #errMsg3 { 
		width:59% !important; /*61%*/
	}
}
@media all and (min-width: 971px) and (max-width: 1000px){
	/*---------My Cards Starts---------*/
	#Card_Activation .activatingDetls .ExpDate {margin:0 0 0 3% !important;}
	#reset_Pin .activatingDetls .ExpDate {margin:0 0 0 5% !important;}
	#reset_Pin .numPadWAC {right: 36% !important;}
	#reset_Pin .txtWidth {width:15% !important;}
	.ul-width {width:97% !important;}
	.border-padding-bottom{width:97.5% !important; /*98.4%*/}
	#reset_PIN {right: 38% !important;}
	#Card_Activation .ul-width {width:98% !important;}
	#Card_Activation .border-padding-bottom{width:98.8% !important;} 
	.pageHeader h3.resetWacHeader { margin-left:13px;}
	/*----------My Cards Ends----------*/
	
	/* ------------ Reset WAC ----------- */
	#forgottenWAC #forgottenWAC_dobYear{width:16% !important;}
	#SecurityQuestion .securityBtn{ margin-left:0;}
	#setSecQuestionDash .bancs-comboBox_inputs{ width:97.4% !important; /*98.4%*/}
	#setSecQuestionDash input.sec_answer {width:100% !important;}
	#setSecurityQ input.sec_answer { width:100% !important }
	#setSecurityQ .row-fluid .SecuQuesSaveBtn { width:24.5% !important; }
	/* ------------ Reset WAC ----------- */
}
@media all and (min-width: 1070px) and (max-width: 1240px){
	
	/*---------My Cards Starts---------*/
	#Card_Activation .activatingDetls .ExpDate {margin:0 0 0 2.4% !important;}
	#reset_Pin .activatingDetls .ExpDate {margin:0 0 0 4.4% !important;}
	#reset_Pin .numPadWAC {right: 48% !important;}
	#reset_Pin .txtWidth {width:10% !important;}
	#reset_PIN {right: 50.2% !important;}
	.ul-width {width:97.5% !important;}
	.border-padding-bottom{width:98.9% !important;}
	/*----------My Cards Ends----------*/
	
	/* ------------ Reset WAC ----------- */
	#forgottenWAC #forgottenWAC_custid {width:62% !important;}
	#forgottenWAC #forgottenWAC_dobYear{width:18% !important;}
	#forgottenWAC .topDisclaimer { margin-left:4% !important;}
	.pageHeader h3.resetWacHeader { margin-left:13px;}
	#SecurityQuestion .securityBtn{ margin-left:0;}
	#setSecQuestionDash .bancs-comboBox_inputs{width:97.7% !important; /*98.7*/}
	#setSecQuestionDash input.sec_answer {width: 100% !important;}
	#setSecurityQ input.sec_answer { width:100% !important;}
	#setSecurityQ .row-fluid .SecuQuesSaveBtn { width:24% !important; }
	
	#setSecurityQ #fill-ques1 #errMsg1, 
	#setSecurityQ #fill-ques2 #errMsg2, 
	#setSecurityQ #fill-ques3 #errMsg3 { 
		width:58.5% !important; /*61%*/
	}
	/* ------------ Reset WAC ----------- */
}
@media all and (min-width: 1250px) and (max-width: 1500px){
	#forgottenWAC #forgottenWAC_custid{width:63% !important}
	#forgottenWAC #forgottenWAC_dobYear{width:22% !important;}
	#forgottenWAC .topDisclaimer {margin-left:4% !important;}
	#SecurityQuestion .securityBtn{ margin-left:0;}
	.pageHeader h3.resetWacHeader { margin-left:18px;}
	#setSecurityQ #fill-ques1 #errMsg1, 
	#setSecurityQ #fill-ques2 #errMsg2, 
	#setSecurityQ #fill-ques3 #errMsg3 { 
		width:58.7% !important; /*61%*/
	}
}
@media all and (min-width: 1570px) and (max-width: 1960px){
	
	/*---------My Cards Starts---------*/
	#Card_Activation .activatingDetls .ExpDate {margin:0 0 0 1.8% !important;}
	#reset_Pin .activatingDetls .ExpDate {margin:0 0 0 4.1% !important;}
	#reset_Pin .numPadWAC {right: 58% !important;}
	#reset_Pin .txtWidth {width:10% !important;}
	#reset_PIN {right: 59.9% !important;}
	.ul-width {width:98.4% !important;}
	.border-padding-bottom{width:99.2% !important;}
	/*----------My Cards Ends----------*/
	
	/* ------------ Reset WAC ----------- */
	#forgottenWAC #forgottenWAC_dobYear{width:27% !important;}
	#forgottenWAC #forgottenWAC_custid {width:63% !important;}
	#forgottenWAC .topDisclaimer {margin-left:3.5% !important;}
	.pageHeader h3.resetWacHeader { margin-left:22px;}
	#SecurityQuestion .securityBtn{ margin-left:0;}
	#setSecQuestionDash input.sec_answer {width: 100% !important; /*97.4%*/}
	#setSecurityQ input.sec_answer { width:100% !important }
	#setSecurityQ input.sec_answer { width:100% !important;}
	#setSecurityQ .row-fluid .SecuQuesSaveBtn { width:23.7% !important; }
	
	#setSecurityQ #fill-ques1 #errMsg1, 
	#setSecurityQ #fill-ques2 #errMsg2, 
	#setSecurityQ #fill-ques3 #errMsg3 { 
		width:58% !important; /*61%*/
	}
	/* ------------ Reset WAC ----------- */
}
@media all and (min-width: 2500px) and (max-width: 2900px){
	/*---------My Cards Starts---------*/
	#Card_Activations .activatingDetls .ExpDate {margin:0 0 0 1% !important;}
	#reset_Pin .activatingDetls .ExpDate {margin:0 0 0 3.5% !important;}
	#reset_Pin .numPadWAC {right: 72% !important;}
	#reset_Pin .txtWidth {width:8% !important;}
	#reset_PIN {right: 73.3% !important;}
	.ul-width {width:99% !important;}
	.border-padding-bottom{width:99.6% !important;}
	/*----------My Cards Ends----------*/
	
	/* ------------ Reset WAC ----------- */
	#setSecQuestionDash input.sec_answer {width:100% !important;}
	#setSecurityQ input.sec_answer { width:100% !important;}
	#setSecurityQ .row-fluid .SecuQuesSaveBtn { width:23.5% !important; }
	/* ------------ Reset WAC ----------- */
}
@media all and (min-width: 2901px) and (max-width: 3500px){
	/* ------------ Reset WAC ----------- */
	#forgottenWAC #forgottenWAC_dobYear{width:31.9% !important;}
	#forgottenWAC .topDisclaimer {margin-left:3% !important;}
	#forgottenWAC #forgottenWAC_custid {width:62.6% !important;}
	#SecurityQuestion .securityBtn{ margin-left: 0;}
	#setSecQuestionDash input.sec_answer {width:100% !important;}
	#setSecurityQ input.sec_answer { width:100% !important;} 
	#setSecurityQ .row-fluid .SecuQuesSaveBtn { width:23.5% !important; }
	/* ------------ Reset WAC ----------- */
}
@media all and (min-width: 3600px) and (max-width: 3940px){
	/*---------My Cards Starts---------*/
	#Card_Activation .activatingDetls .ExpDate {margin:0 0 0 0.6% !important;}
	#reset_Pin .activatingDetls .ExpDate {margin:0 0 0 3.2% !important;}
	#reset_Pin .numPadWAC {right: 76% !important;}
	#reset_Pin .txtWidth {width:8% !important;}
	#reset_PIN {right: 77% !important;}
	.ul-width {width:99.4% !important;}
	.border-padding-bottom{width:99.6% !important;}
	/*----------My Cards Ends----------*/
	#setSecQuestionDash input.sec_answer {width:100% !important;}
	#setSecurityQ .row-fluid .SecuQuesSaveBtn { width:23.4% !important; }
}
@media all and (min-width: 4090px) and (max-width: 5000px){
	#SecurityQuestion .securityBtn{ margin-left:0;}
	#forgottenWAC #forgottenWAC_custid {width:45% !important;}
	#forgottenWAC .topDisclaimer {margin-left:3% !important;}
	#setSecurityQ input.sec_answer { width:100% !important }
	#setSecurityQ .row-fluid .SecuQuesSaveBtn { width:23.4% !important; }
}
/* ------------ chrome resize End ------------*/
 	
/*-------Mozila Code starts-------*/
@-moz-document url-prefix() {
	
	#oneTimePassword .fullstopTxt { position:relative; right:2px;}
	#active_cards .icon-question-sign {height:16px;}
	.ul-width {width:95.5%;}
	.border-padding-bottom {width:97.9%;}
	#Card_Activation .activatingDetls .ExpDate,
	#reset_Pin .activatingDetls .ExpDate {margin: 0px 0px 0px 4%;}
	
	@media all and (min-width: 500px) and (max-width: 570px){
		.border-padding-bottom{width:97.3% !important;}
		#Card_Activation .activatingDetls .ExpDate {margin: 0px 0px 0px 5.2% !important;}
		#reset_Pin .activatingDetls .ExpDate {margin: 0px 0px 0px 7.2% !important;}
		.ul-width { width: 94.9% !important;}
		#Card_Activation .ItalicTxt { font-size:10px;}
		#Card_Activation #CCN { width:100% !important;}
		#reset_PIN {right: 0.6% !important;} 
	}
	@media all and (min-width: 620px) and (max-width: 650px){ 
		.border-padding-bottom {width:97.6% !important;}
		.ul-width {width:95.4% !important;}
		#Card_Activation .activatingDetls .ExpDate,
		#reset_Pin .activatingDetls .ExpDate {margin: 0px 0px 0px 6.8% !important;}
	}
	@media all and (min-width: 651px) and (max-width: 699px){ 
		.ul-width {width:95.7% !important;}
		.border-padding-bottom{width:97.6% !important;}
		#Card_Activation .activatingDetls .ExpDate {margin: 0px 0px 0px 4.4% !important;} 
		#reset_Pin .activatingDetls .ExpDate {margin: 0px 0px 0px 6.8% !important;} 
		#reset_PIN {right: 3.6% !important;}
	}
	@media all and (min-width: 700px) and (max-width: 715px){ 
	 	.ul-width {width:95.8% !important;}
	 	.border-padding-bottom {width:97.8% !important;}
	 	#Card_Activation .activatingDetls .ExpDate {margin: 0px 0px 0px 4% !important;}
	 	#reset_Pin .activatingDetls .ExpDate {margin: 0px 0px 0px 6% !important;}
	 }
	 @media all and (min-width: 720px) and (max-width: 780px){ 
	 	.ul-width {width:96% !important;}
	 	#reset_Pin .activatingDetls .ExpDate {margin: 0px 0px 0px 6% !important;}
	 	#reset_Pin .numPadWAC {right:15% !important;}
	 }
	 @media all and (min-width: 900px) and (max-width: 910px){  
	 	#reset_PIN {right: 32% !important;}
	 	#reset_Pin .numPadWAC {right:30% !important;}
	 	#reset_Pin .activatingDetls .ExpDate {margin: 0px 0px 0px 6% !important;}
	 	.ul-width {width: 96.8% !important;}
		#Card_Activation .ul-width {width: 96.8% !important;}
		#Card_Activation .border-padding-bottom {width: 98.2%important;}
	 }
	@media all and (min-width: 911px) and (max-width: 1000px){ 
		.ul-width{width:96.8% !important}
		.border-padding-bottom{width:98.2% !important}
		#active_cards .icon-question-sign{height:17px !important}
		#Card_Activation .activatingDetls .ExpDate {margin: 0px 0px 0px 3.2% !important;}
		#reset_Pin .activatingDetls .ExpDate {margin: 0px 0px 0px 6.2% !important;}
		#reset_Pin .numPadWAC {right:-67px !important; margin-top: 10px;}
	}
	@media all and (min-width: 1050px) and (max-width: 1200px){
		.ul-width {width:97.4% !important;}
	 	.border-padding-bottom {width:98.8% !important;}
	 	#Card_Activation .activatingDetls .ExpDate {margin: 0px 0px 0px 2.6% !important;}
	 	#reset_Pin .activatingDetls .ExpDate {margin: 0px 0px 0px 4.6% !important;}
	 	#reset_Pin .numPadWAC {right: 48% !important;}
	}
	@media all and (min-width: 1250px) and (max-width: 1600px){
		.border-padding-bottom {width:99% !important;}
	}
	@media all and (min-width: 2500px) and (max-width: 3205px){
		.ul-width {width:99.2% !important;}
		.border-padding-bottom {width: 99.5% !important;}
		#Card_Activation .activatingDetls .ExpDate { margin: 0px 0px 0px 1% !important;}
		#reset_Pin .activatingDetls .ExpDate {margin: 0px 0px 0px 3.4% !important;}
		#resetPin .enterPin {height:auto;}  
		#reset_Pin .numPadWAC {right:74% !important;} 
		#reset_PIN {right:75.2% !important;}
		#reset_Pin .txtWidth { width:4% !important;}
	}
}
/*------- Mozila Code Ends-------*/

/*-------IE Edge Code Starts-------*/
@supports (-ms-accelerator:true ){
	.border-padding-bottom {width: 97.6%;}
	.ul-width {width:95.6%;}
	#Card_Activation .activatingDetls .ExpDate, #reset_Pin .activatingDetls .ExpDate { margin: 0px 0px 0px 6.2%;}
	#reset_PIN {right:3.6% !important;}
	
	#forgottenWAC #forgottenWAC_dobYear {width:18% !important;}
	
	@media all and (min-width: 480px) and (max-width: 599px){
		.border-padding-bottom {width:96.8% !important;}
		.ul-width {width:94% !important;}
		#reset_PIN {right:0.6% !important;}
		#reset_Pin .txtWidth label {font-size:11px !important;}
		/* ------------ Reset WAC ----------- */
		#forgottenWAC #forgottenWAC_dobYear {width:21% !important;}
		#oneTimePassword .request_newLink {width:50% !important;}
		/* ------------ Reset WAC ----------- */
	}
	@media all and (min-width: 600px) and (max-width: 700px){ 
		.ul-width {width:95.5% !important;}
		#Card_Activation .activatingDetls .ExpDate, #reset_Pin .activatingDetls .ExpDate { margin: 0px 0px 0px 6.4%;}
		/* ------------ Reset WAC ----------- */
		#forgottenWAC #forgottenWAC_custid { width:91% !important;}
		#forgottenWAC #forgottenWAC_dobDay, #forgottenWAC #forgottenWAC_dobMonth { width:13% !important;}
		#forgottenWAC #forgottenWAC_dobYear {width:19% !important;}
		#oneTimePassword .request_newLink {width:51% !important;}
		/* ------------ Reset WAC ----------- */
	}
	@media all and (min-width: 800px) and (max-width: 899px){
		#forgottenWAC #forgottenWAC_dobYear {width:24% !important;}
	}
	@media all and (min-width: 900px) and (max-width: 1000px){
		.ul-width {width:96.9% !important;}
		#reset_Pin .numPadWAC {right:30% !important;} 
		#reset_PIN {right:31.9% !important;}
		#Card_Activation .activatingDetls .ExpDate, #reset_Pin .activatingDetls .ExpDate { margin: 0px 0px 0px 6%;}
	}
	@media all and (min-width: 1070px) and (max-width: 1240px){
		#forgottenWAC .continueBtnList {width:25% !important;}
	}
	@media all and (min-width: 1250px) and (max-width: 1900px){
		#forgottenWAC #forgottenWAC_custid { width:54% !important;}
		
		.border-padding-bottom {width:99% !important;}
		.ul-width {width:98.2% !important;}
		#reset_PIN {right:59.8% !important;}
	}
	@media all and (min-width: 2400px) and (max-width: 3205px){
		.ul-width {width:98.8% !important;}
		.border-padding-bottom {width:99.4% !important;}
	}
	@media all and (min-width: 3400px) and (max-width: 3800px){
		#reset_PIN {right:77% !important;}
		#forgottenWAC #forgottenWAC_custid { width:45.5% !important;}
	}
}
/*-------IE Edge Code Ends-------*/

/*-------My Cards safari Code Starts-------*/
@media screen and (-webkit-min-device-pixel-ratio:0){
	::i-block-chrome, .border-padding-bottom {width:97.8%;}
	::i-block-chrome, .ul-width {width:95.8%;}
	::i-block-chrome, #active_cards .icon-question-sign{height:16px;}
	::i-block-chrome, #Card_Activation .activatingDetls .ExpDate, #reset_Pin .activatingDetls .ExpDate {margin: 0px 0px 0px 6.5%;}
	::i-block-chrome, .errleftmargin {width:95% !important;}
	::i-block-chrome, #oneTimePassword .otpServerVal {position:relative !important; top:-5px !important;}
}
/*-------My Cards safari Code Ends-------*/

/* ----- IE 11 Starts---- */
@media screen and (min-width: 1000px) and (max-width: 1020px){
	_:-ms-fullscreen, :root #Card_Activation .border-padding-bottom { width:98.5% !important;}
	_:-ms-fullscreen, :root #Card_Activation .ul-width {width: 97.1% !important;}	
}
@media screen and (min-width: 500px) and (max-width: 599px){
	_:-ms-fullscreen, :root #forgottenWAC .continueBtnList {width:28.5% !important;}
	_:-ms-fullscreen, :root #forgottenWAC #forgottenWAC_dobYear {width:18.5% !important;}
	_:-ms-fullscreen, :root #SecurityQuestion .securityBtn{ margin-left:0 !important;}
	_:-ms-fullscreen, :root #setSecQuestionDash input.sec_answer { width:100% !important;}
	_:-ms-fullscreen, :root #setSecQuestionDash .quesTxt li label, 
	_:-ms-fullscreen, :root #setSecurityQ .quesTxt li label {font-size:9px;}
	_:-ms-fullscreen, :root #SecQuestionDash #securDetailsInfo .row-fluid .SecuQuesSaveBtn{ width:26.8% !important;}
}

@media screen and (min-width: 600px) and (max-width: 700px){
	_:-ms-fullscreen, :root #forgottenWAC #forgottenWAC_dobYear {width:29.7% !important;}
	_:-ms-fullscreen, :root #SecurityQuestion .securityBtn{ margin-left:0 !important;}
	_:-ms-fullscreen, :root #setSecurityQ .quesTxt li label {font-size:10px !important;}
	_:-ms-fullscreen, :root #SecQuestionDash #securDetailsInfo .row-fluid .SecuQuesSaveBtn{ width:26.7% !important;}
}
@media screen and (min-width: 701px) and (max-width: 745px){ 
	_:-ms-fullscreen, :root #SecQuestionDash #securDetailsInfo .row-fluid .SecuQuesSaveBtn {width:26.6%!important;}
}
@media screen and (min-width: 746px) and (max-width: 799px){ 
	_:-ms-fullscreen, :root #SecQuestionDash #securDetailsInfo .row-fluid .SecuQuesSaveBtn { width:26.5% !important;}
}
@media screen and (min-width: 800px) and (max-width: 899px){
	_:-ms-fullscreen, :root #SecurityQuestion .securityBtn{ margin-left:0;}
	_:-ms-fullscreen, :root #setSecQuestionDash input.sec_answer {width:100% !important;}
	
	_:-ms-fullscreen, :root #SecQuestionDash #fill-ques1 #errMsg1 { width:60.4% !important; }
	_:-ms-fullscreen, :root #SecQuestionDash #fill-ques2 #errMsg2 { width:60.4% !important; }
	_:-ms-fullscreen, :root #SecQuestionDash #fill-ques3 #errMsg3 { width:60.4% !important; }
}
@media screen and (min-width: 900px) and (max-width: 910px){
	_:-ms-fullscreen, :root #setSecQuestionDash input.sec_answer {width:100% !important;}
}
@media screen and (min-width: 990px) and (max-width: 999px){
	_:-ms-fullscreen, :root #setSecQuestionDash input.sec_answer {width:100% !important;}
}
@media screen and (min-width: 911px) and (max-width: 1020px) {
	_:-ms-fullscreen, :root #forgottenWAC .continueBtnList {width:29.5% !important;}
	_:-ms-fullscreen, :root #SecurityQuestion .securityBtn{ margin-left:0;}
	_:-ms-fullscreen, :root #setSecQuestionDash input.sec_answer {width:100% !important;}
	
	_:-ms-fullscreen, :root #SecQuestionDash #fill-ques1 #errMsg1 { width:59.8% !important; }
	_:-ms-fullscreen, :root #SecQuestionDash #fill-ques2 #errMsg2 { width:59.8% !important; }
	_:-ms-fullscreen, :root #SecQuestionDash #fill-ques3 #errMsg3 { width:59.8% !important; }
}
@media screen and (min-width: 1050px) and (max-width: 1150px) {
	_:-ms-fullscreen, :root #SecQuestionDash #fill-ques1 #errMsg1 { width:60.8% !important; }
	_:-ms-fullscreen, :root #SecQuestionDash #fill-ques2 #errMsg2 { width:60.8% !important; }
	_:-ms-fullscreen, :root #SecQuestionDash #fill-ques3 #errMsg3 { width:60.8% !important; }
	
}
@media screen and (min-width: 1050px) and (max-width: 1250px){
	_:-ms-fullscreen, :root #forgottenWAC .continueBtnList {width:25.5% !important;}
	_:-ms-fullscreen, :root #forgottenWAC #forgottenWAC_custid {width:62% !important;}
	_:-ms-fullscreen, :root #forgottenWAC .topDisclaimer {margin-left:3.5% !important;}
	_:-ms-fullscreen, :root #SecurityQuestion .securityBtn{ margin-left:0;}
	_:-ms-fullscreen, :root #setSecQuestionDash input.sec_answer {width:100% !important;}
	_:-ms-fullscreen, :root #SecQuestionDash #fill-ques1 #errMsg1 { width:60.5% !important; }
	_:-ms-fullscreen, :root #SecQuestionDash #fill-ques2 #errMsg2 { width:60.5% !important; }
	_:-ms-fullscreen, :root #SecQuestionDash #fill-ques3 #errMsg3 { width:60.5% !important; }
}
@media screen and (min-width: 1260px) and (max-width: 1390px){
	_:-ms-fullscreen, :root #forgottenWAC .continueBtnList {width:28% !important;}
	_:-ms-fullscreen, :root #forgottenWAC #forgottenWAC_custid {width:51% !important;}
	_:-ms-fullscreen, :root #forgottenWAC .topDisclaimer {margin-left:3.5% !important;}
	_:-ms-fullscreen, :root #setSecQuestionDash input.sec_answer { width:100% !important;}
}
@media screen and (min-width: 1400px) and (max-width: 2000px){
	_:-ms-fullscreen, :root #setSecQuestionDash input.sec_answer { width:100% !important;}
	_:-ms-fullscreen, :root #SecQuestionDash #securDetailsInfo .row-fluid .SecuQuesSaveBtn{ width:25.2% !important;}
	
	_:-ms-fullscreen, :root #SecQuestionDash #fill-ques1 #errMsg1 { width:58% !important; }
	_:-ms-fullscreen, :root #SecQuestionDash #fill-ques2 #errMsg2 { width:58% !important; }
	_:-ms-fullscreen, :root #SecQuestionDash #fill-ques3 #errMsg3 { width:58% !important; }
}
@media screen and (min-width: 2100px) and (max-width: 2999px){
	_:-ms-fullscreen, :root #setSecQuestionDash input.sec_answer { width:100% !important;}
	
	_:-ms-fullscreen, :root #SecQuestionDash #fill-ques1 #errMsg1 { width:57.4% !important; }
	_:-ms-fullscreen, :root #SecQuestionDash #fill-ques2 #errMsg2 { width:57.4% !important; }
	_:-ms-fullscreen, :root #SecQuestionDash #fill-ques3 #errMsg3 { width:57.4% !important; }
}
@media screen and (min-width: 3000px) and (max-width: 5000px){
	_:-ms-fullscreen, :root #SecurityQuestion .securityBtn{ margin-left:0;}
	_:-ms-fullscreen, :root #SecQuestionDash #securDetailsInfo .row-fluid .SecuQuesSaveBtn{ width:24.7% !important;}
}
/* ----- IE 11 Ends----- */

@media all and (min-width: 200px) and (max-width: 1100px){
	#forgottenWACbody { width:1100px !important; overflow-x:scroll;}
	#forgottenWACbody .headOverrideLogin { width:auto !important;}
}
@media (max-width: 510px){
	#forgottenWACbody #rightContainer { width:100% !important;}
}
@media all and (min-width: 700px) and (max-width: 799px){
	#forgottenWACbody #rightContainer { width:100% !important;}
}
@media all and (min-width: 800px) and (max-width: 965px){
	#forgottenWACbody #rightContainer { width:100% !important;}
}
#forgottenWAC #submenuid1{
	background-image: url(../../img/icon_arrow.svg);
	background-repeat: no-repeat !important;
    background-position: right 10px center !important;
    background-position: 95% 50%;
    background-color: #EAF4F6 !important;
        border-radius: 0px;
	}
#my_cards .SupplCardTxt{
	text-align: -webkit-auto !important;
}

/*-------- Alerts Screen Starts ---------*/
#settingAlerts .pageHeader h3 {
	font-size:22px;
	color:#111111;
}
.successMsgDiv{
	height: 80px;
    padding: 0px !important;
    background-color:#ffffff !important;
    border:1px solid #CCCCCC;
}
.successImgNotification{
	    width: 50px;
    margin-top: 15px;
    margin-left: 22px;
	}
.successMsgImgdiv{
	    width: 95px;
    background-color: #8BCC31 ;
    height: 80px;
    margin-right:20px !important;
        margin-top: -27px;
	}
#settingAlerts .alertTopInfoTxt {
    color: #666;
    border: 0;
    padding: 10px 20px 10px 30px;
    font-size: 13px;
    min-height: 40px;
}
.AlertLeftMargin { margin-left:14px !important;}
#settingAlerts .infoIcon {
	margin:6px 10px 10px 0;
	float:left;
}
#settingAlerts #alert { padding-bottom:0px; /*border-bottom: 1px solid #A0E3E6;*/ margin-bottom:0px !important;}
#settingAlerts .alertBox {padding: 30px 20px 40px 20px;}
#settingAlerts .selectCardRow .cardsSelectBox #settingAlert_alertPref-main, 
#settingAlerts #accountNoCombo-main,
#settingAlerts #cardDetail-main { width:370px !important;}
#settingAlerts #alertPreferences #settingAlert_alertPref-main { width:370px !important;background-color: #fff;}
/*#settingAlerts #alertPreferences #settingAlert_alertPref-input { 
	width:198px !important;
	font-size:14px;
	border-radius:0;
	padding:2px 10px;
}
#settingAlerts .selectCardRow .cardsSelectBox #settingAlert_alertPref-input, 
#settingAlerts #accountNoCombo-input, #settingAlerts .selectCardRow #cardDetail-input {
	width:198px !important;
	font-size:14px;
	border-radius:0;
	padding:2px 10px;
}
#settingAlerts .bancs-comboBox_buttons {height:20px;margin-left: -16px;background-position: 4px 6px;}
#settingAlerts #cardDetail-div, #settingAlerts #accountNoCombo-div { width:242px !important;}
#settingAlerts #settingAlert_alertPref-div { width:280px !important;}
#settingAlerts #alertPreferences #settingAlert_alertPref-div { width:242px !important;}*/
.alertHeadTxt { margin:0 20px !important; font-size:18px; color:#008094; line-height:28px;font-family: MontserratSemibold;}
.subAlertTxt {color:#111111; font-weight:bold; font-size:14px;}
.subTxtRow { margin-left:14px !important; min-height:10px !important;}
.AlertBlueInfo { float:left; margin:3px 20px 10px 0;}

.AlertInfoIcon {width:18px !important;text-align:right; margin:0 !important; float:right !important; padding-right:6px;}
.AlertInfoIcon img {margin-top:4px;}
.alertsList { height:65px;background:#F2F2F2; margin-top:0; margin-left:0px !important; margin-bottom:0px; border-radius:0px; padding:9px 10px 8px 10px;}
/*#settingAlerts .active { background:#e3f3f6;}*/
.alertsList li { margin-top: 10px;}
#accountInfoAlerts .alertsList li:nth-child(3) { 
	margin-top: 0px !important;
	position: absolute;
    right: 20px;
	}
.chkTxt { width:87% !important;}
.chkTxt label {font-size:13px; color:#111111; padding-top:3px !important;}
.chkColmn { width:25px !important;}
.alertsListNotes { font-size:13px !important; margin:10px 0 10px 0; font-family : 'Lato Regular';}
.alertsListNotes .leftinfoIcon { margin-left:0;}
.leftinfoIcon {margin-right:10px; float:left;margin-left:5px;}
.rmovePadding { padding:0 !important;}
.selectCardRow {margin:14px 0 0 0px !important;}
.selectCardRow label {font-size:13px;}
.cardsSelectBox {margin:0 0 40px 0 !important;}
#settingAlerts .amountField { margin-bottom:0; border-radius:0;}
.acctTxtColm { margin-bottom:0 !important;}
#settingAlerts .tranCombo { margin:0 0 10px; padding:0 0 40px;}
.alertsBtnRow { text-align:right; margin-left:14px !important;padding-bottom: 40px;}
#settingAlerts .alertsCancel { 
	color: #222221;
    margin-bottom: 0px;
    vertical-align: bottom;
    
    border: 0;
    background: transparent;
    /*text-decoration: underline;*/
    outline:none;
    font-weight:normal;
    text-shadow:none;
    box-shadow:none;
    padding-bottom:0;
    font-size:14px;
}
#settingAlerts .alertsSaveBtn { font-size:14px; background-color: #494949 !important; height:35px; width:140px; outline:none; margin-bottom:0;}
#settingAlerts .helpIcon {position:relative; left:10px;}
.cuaOffersNoteErr { margin-top:25px !important; }
.cuaOffersNote { color:#666; padding: 14px; border-radius: 8px;margin-top: 30px;}
#settingAlert_dolarSign {
	display: inline-block;
    font-size: 15px;
    margin: 0;
    padding: 0;
    position: relative;
    left: 20px;
    top: 3px;
}
/*#settingAlert_dolarSign:focus { border:0; box-shadow:none;}*/
.alertEditBox {text-align:center; padding: 0 !important; margin-left: 1.9% !important;}
.editAlertsBtn { margin:0 auto; text-align:center; font-size:13px; padding:9px 25px 8px; background:#ed6907;}
.alertSavedInfoTxt {
	background: #eAf4f6; 
	color: #666; 
	/*border:0;*/
    padding:15px 10px 16px;
    margin:0 0 15px 4.7%;
    min-height:20px;
    font-size:15px;
    padding-left:30px;
    width:94.5% !important;
}
.alertSavedInfoTxt label {
	padding:0 !important;
	font-size:15px !important;	
}
.alertTikIcon { float: left; margin-right: 14px;}
.grey_info_icon {background: url("../../img/tooltip_question.svg") no-repeat center;}
.blue_info_icon {background: url("../../img/tooltip_question.svg") no-repeat center;}
.alertsTooltipInfo { 
	display:none;
	width: 190px;
    min-height: 40px;
    text-align: left;
    background: #0991a0;
    color: #fff;
    border-radius: 6px;
    padding: 10px;
    position: absolute;
    right: 43px; /*38px*/
    margin-top: 0;
}
.regEmailBox { background:#F1D9C1; color:#666; font-size:12px; min-height:80px; border-radius:6px; padding:15px 12px 20px; width:300px; margin-left:13px;}
.removeMargin { margin:0 !important;}
.regEmailTxt { color:#666; font-size:11px; display:block; margin-bottom:12px; font-style:italic;}
.regEmailTxt .leftinfoIcon { margin-bottom:43px !important; margin-left:0;}
.registerAlertBox { width:100%; text-align:center;}
.alertsRegisterBtn {font-size: 13px; padding: 8px 20px 7px; margin:0 !important; background:#ed6907;}
.bothOption {position:relative; right:10px;}
#settingAlerts .AlertInfoIcon:hover .alertsTooltipInfo{ display:block;}
#settingAlerts #error li.alertErrMsg { width:100% !important;}
#settingAlerts .removeBlock { display:none !important;}
.WAChanged {display:block !important;}

/* ----- Modal Popup Starts ----- */
.web_dialog_overlay {
   position: fixed;
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;
   height: 100%;
   width: 100%;
   margin: 0;
   padding: 0;
   background: #000000;
   opacity: .55; /*.15*/
   filter: alpha(opacity=15);
   -moz-opacity: .4; /*.15*/
   z-index: 999 !important; /*101*/
   display: none;
   border-radius:0; /*8px*/
}
.web_dialog {
   display: none;
   position: fixed;
   width: 380px;
   height: 190px; /*200px*/
   top: 40%;
   left: 50%;
   margin-left: -190px;
   margin-top: -100px;
   background-color: #ffffff;
   padding: 0px;
   z-index: 9999 !important; /*102*/
   font-family: Montserrat;
   font-size: 13px;
   border-radius:10px;
}
#confirmPopup {
	width:230px;
	height:90px;
	text-align:center;
	padding:20px;
	left:55%;
}
#confirmPopup .modal_bodyTxt {
	left:0;
	text-align:center;
	margin:10px 0;
}
.modalTitleBlock { 
	padding:10px;
	border-bottom: solid 2px #A0E3E6;
}
#accountDash tbody>tr>:nth-child(5)
{
	font-family: MontserratSemibold !important;
	padding-right: 10px;
}	
#accountDash thead th:nth-child(5)
{
	padding-right: 10px;
}
#accountStatement #accountDash tbody>tr>:nth-child(4)
,#accountStatementUpgrade #accountDash tbody>tr>:nth-child(4)
{
	font-family: MontserratSemibold !important;
	padding-right: 10px;
}
#accountStatement #accountDash tbody>tr>:nth-child(5)
,#accountStatementUpgrade #accountDash tbody>tr>:nth-child(5)
{
	font-family: 'Montserrat' !important;
	padding-right: 10px;
}
.web_dialog_title {
   padding: 0;
   margin:0;
   color: #111111;
   font-weight: bold;
   font-size: 22px;
   font-family: Montserrat;
   display:inline-block;
}
.modal_tik {
	text-align:center;
}

/* ----- Modal Popup Ends----- */

/*-------- Alerts Screen Ends ---------*/

/*---------------Changes for Future Payments-------------*/
.futurePmtsMainContent { min-height:200px; position:relative;}
.futurePmtsBtmMargin { margin-bottom:20px; z-index:1 !important;}
.mobTxt { display:block !important;font-size: 13px; color: #222221;}
.mob_icon { width:16px !important;}
.editLinkRow {display: inline-block; vertical-align: top;}
.editLink{font-size:11px; color:#008392; margin-left:5px; }
.privacyPolicy {font-size:11px; color:#008392;}
.editLink:hover, .privacyPolicy:hover {color:#222221;}
.futurePmtheading {margin-bottom:15px;}
.futurePmtsMsg { padding:15px; border-bottom:0;} 
.removeBorderbottom{border-bottom:0 !important;}
.stmt{padding-bottom:15px;}
.registerBtn {     
	padding: 9px 0px 8px 0px;
    width: 140px;
    font-size: 13px;
    display:block;
    position:relative;
    bottom:5px;
}
.mobileNo {display: inline-block;font-size: 13px; color: #666; font-weight:bold; position:relative; right:5px;}
.emailId {display: inline-block;font-size: 13px; color: #666; font-weight:bold; margin-right:5px;}
#futurePayments #futurePayments_accntNumber-input { width:97% !important; border-radius:0; padding:1.5px 0 1.5px 10px;}
#futurePayments #futurePayments_accntNumber-main { width:100% !important;}
#futurePayments #futurePayments_accntNumber-button {height:25.5px !important;}
.contentMargin {margin-left:8px !important;}
.plusSign {font-size:11px;position:relative; right:1px; vertical-align:top;}
#futurePayments .plusIconCol { float:right;}
.addPlusIcon { float:right; position:relative; top:5px;}
.adjustHeight{height:199px;}
.adjustMargTop{margin-top:35px;}
.cancelPaddingLeft{padding-left:0px !important;}
.cancelPadding{padding-left:0px !important;padding-right:0px !important;}
.cancelLink{
	float: left;
	padding:23px 0px 0px 10px;
    text-decoration: underline;
    color: #666666 !important;
    margin:0;
    font-style:italic;
}
.continueBtn {
	float:left;
	margin:0;
}
.moveRight {
	float:right !important;
	margin-right:16px;
}
.NotRegisteredInfo{
	color: #008392 !important;
    width: 100%;
    text-align: center;
    align-items: center;
    font-style: italic;
    margin:0 auto;
}
.addAnotherClick { margin:0 auto; font-style:normal;} 
.infoImg{margin-right:15px;}
.adjustWidth {width:92.7% !important;}
.disclaimerContent { position:relative; bottom:0; margin-top:130px; padding:10px; background:#efeff0; color:#666; margin-left:12px;}
.addAnotherPadding {padding:15px; border-bottom:0;}
.addIconInnerTxt {margin-bottom:20px;}
.addIconInnerTitle {margin-top:10px;}
.rempoveMarginLeft {margin-left:0 !important;}
.paddingBottom {padding-bottom:10px !important;}
.addAnotherContainer {margin-bottom:5px; margin-left:15px !important;}
#futurePayments .inputField {padding:5px !important; margin-bottom:15px; border-raidus:0 !important; outline:0;}
.addCancelLink { font-size:11px; font-style:italic;}
#futurePayments .headermargin, #futurePayments .headermargin h3 {margin-left:-2px !important; padding:0 !important;}
.requestBoxNpp{margin-left:0px !important;}
#requestNewBtnNPP{
	padding:10px 0px 20px 0px !important;
	text-align:center;
} 
#requestNewBtnNPP li.reqstContainer {
	background:#eAf4f6;
}
.resetLink { 
	text-decoration:underline;
	color:#666666 !important;
	font-style:italic;
	text-align:right;
	margin-left:110px;
}
#mobileErr, #emailErr, #otpEmptyErr {
	margin-left:0;
    border-color: #FF6D00;
    box-shadow: #FF6D00 0px 0px 5px; 
    font-weight: bold !important;
    font-size: 12px !important;
}
.futerPmtsdisplayNone { display:none !important;}
.resetContainer .resetLink {padding:0 !important;}
#futurePayments .alertTopInfoTxt {
	background: #eAf4f6;
    color: #00A1A9;
    border: 0;
    padding: 15px;
    margin: 0 0 15px 2.7%;
    font-size: 12px;
    min-height: 24px;
    border: 1px solid #CAEAF3;
}
#managePayID .alertTopInfoTxt {
	background: #eAf4f6;
    color: #00A1A9;
    border: 0;
    padding: 15px;
    margin: 0 0 15px 2.7%;
    font-size: 12px;
    min-height: 24px;
    border: 1px solid #CAEAF3;
}
.bodyContent {
	min-height:456px; /*456px*/
}
#reqstLinkTxt { font-size:12px !important; padding:5px 0 8px; }
.securityCodeTxt { padding:10px 0;}
.otpDescTxt {padding-bottom:20px;}
.updtaeBtn {margin-left:0 !important;}
.MobilePageContainer { margin-left:15px !important;}
.notRegPrivacyLink{
	position:absolute;
	bottom:15px;
	right:15px;
}
.NotRegisteredInfoImg {margin-right:5px;}
.infoImg{ margin-right:15px; }
.switchAcct {padding:9px 10px 8px;}
.BottomAllBtn {position:absolute;bottom:0;}
.acctEvrydayPlus { min-height:210px !important; float:right !important;}
.everyDayAcct{min-height:210px !important;}
#futurePayments #error li label { font-weight:bold; font-size:12px !important;}

#futurePayments_oneTimePassword::-webkit-input-placeholder{
	font-style:italic !important;
	color:#8E8B8B !important;
	font-size:11px !important;
}
#futurePayments_oneTimePassword::-moz-placeholder {
	font-style:italic !important;
	color:#8E8B8B !important;
	font-size:11px !important;
}
#futurePayments_oneTimePassword:-ms-input-placeholder { 
	font-style:italic !important;
	color:#8E8B8B !important;
	font-size:11px !important;
}
.otpTxtField {float:left;}

.futurePmtsSuccessTxt{
	font-size:12px !important;
	background: #eAf4f6;
	border:1px solid #C3E8EC;
	width:97.8% !important;
}
.newLogo { margin-left:8px;}
form#futurePayments #success {margin-left:12px !important;}
#futurePayments .helpIcon {position:relative; right:-12px;}



@CHARSET "ISO-8859-1";

.bancs-comboBox_inputs{
	width: 85% !important;
}

.futureCombo{
	font-style:italic;
}

.FutureselectBox { margin:0 !important; padding-bottom:10px; width: 69% !important; margin-right:35px !important;}

.addAnother { 
	height:54px !important;
	z-index:1 !important;
}
/*-webkit-gradient(linear, left top, left bottom, from(#209aaf), to(#209aaf))*/
.addAnotherBtn{
	background-color:#209aaf !important;
	background-image:none !important;
	width: 220px;
    padding: 9px 10px 8px !important;
    display:inline-block;
}
.addAnotherBtn:hover{
	background-color:#3D828A !important;
}
.mobileTxtFieldLabel{
	margin-left: 0 !important;
}
.errNPPLeftMargin{
	margin-left:-13px !important;
	}

.AlertBlueInfo1 { float:left; margin:0 14px 10px 0; }

/*---------------Changes for Future Payments Ends-------------*/

/*---------------Visa & Debit Cards Starts-------------*/
#my_cards_layout{/*padding-bottom:20px;*/box-shadow: none;-webkit-box-shadow: none;margin-bottom: 40px;}
#my_cards_layout .topVisaDisclaimer { height:100px; /*88px*/ padding:6px 20px; background-color:#EAF4F6;}
.textSection { position: absolute; padding-top: 78px; padding-left: 216px; width:62% !important;}
.cardSection {text-align:right; float:right !important; margin-right:10px; width:22% !important;}
.VisaCardImg { margin:7px 2px 8px; max-width: none; height: 124px; width: 180px;}
.visaHeader { color:#111111; font-family: MontserratSemibold; font-size:18px;}
.visaDesc {margin:22px 0 22px; color:#111111; font-size:13px;}
.orderNewCard {  outline:none; margin-right: 20px;margin-bottom: 20px;}
.findOutMore {  margin-top: 20px;vertical-align:top;outline:none;  margin-right: 6px; background-color: #EAF4F6 !important; background-image: none !important;}
.green_tick_circle_Alert{
	 background-image:url('../../img/stroke_tick.svg');
	background-repeat: no-repeat !important;
    background-repeat: no-repeat !important;
    background-position: -1px -1px;
    background-position: center !important;
    background-size: 33px;
    border-radius: 15px;
    background-color:#8BCC31;
	}
	.blue_warning_circle_Alert{
	 /*background-image:url('../../img/stroke_exclamation.svg');*/
	 background-image:url('../../img/white_exclamation.svg');	
	background-repeat: no-repeat !important;
    background-repeat: no-repeat !important;
    /*background-position: -1px -1px;
    background-size: 33px;*/
    background-position: 14px 7px;
    background-size: 2px;
    border-radius: 15px;
    background-color:#008094;
    width: 30px;
    height: 30px;
    margin-right: 20px;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    transform: translateY(-50%);
	}
	.blue_warning_circle_Alert_sendmail{
	float: left;
    width: 24px;
	height: 24px;
    display: flex;
	align-items: flex-start;
	margin-right: 16px !important;
	}
	.infoTextsendmail{
	align-self: stretch;
	color: var(--digital-neutral-900, #394046);
	font-feature-settings: 'clig' off, 'liga' off;
	
	/* Paragraph (Mont)/P3/(Old) P3 - Regular */
	font-family: Montserrat;
	font-size: 13px;
	font-style: normal;
	font-weight: 400;
	line-height: 24px; /* 184.615% */
	}
	.infoBoxAlertsendmail{
	display: flex;
	padding: 24px;
	align-items: flex-start;
/* 	gap: 16px; */
	margin-right: 2%;
	border-radius: 4px;
	background: var(--digital-state-info-200, #EDFBFD);
	overflow: hidden;
	list-style-type: disc;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    padding-inline-start: 40px;
    padding-left: 30px;
    margin-left: 30px;
    margin-right: 2%;
	}
	.error_cross_circle_Alert{
	 background-image:url('../../img/stroke_error.svg');
	background-repeat: no-repeat !important;
    background-repeat: no-repeat !important;
    background-position: -2px -2px;
    background-position: center !important;
    background-size: 33px;
    border-radius: 15px;
    background-color:#D00E0E;
	}
#visaCardTile {     padding: 6px 8px;margin-bottom: 28px !important; }
.productsVisaTile {padding: 6px 8px; width: 90.7% !important; left: 14px; background: #e1fcff; border: 1.5px solid #96E4EC;}
@media (max-width: 1070px) and (min-width:725px) {
	.productsVisaTile{
	width:92.7% !important;
	left:9px;
	}
}
@media (max-width: 1240px) and (min-width: 1070px) {
	.productsVisaTile{
	width:92.7% !important;
	left:3px;
	}
}
@media (max-width: 1668px) and (min-width: 1240px) {
	.productsVisaTile{
	width:94.2% !important;
	left:-11px;
	}
}
@media (max-width: 1880px) and (min-width: 1668px) {
	.productsVisaTile{
	width:92.7% !important;
	left:4px;
	}
}
@media (max-width: 1960px) and (min-width: 1880px) {
	.productsVisaTile{
	width:94.1% !important;
	left:-10px;
	}
}
@media (max-width: 2900px) and (min-width: 1960px) {
	.productsVisaTile{
	width:95% !important;
	left:-41px;
	}
}


.applyNewPage h3 {margin-bottom:30px;}
#openNew_cards {margin-top:4.5%;}
#openNew_cards .pageHeader { padding:0;}
#openNew_cards .pageHeader h3 { margin:0 0 14px 0; font-size:22px;}
#openNew_cards .newCardsHeaderTxt{
	padding: 13px 10px;
    border: 1px solid #c8c8c8;
    border-radius: 4px;
    background-color: #efeff0;
    color: #666;
    font-style: italic;
}

.pageHeaderMyCards{
font-family: Montserrat !important;
    color: #111111;
    font-weight:bold !important;
    font-size: 22px !important;
}

.pageHeaderMyCards h3{
	margin-bottom: 40px;
	font-weight:bold !important;
    font-size: 22px !important;
	}

.myCardsHeader{
padding-top: 0 !important;
}
.tooltip_icon {
	background: url("../../img/Icon_tooltip.png") no-repeat center;
    width: 15px;
    height: 15px;
    margin: 0 10px 32px 0;
    float: left;
}
.newCardsubHeadertxt { margin:15px 0 10px;}
.subHeadTxt1 { color:#666; font-size:14px; }
.subHeadTxt2 { color:# 5b5b5b; font-size:13px; font-style:italic; }
.newCardAcctHolderBox { border: 1px solid #c8c8c8; background:#efeff0; border-radius: 5px; padding:15px 8px 8px 15px; height:133px;}
#openNew_cards .acctDtlInfo {color:#5b5b5b;}
#openNew_cards .eligibleAcctDesc { width:60% !important;}
#openNew_cards .eligibleAcctName { font-size:13px; font-weight:bold; color:#666; margin:8px 0 20px;}
#openNew_cards .acctDtlInfo { width:35% !important; min-height:20px;}
#openNew_cards .acctDtlInfo label {padding:0 !important;}
#openNew_cards .txtHeght { line-height:13px; min-height:26px;}
#openNew_cards .acctDtlValue { color:#20b4c5; font-weight:bold;}
#openNew_cards .orderNewCardBtn {font-weight: bold; font-size: 13px; top: 36px; position: relative; float:right; outline:none;}     
#openNew_cards .bottomPaddingRemove {padding-bottom:0;}
#openNew_cards .backToHome { font-weight:bold; height:35px; outline:none; padding:0 17px;}
#openNew_cards .backToHome:hover { background:#666;}
#openNew_cards .centerBackBtn { text-align:center; width:100% !important;}
#openNew_cards .disclaimerHeading { font-size:14px; color:#666;}
#openNew_cards .disclaimerTxt { font-size:13px; color:#666;}
#openNew_cards .orderNewCardHeader { padding:8px 10px 7px;  background:#209baa; font-weight:bold; font-size:14px; color:#fff; border-radius:6px;}
#openNew_cards .IconCard, .IconPencil {margin-right: 12px;}
#orderNewCard .newCardsubHeadertxt { padding-top:0; padding-bottom:0; }
#openNew_cards .changeAcct { background:#717171; color:#fff; font-size:12px;padding:3px 12px; border-radius:6px; float:left; position:relative; top:10px; text-decoration:none;}
#openNew_cards .orderAcctName {width:35% !important; margin-right:14px; float:left; }
.mailAddrWhiteBox { padding:13px 0 5px; color:#20b4c5; min-height:80px !important;height:auto; background:#fff; float:left; width:41.8% !important; border:1px solid #c8c8c8; border-radius:6px;}
#openNew_cards .MailTxt {font-size:15px; margin-bottom:10px; font-weight: bold; color: #666;}
#openNew_cards .mailAddrGreyBox {padding:10px; background:#dddddd; color:#666; font-size:13px;font-style:italic; width:52.6% !important; border:1px solid #c8c8c8; border-radius:6px; height:80px;}
#openNew_cards .mailDescContainer { width:92% !important;}
#openNew_cards .mailAddrWhiteBox .acctDtlValue {min-height:20px;}
#openNew_cards .submitCardOrderbtn { float: right;font-weight:normal; height:30px; font-weight: bold; font-size: 13px; padding:0 20px; outline:none;float: right;clear: both; } 
#openNew_cards .floatRght { float:right !important; }
#openNew_cards .visaCancelBtn {   display: block; text-align: right;}
#openNew_cards .confimationMessage { background: #86ffff; color: #008392; font-size:13px; padding:10px 12px; border-radius: 8px; border: 1.5px solid #19DCF3;}                                                                          
#openNew_cards .termscondition, #openNew_cards .schedulefees { font-size:13px; color:#666; text-decoration:underline;}
.navbar-inner-visa-no-cards {
    position: relative;
    right: 0.5%;
    margin-left: 2.5%;
    min-height: 400px;
    background-color: #fafafa;
	    background-image: linear-gradient(to bottom, #ffffff, #f2f2f2);
    background-repeat: repeat-x;
    border: 1px solid #d4d4d4;
	    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);
		
		}
.orderCardErr{
		width : 96% !important;
	}
	/*#my_cards .bottomTxtVisa {
    margin-top: 15px;
    padding: 10px;
    height: 31px;
    margin-right: 7px;
    margin-left: 33px;
    min-height: 25px;
    background: #efeff0;
    border: 1px solid #c8c8c8;
}*/
@media all and (min-width: 990px) and (max-width: 1000px){
	.cardSection {width:21% !important;}
}

.mycardsTile{
margin-top:12px !important;
padding: 6px 8px; width: 90.7% !important; left: 14px; background: #EAF4F6;
width: inherit !important;
box-sizing: border-box;
}

/*@media (max-width: 1070px) and (min-width:725px) {
	.mycardsTile{
	width:92.7% !important;
	left:9px;
	}
}
@media (max-width: 1240px) and (min-width: 1070px) {
	.mycardsTile{
	width:94.2% !important;
	left:3px;
	}
}
@media (max-width: 1668px) and (min-width: 1240px) {
	.mycardsTile{
	width:96% !important;
	left:-11px;
	}
}
@media (max-width: 1880px) and (min-width: 1668px) {
	.mycardsTile{
	width:92.7% !important;
	left:4px;
	}
}
@media (max-width: 1960px) and (min-width: 1880px) {
	.mycardsTile{
	width:94.1% !important;
	left:-10px;
	}
}
@media (max-width: 2900px) and (min-width: 1960px) {
	.mycardsTile{
	width:97.5% !important;
	left:-41px;
	}
}
*/

#activate_cards .topVisaDisclaimer_NoCards { height:100px; /*88px*/ padding:6px 20px; background-color:#e1fcff; border: 1.5px solid #96E4EC; border-radius: 8px;}
/*---------------CVisa & Debit Cards Ends-------------*/
/*--QC 19677 --*/
@media (max-width: 767px){
	.cardSection{
		margin-left:1% !important;
		margin-right:3%;
	}
}
	

/*---------------Balance Transfer Starts-------------*/
.activeBtnAlign{
	padding-left:0px;
}
/*#my_cards .balanceTransferBtn{
	margin-top : 9px !important;
}*/

.subHeadingMargin{
	margin-left : 1%;
}

.subHeading{
	font-size: 15px;
    margin-top: 15px;
    margin-bottom: 15px;
    color: #666;
}

.removeMarginLeft{
	margin-left:0 !important;
}

.bpayOption{
	width: 35%;
}

.bpayOptionRadio{
	padding-right: 18px;
}

.bulletList{
	list-style:initial;
	padding-bottom: 10px;
    line-height: 15px;
}

.floatRight{
	float:right !important;
}

.BTcancelBtn { 
	font-size:14px; 
	font-style:italic; 
	color:#666; 
	padding-right:10px;
	float:left; 
	margin-top:14px;
}

.infoContainer{
    margin-left: -50%;
    width: auto;
    line-height: 16px;
    font-size: 11px;
    font-weight: normal;
    background-color: rgb(0, 161, 169);
    text-align: left;
    padding: 10px;
    border-radius: 6px;
    color: rgb(0,98,109);
}

.impInfoLabel{
	color: rgb(0,98,109);
    font-weight: bold;
    text-decoration: underline;
}

.BTinfoIcon{
    width: 15px;
    height: 15px;
    line-height: 14px;
    margin-right: 5px;
    background-image: url("../../img/icon_info.png") !important;
    background-position: 0;
}

.BTInfoContainer{
	margin-right: 15px !important;
    float: right !important;
}

.pageBreak{
	margin-left: 15px;
    margin-right: 15px;
    border-color: #d4d4d4;
    border-style: solid;
}

.removeCardBtn{
	margin-bottom:10px;
}

.removePadLeft{
	padding-left:0;
}

.adjustWidth{
	width:75% !important;
}

.padLeft15{
	padding-left:15px;	
}
    
#activate_cards .cardValue, #active_cards .cardValue {
	font-size:13px;
	color:#111111;
	font-weight:unset;
	font-family: MontserratSemibold !important;
}

.CardDetails .cardValue{
	padding-top:10px;
}

.cardImgContainer{
	margin-right: 10%;
    padding-bottom: 20px;
}

li.span.widthauto {
    width: 56% !important; 
}

#balanceTransferCards .cardValue {
    padding-top: 5px;
    word-wrap: break-word;
    min-width: 40%;
}

.headerTag{
	margin-top : 2px;
}

.printOptionLi{
	float: right !important;
    margin-right: 15px;
    margin-top: 15px !important;
}

.printOptionSpan{
	margin-right: 5px;
}

.printOption{
	float: right;
	min-width: 80px;
}

.cardLayout .CardDetails {
    padding-top: 14px;
}

@media (min-width: 770px){
	.bpayOption{
		width: 31% !important;
	}
}

@media (min-width: 480px) and (max-width: 679px) {
	.bpayOption{
		width: 40% !important;
	}
}

@media (min-width:680px) and (max-width: 768px){
	.bpayOption{
		width: 35% !important;
	}
}

.navbar-innerFasterPayment {
    position: relative;
    /*right:0.5%;
    margin-left:2.5%;*/
    min-height: 40px;
    /*padding-left: 20px;
    padding-right: 20px;*/
    background-color: #FCFCFC;
    /* filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#fff2f2f2', GradientType=0);*/
    border: 1px solid #CCCCCC;
}

/*--------------------warning message faster payment-----*/
.warningHeader { color:#20b4c5; font-family:Montserrat; font-weight:bold; font-size:14px;}
.warningDescription { color:#20b4c5; font-family:Montserrat;font-size:12px;}
.warningTile {padding: 6px 8px; width: 90.7% !important; left: 14px; background: #e1fcff; border: 1px solid #96E4EC;box-sizing: border-box; line-height: 22px;}

/*---------------Balance Transfer Ends-------------*/

/* Open PayID css */
.availability-status {
	height: 15px;
	width: 15px;
	margin-left: -20px; 
	display: inline-block; 
	background-repeat: no-repeat; 
	background-size: 15px 15px;
}

.availability-success {
	background-image: url(../../img/Icon_inline-validation_success.png);
	background-repeat: no-repeat;
    background-position-x: 194px;
    background-size: contain;
}

.availability-error {
	margin-left: -40px; 
	position: absolute;
	margin-top: 16px;
    padding: 0px 16px 0px 8px;
    background-size: contain;
    height:16px !important;
    width:16px !important;
    
}

.availability-errorMsg{
	position: relative;
    top: -6px;
    color: #A32B29;
	font-family: Montserrat;
	font-size: 12px;
	font-weight: 400;
	line-height: 16px;
	text-align: left;
	text-underline-position: from-font;
	text-decoration-skip-ink: none;
    
}
.newPayment_payIDType{
	font-weight: 600;
    line-height: 24px;
    padding-bottom: 8px;
    padding-top: 0px !important;
    color: #394046;	
}
/* Manage PayID css */
/*table.managePayId{
	width: 100%;
}
table.managePayId thead{
	height: 0;
}
table.managePayId tr{
	border-bottom: 1px solid black;
}*/
table.managePayId div.bancs-comboBox{
	display: inline-block;
}
table.managePayId div.bancs-comboBox .bancs-comboBox_divs{
	margin-left: 8px;
}

.countHeader{
	width: 1%;
}
.detailsHeader{
	/*width: 95%;*/
	text-align: left;
}
.payIdDetails{
	display:none;
	margin-left: -2%;
}
.count{
	text-align: center;
	vertical-align: top;
}
.serialNumber{
	display: inline-block;
	margin: 5px;
}
.minDetails{
	/*margin: 10px 0;*/
	position: relative;
}
.minDetails p{
	display: inline-block;
  	margin-left: -2%;
  	width: 28%;
}
.minDetails span.editor{
	display: inline-block;
	height: 20px;
	width: 20px;
	background-repeat: no-repeat;
	background-image: url(../../img/Icon_edit-field.png);
	background-size: 16px 16px;
	cursor: pointer;
	background-position: left bottom;
	margin-left: 50px;
}
.payIdDetails ul{
	padding-left: 0px;
	list-style: none;
}
.payIdDetails li.details-li{
	display: inline;
	padding-left: 8px;
}
.details-editor{
	height: 25px !important;
    margin-bottom: 17px;
}
.addPayId{
	margin-left: 2.5%;
    position: relative;
    bottom: 2.5px;
}
.left25{
	padding-left: 25px;
}
.span20p{
	width: 35% !important;
}
.span73p{
	width: 62% !important;
}
#payIDType #laterpay{
	margin-right: 25px;
    float: left;
}
.disabledDivision {
    pointer-events: none;
    opacity: 0.4;
}
.enabledDivision {
    pointer-events: visible;
    }
/*chaitanya changes starts*/
.fastPay-disclaimer{
	margin-left: 2.3%;
    width: 97.6%;
    position: fixed;
    bottom: -18px;
}
.payTo{
	width: 279px;
    padding: 15px 14px;
    height: 3px;
    border-width: 1px;
    border-style: solid;
    border-color: #DDDDDD;
    border-radius: 4px;
    background-color: #e9e9e9;
    margin-bottom: 40px;
}
.payToDescription{
	position: relative;
    top: -6px;
	color: #494949;
    font-size: 12px;
}
#noPayID{
	width: 100% !important;
}
#checkAvailability{
	margin-right: 0px;
	background-size: cover;
}

.widthClassForOrderCard{
	    width: 25% !important;

	}

@media  (max-width:680px){
	 /*#openPayIDMainDiv .rearrangeRadioMargin {
		width: 34% !important;
		margin-left: 38px !important;
	}
	#openPayIDMainDiv .rearrangeRadioMargin span{
		margin-left:-3px !important;
	}*/
	/*#openPayIDMainDiv .rearrangeMargin {
		margin-left: 16px !important;
		width: 25% !important;
		    margin-top: 0px !important;
	}
	#openPayIDMainDiv .rearrangeMargin #checkAvailability{
		width: 63px;
		white-space: normal;
		line-height: normal !important;
		margin-right: 0px;
	    float: right;
	    padding-left: 15px !important;

	}
	
	
	#openPayIDMainDiv .rearrangeMargin #checkAvailability img{
			    margin-top: -22px;
		    float: right;
		    margin-right: -15px;
      }*/
}


 /*@media  (min-width:680px) and (max-width:742px){
#openPayIDMainDiv .rearrangeMargin #checkAvailability{
        width: 77px;
    white-space: normal;
    line-height: normal !important;
    padding-left: 15px !important;
  }
  #openPayIDMainDiv .rearrangeMargin {
  
    margin-top: 0px !important;
  }
  
  	#openPayIDMainDiv .rearrangeMargin #checkAvailability img{
			    margin-top: -22px;
		    float: right;
		    margin-right: -15px;
      }
  
}
*/

.openPayIDBtn{
	width: 250px;
    height: 20px;
    padding-bottom: 10px;
    padding-top: 10px;
    margin-bottom: 4%;
    margin-top: 4% !important;
    margin-left: 33.5%;
}
#from-main{
	width: 95% !important;
    font-style: italic;
}
#payIDRegistered{
	width: 100% !important;
	left: 0px;
	padding-left: 115px;
	
}
#errorPayID{
	color: red;
}
.fastWarnTile{
	margin-left: 0px;
	width: 96.05% !important;
    padding: 15px 14px;
}
.transactionLimitErrorTile{
	margin-left: 0px;
	width: 95% !important;
    padding: 15px 14px;
}
.fastMargin{
	margin-top: 2%;
}
.imgAlign{
    margin: 0px 14px 2px 0px;
    width: 15px;		
}
.infoImg{
	height: 15px;
}
.infoDescription{
	clear: left;
    line-height: 16px;
	margin-left: 29px;
	white-space: normal;
    word-break: keep-all;
}
.stopwatchImg{
	height: 25px;
}

.oskoImg{
	height: 70px;
    float: right;
    margin-right: 1%;
}
.oskoPaymentDescription{
	margin: 6px 0px 0px 0px;
	color: #555;
}

.confirmation{
	margin: 10px 0px 0px 29px;
}
#confirmBox{
	margin-top: 0.2%;
}
.row-fluid .errwidth {
    width: 100% !important;
}
.placeholderColor{
	color: #555555 !important;
}
/*.fasterPaymentSubmit{
	float: right; 
	margin-right: 4%;
	padding-top: 15px;
    padding-bottom: 10px;
}*/
form .navbar-innerFasterPayment>ul:first-child, form .navbar-innerFasterPayment>div>ul:first-child {
    padding-top: 30px;
}

form .navbar-innerFasterPayment>ul, form .navbar-innerFasterPayment>ul>li, form .navbar-innerFasterPayment>div>ul, form .navbar-innerFasterPayment>div>ul>li {
    margin-bottom: 0 !important;
    margin-top: 0;
}
.btnalign{
	padding: 15px 0px 10px;
}
/*--------- chrome version 59 print fix ---------*/
.printPage{	
	float: none !important;
	display: inline-block !important;
}
/*chaitanya changes ends*/

.dataDisclaimer {
    background: #efeff0 none repeat scroll 0 0;
    border: 1px solid #c8c8c8;
    border-radius: 8px;
    margin: 5px 0.5% 10px 4.25%;
    padding: 12px;
    width: auto;
    color:#666666;
}
.dataDisclaimer > ul {
    margin: 0;
    padding: 0;
}

#dashOverviewDisclaimer {
    margin-left: 2%;
    margin-right: 2%;
}

#summaryDisclaimer {
    margin-right: 2%;
}

:-ms-input-placeholder{
    color: #6f6f6f !important;
}

#eStat_disclaimer{
	margin-left: 2%;
}

#active_cards .cardEnabled .cardTypeDtl {
	padding-top : 0;
	font-size: 13px;
}
.pendingCardTxn {
  z-index: 0 !important;
  background-color:white !important;
  border:0px !important
}
.boxheighteSaverFlexi {
	padding-right:8px;
}
.boxheighteSaverExtra {
	padding-right:8px;
}
#productalign > li {
	margin-left: 0px !important;
}
/*#productalign > li:nth-child(even) {
	margin-left: 14px !important;
}*/
#productalign > li {
	margin-bottom: 18px !important;
}
#productalignForEveryday > li {
	margin-left: 0px !important;
}
#productalignForEveryday > li {
	margin-bottom: 18px !important;
}
.productButtonAlignment {
	bottom: 0px;
	position: absolute;
}
.loanPayoutHelpBtn{
	margin: 0px !important;
	top: 14px; 
	left: 197px;
	position: absolute;
}
.disableField{
	pointer-events: none;
    cursor: none;
	opacity: 0.6;
}
.disableTextField{
	border: none !important;
    background: none !important;
    box-shadow: none !important;
    pointer-events: none;
    color: #555555 !important;
    text-align: left !important;
}
.noteAlign{
	width: 75%;
    display: inline-block;
    font-size: 18px;
    margin-bottom: 15px;
}
.zeroAmountFormat{
	color: #555555 !important;
    padding: 2px;
    margin-bottom: 9px;
}
.amountAlign{
	margin-bottom: 0px !important;
	padding: 5px 0px 0px 0px !important;
}
#limitChangeSuccess {
    margin-bottom: 10px !important;
  	margin-left: 33px !important;
  	padding-left: 0px !important;
  	right: 0.5% !important;
  	width: 100% !important;
}
.fontStyle > label{
	font-weight: bold !important;
    color: #666 !important;
}
.stepLabel{
	color: #008094 !important;
	font-weight: bold !important;
}
.andStyle{
	position: relative;
    margin-top: -9px;
    margin-bottom: -13px;
    left: 15px;
}
#bankDetails{
	z-index: 1 !important;
}
body div#addoverseaspayee_country-main{
	width: 254px !important;
}
body div#addoverseaspayee_country-main span.bancs-comboBox_inputs{
	width: 226px !important;
} 
body div#addoverseaspayee_currency-main{
	width: 254px !important;
}
body div#addoverseaspayee_currency-main span.bancs-comboBox_inputs{
	width: 226px !important;
}
.orStyle{
	margin-top: 4.5px;
    margin-left: 26.5px;
}
.findBank{
	margin-left: 94px;
	position: relative;
    top: -7px;
}
.accDetails{
	margin-top: -14px !important;
	display: inline-block;
}
.hyphenStyle{
	position: relative;
	top: -5px;
}
.fieldErrorBorder {
	box-shadow: 0 0 0 1px #f25e16;
}

body div#addOverseasPayeeConf_countryCombo-main{
	    width: 254px !important;
}
body div#addOverseasPayeeConf_countryCombo-main span.bancs-comboBox_inputs{
	    width: 226px !important;
}
body div#addOverseasPayeeConf_purposeCombo-main{
	    width: 254px !important;
}
body div#addOverseasPayeeConf_purposeCombo-main span.bancs-comboBox_inputs{
	    width: 226px !important;
}
table[name="overseasPayeeTable"] td .flyOutMenu{
	margin-right: -31px;
}
.backBtnChange {
  background-image: url('../../img/arrow_back_white.png'), -moz-linear-gradient(#999, #999) !important;
  background-image: url('../../img/arrow_back_white.png'), linear-gradient(#999, #999) !important;
  background-image: url('../../img/arrow_back_white.png'), -o-linear-gradient(#999, #999) !important;
  background-image: url('../../img/arrow_back_white.png'), -ms-linear-gradient(#999, #999) !important;
  background-image: url('../../img/arrow_back_white.png'), -webkit-gradient(linear, left top, left bottom, from(#999), to(#999));
  background-position: 14% 45%  !important;
  background-repeat: no-repeat !important;
  padding-left: 50px;
  white-space: nowrap;
}
.wrapText{
	white-space: normal;
}
.infoHeader{
	color: #555;
	font-family: Montserrat;
    font-weight: bold;
    font-size: 14px;
}
.descriptionStyle{
	color: #555;
	width: 94%;
    margin-top: 14px;
}
.payOverseasBox{
	width: inherit !important;
    margin-bottom: 14px;
    left: 0px !important;
}
body div#payoverseas_country-main{
	width: 254px !important;
}
body div#payoverseas_country-main span.bancs-comboBox_inputs{
	width: 226px !important;
} 
body div#payoverseas_currency-main{
	width: 254px !important;
}
body div#payoverseas_currency-main span.bancs-comboBox_inputs{
	width: 226px !important;
}
.amountCodeStyle{
	display: inline-block;
	margin-top: 15px;
	margin-left: 10px;
    font-weight: bold;
    margin-right: 10px;
    vertical-align: top;
}
.convertBtn{
	display: inline-block;
	vertical-align: top;
}
.baseQuoteMargin{
	margin: 0px !important;
}
.LabelStyle{
	margin-top: 8px !important;
	margin-bottom: 8px !important;
}
body div#payOverseasStep2_fromAccount-main{
	width: 254px !important;
}
body div#payOverseasStep2_fromAccount-main span.bancs-comboBox_inputs{
	width: 226px !important;
}
body div#payOverseasStep2_payee-main{
	width: 254px !important;
}
body div#payOverseasStep2_payee-main span.bancs-comboBox_inputs{
	width: 226px !important;
}
body div#payOverseasStep2_countryOfResidence-main{
	width: 254px !important;
}
body div#payOverseasStep2_countryOfResidence-main span.bancs-comboBox_inputs{
	width: 226px !important;
}

body div#payOverseasStep2_purposeCombo-main{
	width: 254px !important;
}
body div#payOverseasStep2_purposeCombo-main span.bancs-comboBox_inputs{
	width: 226px !important;
}
#addOverseasPayee .bancs-comboBox_buttons,
#addOverseasPayeeConf .bancs-comboBox_buttons,
#payOverseas .bancs-comboBox_buttons,
#payNewOverseasPayee .bancs-comboBox_buttons,
#payOverseasStep2 .bancs-comboBox_buttons{ margin-left: -7px;
}
.hideSelect{
	border: 0px !important;
    background-color: inherit !important;
    padding-left: 2px !important;
    color: #555 !important;
    pointer-events: none;
    box-shadow: none;
}

.marginClassLeft{
	  margin-left:25px !important;
}

@media  (max-width:655px){
	/*#converAmtBtn{
    line-height: normal !important;
    width: 37px;
    font-size: 14px;
    white-space: normal;
    margin-left: 30px;
    padding-left: 0px !important;
	}*/
	.marginClassLeft{
	  margin-left:22px !important;
	}
	/*#converAmtBtn div{
	margin-top: 5px;
	}*/
}

@media (min-width:655px) and (max-width:690px){
	.marginClassLeft{
	  margin-left:22px !important;
	}
}
@media  (max-width:680px){
	 #payIDType #now {  padding-left: 15px;}
}


@media  (min-width:640px) and (max-width:710px){
  #addOverseasPayee #findBankBtn{
    width: 60px;
    padding-left: 10px !important;
	margin-left: 82px;
  }
}

@media  (max-width:640px){
  #addOverseasPayee #findBankBtn{
        float: right;
    right: 40px;
        margin-left: 320px;
            margin-top: -14px;
        
  }
}



@media  (max-width:710px){
    #addPayee #payIDType .AddPayeeMarginCls input[type="radio"]{
	    margin-top: 6px;
	}
	#addPayee #payIDType .AddPayeeMarginCls label{
	 white-space: normal;
    width: 57%;
    top: 7px;
	}
	#addPayee #payIDType input[type="radio"] {
	 margin-to:0px;
	 margin-left:-14px
	}
}

/*@media (min-width:680px) and (max-width:700px){
	#converAmtBtn{
    line-height: normal !important;
    width: 63px;
    font-size: 14px;
    white-space: normal;
    margin-left: 46px;
    padding-left: 22px !important;
    padding-right: 22px !important;
	}
	#converAmtBtn div{
	margin-top: 5px;
	}
}*/
@media (max-width:840px){
	.row-fluid .showBelow{
	    margin-left: 0px !important;
	    margin-bottom: 35px !important;
    }
    .row-fluid.showBelowAbsoluteMargin{
	    margin-top: 65px;
    }
    .row-fluid .showBelowAbsolute{
	    left: 0px !important;
    	top: 65px;
    }
	.row-fluid .responsiveWidth{
		width: 67.8% !important;
	}
	.resposniveDisplayBlock{
		display: block;
		margin-left: 0px !important;
	}
	.laterpayMargin{
		margin-top: -26px !important;
		margin-left: -2px !important;
	}
		.payTo {
		margin-top: 45px !important;
	}
}
@media  (min-width:841px){
	.row-fluid .responsiveWidth{
		width: 66% !important;
	}
}


@media  (max-width:680px){
#accountOverviewDetails .viewDetailsContainer{width: 50%;}


#accountOverviewDetails .viewDetailsLabel{
    width: 25% !important;
    margin-bottom: 10px !important;
}
#accountOverviewDetails .viewDetailsText {
    width: 66% !important;
    margin-left: 8% !important;
    margin-bottom: 10px !important;
}
}



@media (min-width:680px) and (max-width:800px){
#accountOverviewDetails .viewDetailsContainer{width: 50%;}

#accountOverviewDetails .viewDetailsLabel{
    width: 39% !important;
    margin-bottom: 10px !important;
}
#accountOverviewDetails .viewDetailsText {
    margin-left: 7% !important;
    margin-bottom: 10px !important;
}
}

.registerBtnForLogin{
	width: 198px !important;
	height:35px; 
	color: #d35d0e;
    border: 2px solid;
    border-color: #d35d0e;
    border-radius: 8px;
    background-color: inherit;
    font-size: 14px;
    font-family: Montserrat; 
}
#payOverseasStep2_purposeCombo-div{
	height: 164px;
}
.fromAcccombo-main
{
	width: 21.6% !important;
	position:absolute !important;
}

.toAcccombo-main
{
	width: 21.6% !important;
	position:absolute !important;
}

.zsytle
{
	z-index: 980 !important;
}

.zsytle1
{
	z-index: 970 !important;
}
.toAcccombo-div {
    width: 315px !important;
}

.zstyle-dropdown {
   z-index: 1000 !important;
   position: absolute !important;
}

.createNewSavinngsTopup-zstyle {
	z-index: 0 !important;
}
.alignSelect{
	overflow: visible !important;
	white-space: normal !important;
	line-height: 14px !important;
    margin-top: 8px !important;
    display: inline-block !important;
    height: inherit !important;
}
.edited_bancs-comboBox
{
	width: 100% !important;
	position:initial !important;
}

.edited_bancs-comboBoxDropDown
{
width: 299px !important;
}

.edited_bancs-comboBoxDemo
{
	width: 100% !important;
	position:initial !important;
}
.bottom-div{
	    margin-left: 15px;
    position: unset;
    margin-right: 15px;
    margin-bottom: 15px;
    line-height: 40px;
	}
.boxshodowWrong{
	box-shadow: 0 0 5px #db4747 !important;
    border-color: red !important;
    }
.errorBorderShadow{
border-color: #EA1010 !important;

}
.verticalLine {
  border-left: thin solid #2A2A2A;
}
.printMargin{
	margin-top:15px;
	margin-left:15px;
	}
.printWrapper{
	margin-left:15px;
    margin-right:15px;
    margin-top: 40px;
    z-index: -1;
}

.transactionsHeader
{
font-size:11pt;
color:#00384d !important;
font-family: Montserrat !important;
}
.printBody
{
color:#2A2A2A !important;
font-size:9pt;
font-family: Montserrat !important;
}

#transaction_fromamount:focus,
	#transaction_toamount:focus{
    border-color: #008094 !important;
	}
#transaction_fromamount:focus.errorBorder,
	#transaction_toamount:focus.errorBorder{
    border-color: #EA1010 !important;
	}
.help_or_enquiries{
	font-family: MontserratSemibold !important;
}
.printTransaction
{
color:#2A2A2A !important;
font-size:9pt;
font-family: MontserratSemibold !important;;
}
@media screen {
.printFooter
{
margin-left:15px;
margin-right:15px;
border-top:1px solid #00B1C2;
bottom:0px;
position:fixed;
height: 50px;
width: 95%;
z-index: 1;
background-color : white;
}
}

@media print{
.printFooter
{
margin-left:15px;
margin-right:15px;
border-top:1px solid #00B1C2;
bottom:10px;
position:device-fixed;
height: 50px;
width: 95%;
z-index: 1;
}
}
/*@media print{
	.printFooter{
page-break-after:avoid !important;
	}
}*/
@media (min-width:420px) and (max-width:740px){
	#viewBalanceContainer{
		margin-top: -7%;
	}
}
.payId{
	white-space: normal;
	word-break: break-all;
}
.payIdDetailsHeader{
	display: inline-block;
    width: 28%;
    margin-left: -2%;
}
/*.managePayId tbody td{
	background-color: #FFF;
}
.managePayId tbody tr:nth-child(2n+1) td{
    background-color: #eee;
}
.managePayId tbody th, .managePayId thead th {
	background-color: #ccc;
}*/
.cardContainer{
	height: 280px;
	padding: 0px 20px 20px 0px !important;
	width: 100% !important;
	-webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    border-top: 1px solid #d4d4d4;
    border-right: 1px solid #d4d4d4;
    margin-top: 30px  !important;
}
#cardDetail_0,#activeCardDetail_0{
	margin-top: 0px !important;
}
.border-cards-padding-bottom{
	padding-left: 0px !important;
    padding-bottom: 14px;
}
.web_dialog_LockCard
  {
   display: none;
   position: fixed;
   margin-left: -190px;
   margin-top: -100px;
   background:none;
   padding: 0px;
   z-index: 9999 !important; /*102*/
   }
   
      .web_dialog_LockCard div:first-child{
       background: #ffffff !important;
   }
   .triangleBlue-down {
	width: 0;
	height: 0;
	margin:auto;
	border-left: 15px solid transparent;
	border-right: 15px solid transparent;
	border-top: 15px solid #008094;
}

.switch {
  display: inline-block;
  height: 32px;
  position: absolute;
  width: 58px;
  right: 20px;
  top: 20px;
}

.switch input {
  display:none;
}

.slider {
  background-color: #00A0B9;
  bottom: 0;
  cursor: pointer;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  transition: .4s;
}

.slider:before {
  background-color: #fff;
  content: "";
  height: 28px;
  position: absolute;
  top:2px;
  left:2px;
  transition: .4s;
  width: 28px;
}

input:checked + .slider {
  background-color: #979797;
}

input:checked + .slider:before {
	-webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    -o-transform: translateX(26px);
    -moz-transform: translateX(26px);
  	transform: translateX(26px);
}

.slider.round {
  border-radius: 34px;
}

.slider.round:before {
  border-radius: 50%;
}
.cardTypeHiglihter{
	display: inline-block;
    height: 280px;
    width: 7px;
    background-color: #00A0B9;
    float: left;
    margin-top: -1px;
}
.row-fluid .spanExport.newMyCardsStyle{   
	 width: 26% !important;
    height: 238px;
    padding-right: 60px;
    border-right: 1px solid #CCCCCC;
    -webkit-box-sizing: content-box !important;
    box-sizing: content-box !important;
}
.paddingLeft{
	padding-left: 0px !important;
}
.imgContainer{
	position: relative;
	margin-top: 15px;
}
.btnOnImgStyle{
    position: absolute;
  	top: 50%;
  	left: 50%;
  	-webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
  	transform: translate(-50%, -50%);
}
/*.cardMarginStyle{
	border-left: 1px solid #d4d4d4;
	border-right: 1px solid #d4d4d4;
	width: inherit;
}*/
.cardsLayoutStyle{
	border: none;
	background-image: none;
	border-radius: 0px;
}
.paddingTopStyle{
	padding-top: 10px;
}
.cardStatusStyle{
	position: absolute;
    right: 90px;
    top: 27px;
    font-weight: unset;
    font-size: 13px;
    color:#111111;
    font-family: MontserratSemibold !important;
}
.reportBtn{
	width: 55% !important;
	color: #fff !important;
	background-image: none !important;
	background-color: #D00E0E !important;
}
.reportBtn:hover{
	background-image: none !important;
	background-color: #DF2222 !important;
}
#activate_cards .row-fluid .zoomOutStyle.btnContainer{
	width: 44% !important;
	position: absolute;
    bottom: 14px !important;
}
@media (max-width: 742px) {
  .row-fluid .span4.zoomOutStyle {
    width: 38% !important;
}
}
@media (max-width: 800px) {
	#activate_cards  .row-fluid .zoomOutStyle.btnContainer{
	    width: 43% !important;
	}
	#activate_cards  .row-fluid .zoomOutStyle.btnContainer .pinID{
	   width: 35% !important;
	}
	#activate_cards  .row-fluid .zoomOutStyle.btnContainer .reportID{
	   width: 58% !important;
	}
}
.row-fluid .span4.activeCardsDescription{
	width: 45% !important;
}
#active_cards .row-fluid .btnContainer{
	width: 47% !important;
	position: absolute;
    bottom: 14px !important;
}
@media (max-width: 742px) {
#active_cards  .row-fluid .span4.zoomOutStyle {
    width: 38% !important;
}
	.rearrangeRadioMargin{
		margin-left: 0px !important;
	}
	.rearrangeMargin{
    
	}
}
@media (max-width: 800px) {
	#active_cards  .row-fluid .zoomOutStyle.btnContainer{
	    width: 43% !important;
	}
	#active_cards  .row-fluid .zoomOutStyle.btnContainer .pinChange{
	   width: 35% !important;
	}
	#active_cards  .row-fluid .zoomOutStyle.btnContainer .reportID{
	   width: 58% !important;
	}
}
/*@media (min-width: 2796px) {
	.cardMarginStyle{
		border-top: 1px solid #d4d4d4;
	}
}
@media (min-width: 3928px) {
	.cardMarginStyle{
		border-top: 1px solid #d4d4d4;
	}
}*/
@media (max-width: 738px) {
	.liwidthStyle{
		width: 38% !important;
	}
}
.creditCardHighlighter{
	background-color: #111111 !important;
}
.credtCardTopMargin{
	margin-top: 38px !important;
}
.textStyle{
	font-size: 13px;
	font-weight: bold;
}

.cardValue .textStyle{
	font-size: 13px;
	font-weight: unset;
	color:#111111;
	font-family: MontserratSemibold !important;
}

#Card_Activation #error li {
 width:100% !important;
}
#Card_Activation #success li {
 width:100% !important;
}
.row-fluid .spanExport.widthAlign{
	width:175px !important;
}
@media (min-width: 740px) and (max-width: 758px){
	.row-fluid .spanExport.widthAlign{width:167px !important;}
}
@media (max-width: 758px){
	.cardRightDetails{width:100.8% !important;}
	#dashboard .summaryBtn input{
		width: 98%;
	}
}
a.btn{
	line-height: 45px !important;
}
.infoTileContainer{
    margin-bottom: 40px !important;
    border: none;
    /*right: 0.5%;
    margin-left: 2.5%;*/
}
.infoTileInnerContainer{
	padding: 30px 20px !important;
    background-color: #EAF4F6;
    border: none;
    background-image: none;
    box-sizing: border-box;
    position: relative;
}
.borderRadiusNone{
	border-radius: 0px;
}
.alertsSeparator{
	border-bottom: 1px solid #ccc;
    height: 1px;
    margin: 0px 15px;
}
.borderRadiusNone .alertsList:nth-child(even){
	background-color: #fcfcfc;
}
.alertInputs input{
	background-color: #fff;
}
/*@media (max-width: 790px) {
	#oneTimePassword .alert-info.ieChangeSpan11{
	min-height:110px !important;
	}
	}*/
@media (min-width: 600px) and (max-width: 680px) {
	body {
		width: 100% !important;
	}
}
#myCards #findOutMore{
	margin-bottom: 20px;
}
.verticalLeftContainer.width40{
		width: 40% !important;
}
.verticalRightContainer.width58{
		width: 58% !important;
	}
@media (max-width: 767px) {
	.visaCardMargin{
	    margin-right: 5% !important;
	}
	.verticalLeftContainer.fullVerticalWidth{
		width: 100% !important;
	}
	.verticalRightContainer.fullVerticalWidth{
		width: 100% !important;
	}
	.alignLeft{
		text-align: left !important;
	}
	/*#findOutMore{
		box-sizing: border-box;
	    width: 35%;
	    line-height: 18px !important;
	    padding-top: 4px !important;
	}*/
	.resizeMsgOption{
		width: 48%;
	}
	#messages #composeMail{
		width: 100%;
		/*line-height: 12px;*/
	}
}
@media (max-width: 670px) {
	.visaCardMargin{
	    margin-right: 2% !important;
	}
}
#applyVisaCardTile{
	padding-bottom: 40px;
	background-color: #EAF4F6;
	padding-left: 0px;
	width: 100% !important;
	margin-bottom: 40px !important;
}

.contentStyle{
	float: left;
    width: 88%;
}
.visaRightTile{
	margin-left: 0px !important;
    padding-top: 40px;
    height: 100%;
    position: relative;
    display: table;
    padding-right: 20px;
}
#accountStatement #transactionExport_display-button
,#accountStatementUpgrade #transactionExport_display-button{
	margin-left: -8px;
}
.left20per ul:first-child li, .right80per ul li:nth-child(2n+1){
	color: #008094;
    font-weight: bold;
}
.span148px{
	width: 148px;
}
/*#frequencycombo-div{
	width: inherit !important;
}*/
.benefitsSubTitle > ul{
	margin-top: 10px;	
}
.titleFont
{
	font-size: 16px;
	font-family: MontserratSemibold;
	color:#111111;
	line-height: 24px;
}



/* vault screen classes  starts*/
  #vaultAddacountpopup #vault_Accounts-main {
  width:380px;
  }
  #vaultAddacountpopup #vault_Accounts-main #account-button {
  width: 24px;
  height: 24px;
  margin-top: 0px;
  margin-left: 0px;
  
  }
#vaultAddacountpopup #vault_Accounts-main #account-input {
width: 350px !important;
}

.checkboxClass
{
visibility:hidden;
}

.checkboxAccCommon {
width: 25px;
/*margin-right: 30px !important;*/
position: relative;
top: -10px;
}


.checkboxAccCommon label {
cursor: pointer;
position: absolute;
width: 20px;
height: 20px;
top: 8px;
left: 5px;
background: #ffff;
border:1px solid #008094;
padding-top: 0px !important;
}

.checkboxAccCommon label:after {
opacity: 0;
content: '';
position: absolute;
width: 9px;
height: 3px;
background: none;
top: 5px;
left: 4px;
border: 3px solid #008094;
border-top: none;
border-right: none;
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
}
#requestEarlyReleaseAck > div > div.row-fluid.TAndCContainerClass > div > div.checkboxAccCommon.checkboxAccCommonNew > label:after{
	top: 7px;
	left: 5px;
}
#updateEarlyReleaseAck > div > div.row-fluid.TAndCContainerClass > div > div.checkboxAccCommon.checkboxAccCommonNew > label:after{
	top: 7px;
	left: 5px;
}
/**
 * Create the hover event of the tick
 */
.checkboxAccCommon label:hover::after {
opacity: 0.5;
}
/**
 * Create the checkbox state for the tick
 */
.checkboxAccCommon input[type=checkbox]:checked + label:after {
opacity: 1;
}

.checkboxAccCommon1 {
width: 25px;
/*margin-right: 30px !important;*/
position: relative;
top: -10px;
}


.checkboxAccCommon1 label {
cursor: pointer;
position: absolute;
width: 20px;
height: 20px;
top: 8px;
left: 5px;
background: #ffff;
border:1px solid #008094;
padding-top: 0px !important;
}

.checkboxAccCommon1 label:after {
opacity: 0;
content: '';
position: absolute;
width: 9px;
height: 3px;
background: none;
top: 6px;
left: 4px;
border: 1.5px solid #008094;
border-top: none;
border-right: none;
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
}

/**
 * Create the hover event of the tick
 */
.checkboxAccCommon1 label:hover::after {
opacity: 0.5;
}
/**
 * Create the checkbox state for the tick
 */
.checkboxAccCommon1 input[type=checkbox]:checked + label:after {
opacity: 1;
}

.checkboxAccCommon21 {
width: 25px;
/*margin-right: 30px !important;*/
position: relative;
top: -10px;
}


.checkboxAccCommon21 div div label {
cursor: pointer;
position: absolute;
width: 20px;
height: 20px;
top: 8px;
left: 5px;
background: #ffff;
border:1px solid #008094;
padding-top: 0px !important;
}

.checkboxAccCommon21 div div label:after {
opacity: 0;
content: '';
position: absolute;
width: 9px;
height: 3px;
background: none;
top: 6px;
left: 4px;
border: 1.5px solid #008094;
border-top: none;
border-right: none;
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
}

/**
 * Create the hover event of the tick
 */
.checkboxAccCommon21 div div label:hover::after {
opacity: 0.5;
}

.checkboxAccCommon22 {
width: 25px;
/*margin-right: 30px !important;*/
position: relative;
top: -10px;
}


.checkboxAccCommon22 div div label {
cursor: pointer;
position: absolute;
width: 20px;
height: 20px;
top: 8px;
left: 5px;
background: #ffff;
border:1px solid #008094;
padding-top: 0px !important;
}

.checkboxAccCommon22 div div label:after {
opacity: 0;
content: '';
position: absolute;
width: 9px;
height: 3px;
background: none;
top: 6px;
left: 4px;
border: 1.5px solid #008094;
border-top: none;
border-right: none;
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
}

/**
 * Create the hover event of the tick
 */
.checkboxAccCommon22 div div label:hover::after {
opacity: 0.5;
}

/**
 * Create the checkbox state for the tick
 */
 
.afterIS {
z-index: unset !important;
content: '';
position: absolute;
width: 9px;
height: 3px;
background: none;
top: 6px;
left: 4px;
border: 1.5px solid #008094;
border-top: none;
border-right: none;
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
} 

/* vault screen classes  ends*/

.mainDiv
{
    width: 712px;
    height: 160px;
    font-size: 13px;
    font-family: Montserrat !important;
}
.semiBoldFont{
	font-family: MontserratSemibold;
	color: #111111 !important;
}
/*@media (max-width: 665px){
	#dashboard .related h2{font-size: 18.5px;}
}*/
.flipImg{
 	-webkit-transform: scaleY(-1);
 	-moz-transform: scaleY(-1);
 	-o-transform: scaleY(-1);
 	-ms-transform: scaleY(-1);
  	transform: scaleY(-1);
}
form .navbar-inner > ul.accountDetailsPadding{
	padding: 0px 0px 50px 0px !important;
}
form .navbar-inner > ul.accountDetailsPadding > .dashdetailsFirstFiveo{
	margin-bottom: 10px !important;
	width: 100% !important;
}
.accountOverviewDetailsTop{
	margin-top: -18px !important;
}
#oneTimePasswordSubmit_oneTimePassword::-webkit-input-placeholder{
    font-style:normal !important;
	color:#8E8B8B !important;
	font-size:12px !important;
}
#oneTimePasswordSubmit_oneTimePassword::-moz-placeholder{
    font-style:normal !important;
	color:#8E8B8B !important;
	font-size:12px !important;
}
#oneTimePasswordSubmit_oneTimePassword:-ms-input-placeholder{
    font-style:normal !important;
	color:#8E8B8B !important;
	font-size:12px !important;
}
input[name="msgSelect"]{
	position: relative;
    top: -1.6px;
}
.viewDetailsContainer{
	width: 49.5%;
	display: inline-block;
}
   .viewDetailsLabel{
	width: 44% !important;
	color: #008094 !important;
	margin-bottom: 10px !important;
	text-transform: uppercase;
	font-family: MontserratSemibold;
}
.viewDetailsText{
	width: 52% !important;
    margin-left: 4% !important;
    margin-bottom: 10px !important;
    color: #111111 !important;
    font-family: 'Montserrat';
}
.leftViewDetails{
	float: left !important;
}
.productsHighlighter{
    border-left: 7px solid #00A0B9;
    border-top: 1px solid #00A0B9;
    border-bottom: 1px solid #00A0B9;
    margin-top: -1px;
    position: absolute;
    box-sizing: content-box;
    height: 100%;
}
form .navbar-inner>ul#loanPayout{
	margin-bottom: 20px !important;
}
.otpPasswordField input
{
	border: 2px solid #919191;
}

/*#findOutMore:hover{
	background-color: #EAF4F6 !important;
    background-image: none !important;
}*/
#transaction .row-fluid > li > label { 
font-family: Montserrat;
letter-spacing: -0.25px;
line-height: 22px;
}
.positionRight{
	position: absolute;
    right: 10px;
}
/*.centerAlignBtns{
	width: 100% !important;
    text-align: center;
    margin-left: 0px !important;
}*/
.paddingAroundBtns{
	padding-top: 10px !important;
	padding-bottom: 10px !important;
}
.span27p{
	width: 35% !important;
}
.span68p{
	width: 62% !important;
}
.addtApprovalBtnTopMargin{
	margin-top: 2px !important;
}
#loanPayoutBtn{
	position: absolute;
    right: 0px;
    white-space: normal !important;
}
@media (min-width: 2500px) {
	#loanPayoutBtn{
	    line-height: 16px !important;
	    padding-top: 8px !important;
	}
}
#accountDash tr > th:first-child, #accountDash tr > td:first-child{
	padding-left: 20px !important;
}
#products .formleftmargin ul:first-child,
#transactionAckConfirm .formleftmargin ul:first-child{
	padding-left: 0px;
}
#products .formleftmargin{
	padding-right: 0px;
}
.productsDesAlign{
	display: inline-block;
    width: 94%;
}
.tiltePadding{
	padding-left: 10px;
}
.row-fluid .row-fluid{
	padding-left: 0!important;
	padding-right: 0!important;
}
.discalimerTileContainer{
	background: #eAf4f6;
    padding: 30px 20px;
}
.rightContentStyle{
	display: table-cell;
    /*width: 100%;*/
}
.alertInfoBox{
	margin-top: 30px;
    padding-left: 30px;
    padding-right: 20px;
}
.row-fluid.alertBox .row-fluid{
	padding: 10px 20px !important;
	width: 100% !important;
	position: relative;
}	

.verticalLeftContainer{
	/*min-width: 220px;*/
    width: 48% !important;
    float: left !important;
    min-height: 28px !important;
    max-width: 370px !important;
    position: relative;
    margin-bottom: 0px !important;
}
.verticalLeftContainer input{
	margin-bottom: 0px !important;
}
.verticalRightContainer input{
	margin-bottom: 0px !important;
}
.verticalContainerPosition{
	position: relative;
}
.verticalRightContainer{
	/*min-width: 220px;*/
    margin-left: 30px !important;
    width: 48% !important;
    float: left !important;
    min-height: 28px !important;
    max-width: 370px !important;
    position: relative !important;
    margin-bottom: 0px !important;
}
#transactionAck .bancs-comboBox,#termDeposit .bancs-comboBox,#eStatement .bancs-comboBox,#sendMail .bancs-comboBox,#accountStatement .bancs-comboBox,#accountStatementUpgrade .bancs-comboBox,#multiBills .bancs-comboBox,#openSavingsAccntAck .bancs-comboBox,#editTermDeposit .bancs-comboBox,#editTermDepositMaturity .bancs-comboBox,#userProfile .bancs-comboBox{
   width: 100%;
   max-width: 370px;
}
#payToAgreementBody .bancs-comboBox{
	width: 100% !important;
}
/*#eStatement  .bancs-comboBox_buttons,#sendMail .bancs-comboBox_buttons,#accountStatement .bancs-comboBox_buttons,#multiBills .bancs-comboBox_buttons{
	outline:none;
	background-position: center center;
	width: 29px;
    right: 1px;
}*/
.viewDetailsContainer .row-fluid{
	padding-left: 0px;
    padding-right: 0px;
}
body .verticalLayoutFieldsStyle{
	box-sizing: border-box;
    /*height: 30px !important;*/
    width: 100% !important;
}
/*#eStatement .bancs-comboBox_divs{			
	width:280px !important;
	}*/


.withInAddOn{
	position: absolute;
    right: 4px;
    top: 2px;
    padding-top: 2px !important;
    margin-top: -1px;
    -webkit-transform: translateY(50%);
 	-moz-transform: translateY(50%);
 	-o-transform: translateY(50%);
 	-ms-transform: translateY(50%);
    transform: translateY(50%);
    vertical-align: middle;
}
.infoTitle{
	color: #111111;
    font-family: MontserratSemibold;
    margin-bottom: 20px;
    padding-left: 50px;
    font-size: 14px;
}
.infoText{
	display: table-cell;
	padding-left: 50px;
	line-height: 18px;
	font-family: 'Lato Regular';
}
.forgotAlertNewInfo{
	color: var(--digital-neutral-900, #394046);
	font-feature-settings: 'clig' off, 'liga' off;
	font-family: Montserrat;
	font-size: 13px;
	font-style: normal;
	font-weight: 600;
	line-height: 24px; /* 184.615% */
	margin-bottom: 8px;
	
}
.forgotAlertNewInfoSub{
	color: var(--digital-neutral-900, #394046);
	font-feature-settings: 'clig' off, 'liga' off;
	font-family: Montserrat;
	font-size: 13px;
	font-style: normal;
	font-weight: 400;
	line-height: 24px;
}
.topHeaderStyle{
	padding-top: 15px !important;
    height: 34px;
    margin-bottom: 40px !important;
}
.inboxMessageLine{
	color:#555555;
	font-size: 13px;
	line-height:21px;
	font-family: 'Lato Regular';
	}
#benefMgmtMain .table-wrapper{
	padding-left: 30px;
}
/* don't show the x for text inputs */
::-ms-clear {
    width : 0;
    height: 0;
}

/* don't show the eye for password inputs */
::-ms-reveal {
    width : 0;
    height: 0;
}
#forgottenyourWAC #error
{
	padding-left: 20px !important;
    padding-right: 10px;
    margin-top: 0px;
}
a:hover{
	text-decoration: none !important;
}
#accountDash{
	margin-bottom: 0px !important;
}

.typePadalign{
width:220px;

border:1px solid #919191;

padding-left: 0px;
margin-top: 28px !important;
}

.CardsTitleTextClass {    
	font-size:22px !important;
    color:#111111;
    font-weight:unset !important;
    font-family: MontserratBold !important;
}

.CardsInputLabel {
   color:#111111;
	font-weight:unset;
	font-family: MontserratSemibold !important;
}
.CardsInputLabelError {
   color:#D00E0E !important;
}
/*@media (max-width: 680px) {
	.typePadalign{
		    left: 55%;
	}
	.MarginChanger .row-fluid .changeSpan2 {
    width: 14.893617% !important;
	}
	 .MarginChanger [class*="span"],.MarginChanger .row-fluid [class*="span"]
	 {
	    margin-left: -1.87234%;
	 }
	}
	
	
	@media (min-width: 1900px) {
	.typePadalign{
		        left: 40%;
	}
	
	}*/
.bottomTextContainer{
	margin-top: 40px !important;
}
.bottomTextInnerContainer{
	border-top: 1px solid #ccc;
	line-height:18px;
	font-family: 'Lato Regular';
	padding-top: 40px;
}
.overrideRelatedPadding{
	padding: 0px 20px !important;
}
body .overrideFluidPadding{
	padding-left: 20px  !important;
	padding-right: 20px !important;
}
.labelColor{
	color: #008094 !important;
}
.pendingCardTxnStyle{
	margin-bottom: 0px;
	border-bottom: 2px solid #ccc;
}
.row-fluid > li > label.overrideLabelStyle{
	width: 100% !important;
	color: #555 !important;
  	font-family: Montserrat !important;
}
.bottomPadding{
	padding-bottom: 20px;
}
.formleftmargin .table-wrapper{
	padding-left: 0px;
}
.verticalContainerPosition:nth-child(odd){
	padding-top: 33px;
}
.verticalContainerfirstField{
	padding-top: 0px !important;
}
.advancedOptions{
	margin-top: 20px;
}
#myCards .row-fluid > li > label,
#ActivateMyCard .row-fluid > li > label,
#resetPinForDebitCard .row-fluid > li > label,
#resetPin .row-fluid > li > label,
#resetPinForDebitCardSuccess .row-fluid > li > label
{
  max-width: 95%;
  word-wrap: break-word !important;
  font-family: Montserrat !important;
  color: #555555;
}
.minHeight85{
	min-height: 85px !important;
}
.minHeight60{
	min-height: 60px !important;
}
.relativelyPositioned{
	position: relative;
}
.topMargin35{
	margin-top: 35px !important;
}
@media screen and (min-width:750px){
	#products .productInnerLayout.productLeftDivWidth{
padding-right:40px !important;
float: left;
    width: 50% !important;
}


.productsDesAlign {
   width: 85%;
}
	
 .MainDesignCls .seperatorClassProducts{
 border-top: 40px solid #ffffff;
 border-bottom: 50px solid #ffffff;
}

.accountTypeLink {
	border:none;
	}	
.seperatorClassProducts{
    position: absolute;
    width: 1px;
    right: 50%;
    height: 100%;
	min-height:190px;
    float: left;
    background: #cccccc;
    margin-top: -40px;
    border-top: 30px solid #ffffff;
    box-sizing: border-box;
    border-bottom: 30px solid #ffffff;
  }
  .productLayout{
	display:  inline-block !important;
  }
}
.alert-error{
	padding-left:115px !important;
	min-height:80px !important;
	 
	}

.alert {
position:relative;
min-height: 80px !important;
}
.alert:before{
	position: absolute;
   
    content: "";
     width: 95px;
    min-height: 78px;
    background-color:  #D00E0E;
    background-image: url(../../img/stroke_error.svg);
    border:1px solid #D00E0E;
    background-repeat: no-repeat;
    left: 0px !important;
    background-position: center;
    background-size: 50px;
    margin-top: -21px;
     height:100%;
	}
.alert-success:before{
position: absolute;
    box-sizing: unset;
    content: "";
     width: 95px;
    min-height: 78px ;
    background-color:  #8BCC31;
    background-image: url(../../img/stroke_tick.svg);
    background-repeat: no-repeat;
    left: 0px  !important;
    background-position: center;
    background-size: 50px;
    margin-top: -31px;
     height:100%;
     border:1px solid  #8BCC31 ;
}
.alert-success
{
padding-left: 115px !important;
padding-top: 30px !important;
min-height: 80px !important;
position:relative;
}
#setSecQuestionDash .alert-success:before{
    left: 20px;
}
 .successActionMessage{
    padding-left: 100px;
}
#oneTimePassword .alert:before{
position: absolute;

     width: 0px;
 border:none;
}

.alert.alert-success:before{
position: absolute;
    box-sizing: unset;
    content: "";
     width: 95px;
    min-height: 78px ;
    background-color:  #8BCC31;
    background-image: url(../../img/stroke_tick.svg);
    background-repeat: no-repeat;
    left: 0px  !important;
    background-position: center;
    background-size: 50px;
    margin-top: -31px;
     height:100%;
     border:1px solid  #8BCC31 ;

}
.alert-info.alert:before{
	 width: 0px;
	border: none;
	}
.alert-success {
    background-color: #ffffff !important;
    color: #555555 !important;
    border: 1px solid #cccccc !important;
    font-weight: unset !important;
    font-family: Montserrat !important;
    font-size:14px !important;
     line-height:21px !important; 
}
	.alert {
    color: #555555 !important;
    background-color: #ffffff ; 
     border: 1px solid #cccccc !important;   
    padding:20px;
    font-weight: unset !important;
    font-family: Montserrat !important;
    font-size:14px !important;  
    line-height:21px !important; 
}
.alert label.successActionMessage{

    font-weight: unset !important;
    font-family: Montserrat !important;
    font-size:14px !important; 
}

.row-fluid > li:first-child > .successActionMessage {
font-weight: unset !important;
    font-family: Montserrat !important;
    font-size:14px !important;
    padding-left: 95px !important;
        color: #555555;
}
#changePassword #error.row-fluid {
padding-left: 30px !important;
}
.bottomHeader{
	font-weight: bold;
    font-size: 14px;
}
a {
color:#008094 !important;
}
.grey_info_icon{
	position: absolute;
    right: 20px;
    top: 0px;
    height: 65px;
}
.acctTxtColm {
float: right !important;
margin-right: 40px;
}

#settingAlert .row-fluid .span5 {
 width:49% !important;
}

#success .successActionMessage{
padding-left:0px !important;
}

.alert span,
.alert div {
	color: #555555;
    font-family: Montserrat;
    font-weight: unset;
    font-size: 14px;
}
#payIDNotRegistered{
        margin-bottom: 40px;
    width: 100% !important;
    left: 0px;
    /*padding-left: 115px;*/
}
#payIDNotRegistered alert:before,
#payIDRegistered alert:before,
#payIDRegistered alert-success:before,
#payIDNotRegistered alert-success:before{
	    height: 101%;
	}
.table-wrapper table [data-role*='bancs.FlyOutMenu'] a{
	color: #555 !important;
}
.table-wrapper table [data-role*='bancs.FlyOutMenu'] a:hover{
	color: #fff !important;
}
#products .navbar{
	margin-bottom: 20px;
}
#membErr{
margin-bottom:40px;
}

#resetPinForDebitCard .alert,
#resetPinForDebitCard .alert-success,
#reset_PinNew .alert,
#reset_PinNew .alert-success,
#CardActivation .alert,
#CardActivation .alert-success{
background-color:#F1F1F1 !important;
border:none !important;
width:100% !important;
    padding-left: 70px !important;
}
#resetPinForDebitCard .alert:before,
#resetPinForDebitCard .alert-success:before,
#reset_PinNew .alert:before,
#reset_PinNew .alert-success:before,
#CardActivation .alert:before,
 #CardActivation .alert-success:before{
    width: 30px;
    top: 20px;
	border-radius: 15px;
	border: 0px !important;
    height: 30px !important;
	left: 20px !important;
	background-size: 33px;
	    margin-top: 0px;
    min-height: 30px;

}
#resetPinForDebitCard #success,
#resetPinForDebitCard #error,
#resetPinForDebitCard #pinMatchErr,
#reset_PinNew #success,
#reset_PinNew #error,
#reset_PinNew #pinMatchErr,
#CardActivation #success,
#CardActivation #error
{
    padding-left: 40px !important;
    width: 96% !important;
	    margin-top: 20px;
		padding: 0px;
}
#oneTimePassword .errMsgOtp2 .alert:before {
        width: 30px;
    top: 20px;
	border-radius: 15px;
	border: 0px !important;
    height: 30px !important;
	left: 20px !important;
	background-size: 33px;
	    margin-top: 0px;
    min-height: 30px;

}

#oneTimePassword .errMsgOtp2 .alert {
    background-color: #F1F1F1 !important;
    border: none !important;
    padding-left: 70px !important;
        box-shadow: none !important;
}
#CardActivation .CardDetails .cardValue {
padding-top: 0px;
}
#settingAlert .bancs-comboBox > a > span.bancs-comboBox_inputs {
   width: 85% !important;
}
#myCards .row-fluid > li.cardValue > label,
 #ActivateMyCard .row-fluid > li.cardValue > label,
  #resetPinForDebitCard .row-fluid > li.cardValue > label,
   #resetPin .row-fluid > li.cardValue > label,
    #resetPinForDebitCardSuccess .row-fluid > li.cardValue > label {
        color: #111111;
    font-weight: unset;
    font-family: MontserratSemibold !important;
    }
    }
#myCards .row-fluid > li > label.cardValue,
 #ActivateMyCard .row-fluid > li > label.cardValue,
  #resetPinForDebitCard .row-fluid > li > label.cardValue,
   #resetPin .row-fluid > li > label.cardValue,
    #resetPinForDebitCardSuccess .row-fluid > li > label.cardValue {
        color: #111111;
    font-weight: unset;
    font-family: MontserratSemibold !important;
    }
    
#resetPinForDebitCard .row-fluid > li:first-child > .successActionMessage,
#ActivateMyCard .row-fluid > li:first-child > .successActionMessage,
#resetPinForDebitCardSuccess .row-fluid > li:first-child > .successActionMessage
 {

    padding-left: 0px !important;
    
	
}    
 .alert-success .successActionMessage{
padding-left:0px !important;
}
.row-fluid > li:first-child.alert-success > .successActionMessage {
padding-left:0px !important;
}   
#savingsTopUpMenu .fromAcccombo-main
{
	width: 100% !important;
	position:initial !important;
}

#savingsTopUpMenu .toAcccombo-main
{
	width: 100% !important;
	position:initial !important;
}
#compliance_submit{
text-align: left;
    width: 180px;
}
.icon-calendar{
background-size: 14px !important;
}
.mailBoxLink {

}
    .row-fluid .spanExport.newMyCardsStyle {
    margin-left: 40px !important;
    }
    #active_cards .row-fluid .span4.zoomOutStyle,
    #activate_cards .row-fluid .span4.zoomOutStyle{
    margin-left: 60px !important;
    }
    
@media (max-width: 710px) {
	#active_cards  .row-fluid .zoomOutStyle.btnContainer,
	#activate_cards  .row-fluid .zoomOutStyle.btnContainer{
	    width: 67% !important;
	}

	#active_cards  .row-fluid .zoomOutStyle.btnContainer .reportID,
	#activate_cards  .row-fluid .zoomOutStyle.btnContainer .reportID{
	   width: 30% !important;
	}
	.row-fluid .spanExport.newMyCardsStyle {
    margin-left: 20px !important;
    }
    #active_cards .row-fluid .span4.zoomOutStyle,
   #activate_cards .row-fluid .span4.zoomOutStyle {
    margin-left: 20px !important;
    width: 46% !important;
    }
    #active_cards  .row-fluid .zoomOutStyle.btnContainer .pinChange,
    #activate_cards  .row-fluid .zoomOutStyle.btnContainer .pinChange{
	   width: 25% !important;
	}
	.cardContainer{
	 height: 325px;
	}
	.cardTypeHiglihter{
	height: 325px;
	}
	#active_cards .row-fluid .btnContainer.creditcardResetPin{
	width:57% !important;
	}
	#active_cards .row-fluid .btnContainer.creditcardResetPin .btn{
	width:30% !important;
	}
	#myCards .VisaCardImg {
	    margin-left: 20px !important;
	}
	#activate_cards .row-fluid .zoomOutStyle.btnContainer .pinID {
    width: 25% !important;
}
	
}

@media (min-width:710px) and (max-width:1000px){ 
	#active_cards  .row-fluid .zoomOutStyle.btnContainer,
	#activate_cards  .row-fluid .zoomOutStyle.btnContainer  {
	 width: 52% !important;
	    
	}
	#active_cards  .row-fluid .zoomOutStyle.btnContainer .pinChange,
	#activate_cards .row-fluid .zoomOutStyle.btnContainer .pinChange{
	   width: 35% !important;
	}
	#active_cards  .row-fluid .zoomOutStyle.btnContainer .reportID,
	 #activate_cards .row-fluid .zoomOutStyle.btnContainer .reportID{
	   width: 58% !important;
	}
	#active_cards .row-fluid .span4.zoomOutStyle,
	#activate_cards .row-fluid .span4.zoomOutStyle{
    width: 50% !important;
    }
    .row-fluid .spanExport.newMyCardsStyle {
    margin-left: 20px !important;
    }
    #active_cards .row-fluid .span4.zoomOutStyle,
    #activate_cards .row-fluid .span4.zoomOutStyle {
    margin-left: 20px !important;
    }
    .cardContainer{
	 height: 295px;
	}
	.cardTypeHiglihter{
	height: 295px;
	}
	#activate_cards .row-fluid .zoomOutStyle.btnContainer .pinID {
    width: 35% !important;
     }
    
}
#products .OrderCardContainerLeft{
    	width: 40% !important;
	}
@media (max-width: 600px) {
	#myCards .VisaCardImg {
    	margin-left: 8px !important;
	}
	.row-fluid .spanExport.newMyCardsStyle {
    	margin-left: 8px !important;
    	padding-right: 70px;
	}
	#active_cards .row-fluid .span4.zoomOutStyle{
    	margin-left: 8px !important;
	}
	#activate_cards .row-fluid .span4.zoomOutStyle{
    	margin-left: 8px !important;
	}
	#active_cards .row-fluid .zoomOutStyle.btnContainer{
    	width: 46% !important;
	}
	#activate_cards .row-fluid .zoomOutStyle.btnContainer{
    	width: 46% !important;
	}
	.cardContainer {
    	height: 400px;
	}
	.cardTypeHiglihter {
    	height: 400px;
	}
	#products .OrderCardContainerLeft{
    	width: 42% !important;
	}
	#products .OrderCardContainerRight{
    	width: 58% !important;
	}
}
.inlineBlock{
	display: inline-block;
}
#changePasswordPostReset #error{
padding: 0px !important;
}
#changePasswordPostReset #error .alert-error{
    width: 100% !important;
    margin-left: 0px !important;

}
#setSecQuestion .formleftmargin{
    padding-left: 20px;
    padding-right: 10px;
}
#ComplianceBody .row-fluid{
	margin-top: 0px;
	padding: 0px;
	margin-bottom: 0px;
}
#ComplianceBody [class*=pageHeader]{
	margin-top: 0px !important;
    margin-left: 0px !important;
}
#ComplianceBody .row-fluid h3{
	margin-top: 0px !important;
    margin-left: 0px !important;
}
#ComplianceBody #error{
	padding-left: 0px !important;
}
@media (max-width: 600px) {
      #checkAvailability{
	          margin-left: -30px !important;
	  }

	.rearrangeMargin{
          margin-top: 20px !important;
		  width: 100% !important; 
	}
}

@media screen and (max-width:660px) {

#activateCardDetails > li:nth-child(2){
width : 50% !important;
}

.activateCardDetailsbtns > li:nth-child(2){
padding-left:0px !important;
width : 50% !important;
}
.activateCardDetailsbtns > li:nth-child(1){
margin-right:0px !important;
}

#resetPinCardDetails > li:nth-child(2){
width : 50% !important;
}

#resetPinCardDetailsbtn > li:nth-child(2){
padding-left:0px !important;
width : 50% !important;
}
#resetPinCardDetailsbtn > li:nth-child(1){
margin-right:0px !important;
}

#groupLimitDiv {
width :80px !important;
word-break: break-word;
word-wrap: break-word;
}
}

#Card_Activation #success li,#Card_Activation #error li,#resetPinForDebitCard .alert span,#resetPinForDebitCard .alert li,#balanceTransfer .bulletList,#balanceTransfer .overrideSpan11{
font-size: 13px !important;
font-family: 'Lato Regular' !important;
}

#CardActivation .alert:before, #CardActivation .alert-success:before{
top : 30px !important;
}

.ResetWacContnr .span11 {
min-height : 28px !important;
}

/*.topTextStyle{
	font-family: 'Montserrat' !important;
	line-height: 22px !important;
}*/
.resizeMsgOption{
	position: absolute;
    right: 0px;
}
.productsBottomPadding > li{
	margin-bottom: 40px;
	margin-left: 0px !important;
}


#openSavingsAccntAck #regularpay{
margin-bottom: 8px !important;
}

#depositSalaryDiv .floatLft,#startSavingDiv .floatLft,#beRewardedDiv .floatLft{
	width: 80% !important;
}

#depositSalaryLnk,#setUpPayment,#beRewardedLnk{
	    line-height: 15px !important;
    padding-top: 10px !important;
}

.RighthistoryDiv{
       position: absolute !important;
    width: 46%;
    min-height: 280px;
    border: 1px solid #919191;
    top: 100px;
    right: 20px;
    max-width: 370px;
    padding: 20px !important;
}
.RighthistoryDiv .verticalContainerPosition{
	padding-bottom: 20px;
	}
#showDivs :hover{
color: #1C4561;
}
.verticalContainerPositionDuplicate li > label {
  font-family: MontserratSemibold !important;
  color: #111111;  
}
.verticalContainerPositionDuplicate{
position:relative;
}
.RighthistoryDiv .verticalContainerPositionDuplicate{
	padding-bottom: 20px;
	}
	
.RighthistoryDiv label{
	padding-top: 0px !important;
	}	
#savingsTopUpMenu .verticalContainerPosition:nth-child(even) > li{
	min-height:45px !important;
}

.paddingTopClass{
    padding-top: 40px;	
}
#savingsTopUpMenu #totalDivision .navbar-inner{
height: 80px;
 transition: all 0.6s ease 0s;
 overflow:hidden;
}
#savingsTopUpMenu .switch{
    position: relative;
	right: -5px;
    top: 13px;
}
#savingsTopUpMenu input:checked +  .slider:before {
	-webkit-transform: translateX(-26px);
    -ms-transform: translateX(-26px);
    -o-transform: translateX(-26px);
    -moz-transform: translateX(-26px);
  	transform: translateX(-26px);
}
#savingsTopUpMenu .slider:before {
  background-color: #fff;
  content: "";
  height: 28px;
  position: absolute;
  top:2px;
  left:28px;
  transition: .4s;
  width: 28px;
}
#savingsTopUpMenu input:checked + .slider{
    background-color: #00A0B9;
}
#savingsTopUpMenu .slider {
    background-color: #979797;
}
.activeClass.slider:before{
-webkit-transform: translateX(-26px);
    -ms-transform: translateX(-26px);
    -o-transform: translateX(-26px);
    -moz-transform: translateX(-26px);
  	transform: translateX(-26px);
}
.UnderLineClass{
text-decoration: underline;
}
.UnderLineClass:hover{
text-decoration: none;
}
.reversalClass{
	-ms-transform:  rotate(-90deg);
    -moz-transform:  rotate(-90deg);
    -o-transform:  rotate(-90deg);
transform: rotate(-90deg);
-webkit-transform: rotate(-90deg);
}
#savingsTopUpMenu .verticalContainerPosition:nth-child(odd) {
	padding-top: 40px;
}
.activeClass.slider {
    background-color: #00A0B9 !important;;
}
@media (max-width: 700px) {
}

.odometer {

  -webkit-animation-duration: 3s;
          animation-duration: 3s;
}
.FontDesignClassForAmt{
   font-family: Montserrat !important;
   color: #111111 !important;
   line-height: 37px;
  }
  .FontDesignClassForAmt li label{
   color: #111111 !important;
   line-height: 37px;
  }

.row-fluid > li.alert-error > .successActionMessage {

    padding-left: 0px !important;

}

/*#vaultAddacountpopup::before {
    opacity: 50%;
    pointer-events: none;
    background-color: #000;
    height: 100%;
    content: '';
    position: fixed;
    width: 163%;
    top: 0;
    cursor: none;
    left: 0;
    z-index: -1;
}
#vaultAddacountpopup::after {
    opacity: 50%;
    pointer-events: none;
    background-color: #000;
}*/
.no_margin{margin: 0px;}
#calender .homeCalendarPaddingLeft{
	padding-left: 2px !important;
}

@media (max-width:660px){
  #accountsSummaryDash #accountDash.table th{
  font-size:10px;
  line-height:11px;
  }
    #accountsSummaryDash #accountDash.table td{
  font-size:9px;
  line-height:14px;
  }
   #accountStatement #transactionExport #accountDash.table th
   ,#accountStatementUpgrade #transactionExport #accountDash.table th{
  font-size:10px;
  line-height:11px;
  }
    #accountStatement #transactionExport #accountDash.table td
    ,#accountStatementUpgrade #transactionExport #accountDash.table td{
  font-size:9px;
  line-height:14px;
  }
  #pendingTxn5{
   font-size:14px !important;
  }
  #accountStatement #transactionExport #accountDash tr > th:nth-child(3),
  #accountStatement #transactionExport #accountDash tr > td:nth-child(3),
  #accountStatementUpgrade #transactionExport #accountDash tr > th:nth-child(3),
  #accountStatementUpgrade #transactionExport #accountDash tr > td:nth-child(3){
  min-width:80px !important;
}
  
#accountStatement #transactionExport #accountDash tr > th:nth-child(2),
#accountStatement #transactionExport #accountDash tr > td:nth-child(2),
#accountStatementUpgrade #transactionExport #accountDash tr > th:nth-child(2),
#accountStatementUpgrade #transactionExport #accountDash tr > td:nth-child(2){
  min-width:130px !important;
}

  
#accountsSummaryDash #accountDash tr > th:first-child, #accountsSummaryDash #accountDash tr > td:first-child{
  min-width:115px !important;
}
#accountsSummaryDash #accountDash tr > th:nth-child(3), #accountsSummaryDash #accountDash tr > td:nth-child(3){
  min-width:130px !important;
}

#accountsSummaryDash #accountDash tr > th:nth-child(6), #accountsSummaryDash #accountDash tr > td:nth-child(6){
    min-width: 70px !important;
}  
  
}

 #accountsSummaryDash #accountDash tr > th:first-child, #accountsSummaryDash #accountDash tr > td:first-child{
  padding-left:10px !important;
  min-width: 79px;
  max-width:120px;
  box-sizing:border-box;
}
#accountsSummaryDash #accountDash tr > th:nth-child(2), #accountsSummaryDash #accountDash tr > td:nth-child(2){
  padding-left:0px !important;
}
#accountsSummaryDash #accountDash tr > th:nth-child(3), #accountsSummaryDash #accountDash tr > td:nth-child(3){
  padding-left:0px !important;
  min-width:155px;
  box-sizing:border-box;
}
#accountsSummaryDash #accountDash tr > th:nth-child(4), #accountsSummaryDash #accountDash tr > td:nth-child(4){
  padding-left: 0px !important;
    padding-right: 10px;
    min-width: 85px;
	box-sizing:border-box;
}
#accountsSummaryDash #accountDash tr > th:nth-child(5), #accountsSummaryDash #accountDash tr > td:nth-child(5){
  padding-left: 0px !important;
    padding-right: 10px;
    min-width: 85px;
	box-sizing:border-box;
}
#accountsSummaryDash #accountDash tr > th:nth-child(6), #accountsSummaryDash #accountDash tr > td:nth-child(6){
  padding-left: 0px !important;
    padding-right: 10px;
    min-width: 90px;
	box-sizing:border-box !important;
}
#accountsSummaryDash #accountDash.table th, #accountsSummaryDash #accountDash.table td{
height:50px;
box-sizing:border-box !important;
background-color: #fff;
border-bottom: 1px solid #ccc;
}

#accountsSummaryDash #accountDash tr > th{
border-bottom: 1px solid #00a0b9 !important;
}
#accountStatement #transactionExport #accountDash tr > th
,#accountStatementUpgrade #transactionExport #accountDash tr > th{
	border-bottom: 1px solid #00a0b9 !important;
	padding: 0px 8px 0px 0px !important;
	padding-left: 0px !important;
}
#accountStatement #transactionExport #accountDash tr > th:first-child,
#accountStatementUpgrade #transactionExport #accountDash tr > th:nth-child(2){
	padding-left: 8px !important;
}
#accountStatement #transactionExport #accountDash tr > th:nth-child(2),
#accountStatement #transactionExport #accountDash tr > td:nth-child(2),
#accountStatement #transactionExport #accountDash tr > th:nth-child(3),
#accountStatement #transactionExport #accountDash tr > td:nth-child(3),
#accountStatement #transactionExport #accountDash tr > th:nth-child(4),
#accountStatement #transactionExport #accountDash tr > td:nth-child(4){
  width: 128px;
  max-width: 128px;
  box-sizing: border-box !important;
  text-align: right;
}
#accountStatementUpgrade #transactionExport #accountDash tr > th:nth-child(3),
#accountStatementUpgrade #transactionExport #accountDash tr > td:nth-child(3),
#accountStatementUpgrade #transactionExport #accountDash tr > th:nth-child(4),
#accountStatementUpgrade #transactionExport #accountDash tr > td:nth-child(4),
#accountStatementUpgrade #transactionExport #accountDash tr > th:nth-child(5),
#accountStatementUpgrade #transactionExport #accountDash tr > td:nth-child(5){
	width: 128px;
	max-width: 128px;
	box-sizing: border-box !important;
	text-align: right;
}
#accountStatement #transactionExport #accountDash tr > th:nth-child(4),
#accountStatement #transactionExport #accountDash tr > td:nth-child(4){
  width: 144px;
  max-width: 144px;
}
#accountStatementUpgrade #transactionExport #accountDash tr > th:nth-child(5),
#accountStatementUpgrade #transactionExport #accountDash tr > td:nth-child(5){
	width: 144px;
  	max-width: 144px;
}
#accountStatement #transactionExport #accountDash.table th, #accountStatement #transactionExport #accountDash.table td,
#accountStatementUpgrade #transactionExport #accountDash.table th, #accountStatementUpgrade #transactionExport #accountDash.table td{
height:56px;
box-sizing:border-box !important;
background-color: #fff;
border-bottom: 1px solid #E3E6E8;
}
#accountStatement #transactionExport #accountDash.table td,
#accountStatementUpgrade #transactionExport #accountDash.table td{
	min-height: 56px;
	line-height: 16px !important;
	color: #505962 !important;
	padding: 0px 8px 0px 0px;
	padding-left: 0px !important;
}
#accountStatement #transactionExport #accountDash.table td:first-child{
	padding-left: 8px !important;
}
#accountStatementUpgrade #transactionExport #accountDash.table td:first-child{
	padding-left: 8px !important;
	width: 40px;
	max-width: 40px;
}
#accountStatement #transactionExport #transactionExport_display-div
,#accountStatementUpgrade #transactionExport #transactionExport_display-div{
    overflow: unset;
    width: 180px !important;
    background: #ffffff;
    border-radius: 0px;
    border: 1px solid #cccccc;
    border-top: 1px solid #cccccc !important;
	height:auto;
	top:15px;
	left:auto;
}
#accountStatement #transactionExport #transactionExport_display-main
,#accountStatementUpgrade #transactionExport #transactionExport_display-main{
    width: 0px;
    border: 0px;
    float: right;
    height:20px;
}
#accountStatement #transactionExport #transactionExport_display-button
,#accountStatementUpgrade #transactionExport #transactionExport_display-button{
display:none;
}
#accountStatement #transactionExport #transactionExport_display-box
,#accountStatementUpgrade #transactionExport #transactionExport_display-box{
display:none;
}
#accountStatement #transactionExport .bancs-comboBox_lielements:hover
,#accountStatementUpgrade #transactionExport .bancs-comboBox_lielements:hover{
background-color:#1C4561 !important;
color:#ffffff;
}
#accountStatement #transactionExport .bancs-comboBox_active
,#accountStatementUpgrade #transactionExport .bancs-comboBox_active{
background:none;

}
#accountStatement_SelectTrigger a{
text-decoration:underline;
}

#accountStatement_print,#accountStatement_actions a{
text-decoration:underline;
}
#accountStatement_SelectTrigger a:hover{
text-decoration:none;
}

#accountStatement_print,#accountStatement_actions a:hover{
text-decoration:none;
}

.icon14px{
	height: 14px;
    width: 14px;
}


#balanceTransfer #cardIndex{
	margin-left: 20px;
}
		
		
@media screen and (max-width:610px) and (min-width:500px){
.tickPositionCls {
    margin-right: 9px;
}
#setUpPayment{
	padding-top:0px !important;
}			
}


#billPayMain .alterBtnAlignmnt{
    line-height: 20px !important;
}


#transferFunds #endDate .withInAddOn{
	margin-top: -10px;
}


#benefMgmtMain .anchor,#billPayMain .anchor{
	padding-right : 3px !important;
}



.btn.activeBtnClass.btnSwitch {
    background-color: #21567B !important;
    background: #21567B !important;
    color: white !important;
    border: none !important;
}
.btn.activeBtnClass.btnSwitch:hover {
    background-color: #21567B !important;
    background: #21567B !important;
}
.OpenAccInfo{
		margin-top:20px;
		margin-bottom: 0px !important;
}
.OpenAccInfo .infoTileInnerContainer{
		background-color: #F1F1F1 !important;
}
.verticalLayoutFieldsStyle.AccAmtFieldClass{
    width: 50% !important;
    text-align: left !important;
}
.TopPaddingClass{
padding-top:33px;
}
#NotificationInfo {
height:166px;
margin-top:-116px !important;
}
#TFNInfo{
	height: 230px;
	margin-top:-226px !important;
	}
.TAndCContainerClass{		
	 margin-top: 40px;
    background-color: #EAF4F6;
    border-top: 3px solid #00A0B9;
    padding: 40px 40px 20px 40px;
	}
#openTermDepositAcntAck #error li{
 width:100% !important;
}
#transaction_dolarSign{
	position: absolute;
    display: inline-block;
    top: 2px;
    left: 10px;
    }

    #transactionAckConfirm .productInnerLayout {
    padding-left: 47px !important;
    padding-right: 20px !important;
}

#transactionAckConfirm .productRighttDiv {
    margin-top: 40px !important;
    width: 100% !important;
    padding-left: 47px !important;
    padding-right: 20px !important;
    padding-bottom: 40px;
    box-sizing: border-box;
}
@media screen and (min-width: 750px){
#transactionAckConfirm .productInnerLayout.productLeftDivWidth {
    padding-right: 40px !important;
    float: left;
    width: 50% !important;
}
#transactionAckConfirm .productRighttDiv {
    margin-top: 40px !important;
    width: 50% !important;
    padding-left: 47px !important;
    padding-right: 20px !important;
    padding-bottom: 40px;
    box-sizing: border-box;
	float:left
}
}
#transactionAckConfirm .seperatorClassProducts {
    right: 0px;
    top: 40px;
}
.vertLeftDiv{
	width: 32%;
    float: left;
	margin-right: 2%;
	}
	.vertRightDiv{
	float: left;
    width: 32%;
    margin-left: 2%;
	}
	.vertMiddleDiv{
	float: left;
    width: 32%;
	}
	
.circlevaultImgClassForSavingsAcc{		
	margin: 0 auto;
    background-image: url(../../img/symbol_vault.svg);
    background-repeat: no-repeat !important;
    background-position: center;
    border-radius: 45px;
    background-size: 45px;
    background-color: #1C4561 ;
    width: 90px;
    height: 90px;
    border: 1px solid #1C4561;
	}
	.circleSavingsTopUpImgClassForSavingsAcc{		
	margin: 0 auto;
    background-image: url(../../img/SAVINGS-TOP-UP_White.png);
    background-repeat: no-repeat !important;
    background-position: center;
    border-radius: 45px;
    background-size: 45px;
    background-color: #00A0B9;
    width: 90px;
    height: 90px;
    border: 1px solid #00A0B9;
	}
	
	.SavingAccAckBtmDiv{
	padding-top: 0px !important;
	min-height: 280px;
	border: 1px solid #CCCCCC;
	width: 46% !important;
	}
	
	.DivBoldTextClass{
	margin-top: 20px;
    text-align: center;
    font-size: 18px;
    font-family: MontserratBold;
    font-weight: bold;
    color: #111111;
    word-break: break-all;
    padding: 0px 15px;
	}
	
	.DivNormalTextClass{
	margin-top: 20px;
	text-align: center;
    font-size: 16px;
    font-family: Montserrat;
    color: #555555;
    min-height: 40px;
	}
	
	#OpenTermDepositAck .TAndCContainerClass{
	    font-family: Lato Regular;
	}
	.TAndCContainerClass{
	    font-family: Lato Regular ! important;
	    font-size:13px;
	}
	
.CalenderIconForBorderClass{
	padding-right: 10px;
    border-left: 1px solid #c0c0c0;
    
	}	

.showExport{
	display: block !important;
}
.displayArrow{
	-webkit-transform: scaleY(-1);
 	-moz-transform: scaleY(-1);
 	-o-transform: scaleY(-1);
 	-ms-transform: scaleY(-1);
  	transform: scaleY(-1);
}

.btnSwitch.borderClassDepositOpening{
    border-color: #919191 !important;
	color: #555555 !important;
}
.widthFordepositAccOpeningBtn{
width:170px !important;
}
#transactionAckConfirm .downloadLink {
  color: #008094;
  font-size:13px;
   font-family: Lato;
}
#transactionAckConfirm .accountTypeLink .downloadLink {
  	font-size:13px;
  	color: #237FA4 !important;
  	font-family: Montserrat !important;
  	line-height:24px !important;
}
#transactionAckConfirm .downloadLink:first-child {
    padding-right: 12px;
}
#accountsSummaryDash .flyOutMenu > li > ul{
width: 200px;
left: -75px;
padding-bottom:10px;
background:#F6F6F6;
border-radius: 8px;
top:-5px;
box-shadow: 1px 1px 2px 0px rgba(0,0,0,.25)!important;
box-sizing: border-box;
    font-size: 13px;
}
#accountStatement .flyOutMenu > li > ul
,#accountStatementUpgrade .flyOutMenu > li > ul{
	width: 200px;
	left: -5px;
	padding: 10px 10px;
	padding-right: 0px;
	background:#FFFFFF;
	box-shadow: 1px 1px 2px 0px rgba(0,0,0,.25)!important;
	padding-left: 0px;
	box-sizing: border-box;
	}
#accountStatement .flyOutMenu > li > ul > li
,#accountStatementUpgrade .flyOutMenu > li > ul > li {
	margin-left: 0px;
	padding-right: 10px;
}
#accountsSummaryDash .flyOutMenu > li > ul > li > a{
height:30px;
line-height: 29px;
letter-spacing: -0.25px;
}
#accountStatement .flyOutMenu > li > ul > li > a
,#accountStatementUpgrade .flyOutMenu > li > ul > li > a {
	color: #555555 !important;
	margin-left: 10px;
	font-size: 13px !important;
	height:30px;
	letter-spacing: -0px;
}

#accountStatement .actionsMenu > li > ul > li > a
,#accountStatementUpgrade .actionsMenu > li > ul > li > a {
	line-height: 30px !important;
}
#accountStatement .flyOutMenu > li > ul > li > a
,#accountStatementUpgrade .flyOutMenu > li > ul > li > a {
	line-height: 16px;
}
#accountStatement .flyOutMenu [data-role*='bancs.FlyOutMenu'] li:hover
,#accountStatementUpgrade .flyOutMenu [data-role*='bancs.FlyOutMenu'] li:hover
{
	font-family: MontserratSemibold !important;
	background: #1C4561 !important;
}
#accountStatement .flyOutMenu [data-role*='bancs.FlyOutMenu'] a:hover
,#accountStatementUpgrade .flyOutMenu [data-role*='bancs.FlyOutMenu'] a:hover
{
	color: #FFFFFF !important;
	width: 200px;
}
#accountStatement .exportMenu > li > ul
,#accountStatementUpgrade .exportMenu > li > ul{
	width: 170px;
	padding: 0px;
}
#accountStatement .exportMenu > li > ul > li
,#accountStatementUpgrade .exportMenu > li > ul > li{
	padding: 10px 10px;
	height:35px;
	line-height: 25px;
	box-sizing: border-box;
}
#accountStatement .exportMenu > li > ul > li > a
,#accountStatementUpgrade .exportMenu > li > ul > li > a {
	color: #555555 !important;
	margin-left: 10px;
	font-size: 13px !important;
	letter-spacing: -0px;
}
#accountsSummaryDash .flyOutMenu > li > ul > li {
height:30px;
white-space: nowrap;
padding-right: 10px;
}
#accountsSummaryDash .flyOutMenu > li > ul > li {
height:30px;
}

#accountsSummaryDash .table-wrapper table [data-role*='bancs.FlyOutMenu'] a{
    color: #555555 !important;
}

#accountsSummaryDash .table-wrapper table [data-role*='bancs.FlyOutMenu'] a:hover{
	color: #ffffff !important;
}

#accountsSummaryDash .flyOutMenu > li > ul > li:hover {
    color: #ffffff !important;
}
#accountsSummaryDash .flyOutMenu > li > ul > li:first-child{
	background: #F6F6F6 !important;
    color:#555555 !important;
    border-radius:8px !important;
}
#accountsSummaryDash .flyOutMenu > li > ul > li:first-child:hover{
	background: #F6F6F6 !important;
    color:#555555 !important;
    border-radius:8px !important;
}

.ActItemblankCls{

}
.actionMenuIdentifier {
	width:30px;
}

.ImgDisplayClass{
width:40px;
height:30px;
}
.SeparatorClass{
height:10px;
width:100%;
border-bottom:1px solid #cccccc;
}
#accountsSummaryDash #accountDash tr > th:nth-child(6){
      text-align: right;
      padding-right:20px;
}
#accountsSummaryDash #accountDash tr > td:nth-child(6) >ul >li{
float:right;
}
#accountsSummaryDash #accountDash tr > td:nth-child(6) >ul {
float:right;
}
#accountsSummaryDash #accountDash .flyOutMenu > li {
position: static;
}
#accountsSummaryDash .anchor{
padding-right: 10px;
}
#accountsSummaryDash .flyOutMenu > li > ul > li > a{
padding-left: 10px;
margin-left: 0px;
}
.floatRightContainer{
	float: right !important;
    margin-left: 0px !important;
}
#newPayment_to-div, #payeedropdownlist-div{
	max-width: 100%;
}
#logoutTST, #forgottenyourWAC{
	padding-right: 20px;
}
/* .table-wrapper #accountDash a.displayMore{
	color: #008094 !important;
    text-decoration: underline;
    cursor: pointer;
} */
/* .table-wrapper #accountDash a.displayMore .transactionDescription{
    color: #008094 !important;
} */
.moreDetailsAccordion{
	background-color: #f9f9f9 !important;
    padding: 0 !important;
    position: relative;
}
.moreDetailsContainer{
	padding: 30px 60px;
    box-sizing: border-box;
    color: #394046 !important;
}
.moreDetailsHeaderContainer{
	display: table-row;
	height: 30px;
    line-height: 30px;
}
.moreDetailsHeader{
	display: table-cell;
    padding-right: 30px;
    letter-spacing: -0.25px;
	line-height: 22px;
}
.moreDetailsDetailsContainer{
	display: table-row;
	height: 15px;
    line-height: 15px;
}
.moreDetailsBodyContainer{
	padding-top: 30px;
    display: inline-block;
    width: 100%;
}
.moreDetailsTable{
	/* table-layout: fixed; */
	width: 50%;
    float: left;
    box-sizing: border-box;
    display: table;
}
.moreDetailsCell{
	display: table-cell;
    padding-top: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #ccc;
    letter-spacing: -0.25px;
	line-height: 22px;
}
.msbfontfamily{
	font-family: MontserratSemibold !important;
}
.moreDetailsClose{
	right: 0px;
    position: absolute;
    height: 50px;
    width: 60px;
}
.moreDetailsCloseBtn{
	cursor: pointer;
}
.moreDetailsTable > div:last-child > div{
	border-bottom: none;
}
.nppMoreDetailsDiv{
	display: none;
}
.transactionDescription
{
	line-height: 24px;
    font-size: 13px !important;
font-family: MontserratSemibold !important;
color: #394046;
}
.ApplyAndSwitchMenuContainer{
    width: 100%;
    height: 128px;
	box-sizing: border-box;
	padding-left: 0px;
	font-family: MontserratSemibold !important;
	font-size: 16px;
	background: #f4f9fa;
	margin: 0px;
	background:#ffffff;
	margin-bottom: 50px;
}
.ApplyAndSwitchMenuSelectedDiv{
    background: #f4f9fa !important;
}
.ApplyAndSwitchMenuDiv{
     width:14.28%;
	 height: 100%;
     float: left;
     text-align:center;
     background: #ffffff;
     padding: 10px;
     box-sizing: border-box;
     color: #111111;
     letter-spacing: -0.48px;
      cursor: pointer;
}
.ImgApplyAndSwitchCls{
margin-top: 15px;
margin-bottom: 10px;
width: 38px;
}
#InsuranceTwoProducts .ImgApplyAndSwitchCls{
	height: 33.25px;
	}
#HealthInsuranceProducts div,#InsuranceTwoProducts div{
	padding: 5px;
	}
.MainDesignCls .formleftmargin {
    padding-left: 25px;
    padding-right: 25px !important;
}
.row-fluid.productInnerLayOutOneClass.healthInsuranceOneClass{
	padding:0px !important;
	background-image: url(../../img/CUA-health-insurance.jpg) !important;
	height: 100%;
	background-size: 100% 100%;
}
.row-fluid.productInnerLayOutOneClass{
	width:30% !important;
	float:left;
	padding-left:40px !important;
	padding-right: 40px !important;
	    padding-bottom: 50px !important;
	}
.row-fluid.productInnerLayOutTwoClass{
	width:35% !important;
	float:left;
	padding-left:40px !important;
	padding-right: 40px !important;
	padding-top: 40px !important;
	padding-bottom: 50px !important;
}
.row-fluid.productInnerLayOutThreeClass{
	width:35% !important;
	float:left;
	padding-left:40px !important;
	padding-right: 40px !important;
		padding-top: 40px !important;
	padding-bottom: 50px !important;
}
.productInnerLayOutTwoClass .seperatorClassProducts{
	right:35%;
	}
	.productInnerLayOutThreeClass .seperatorClassProducts{
	right:70%;
	}
.ImgClsForAD{
    float: right;
    margin-right: 11px;
    margin-top: 15px;
    width:30px;
}
.ViewRatesLiCls{
margin-top: 20px !important;
}

.ViewRatesLiCls .viewRateLink{
border-left:0px;
padding-left:26px;
font-family: MontserratSemibold  !important;
}
.ApplyAndSwitchInfoContainer{
    width: 100%;
    box-sizing: border-box;
	 border-top: 5px solid #00A0B9;
	 padding-left: 0px !important;
    padding-right: 0px;
	}
.InformationArrowImg{
	position: absolute;
    right: 0px;
    top: 38px;
    width: 15px;
	margin-top: 0px; 
    margin-right: 0px;
        cursor: pointer;
}
.InfoDivOneCls{
    margin-top: 30px;
    height: 40px;
	 margin-bottom: 30px;
	 font-size: 18px;
	 letter-spacing: -0.54px;
     line-height: 36px;
     color:#111111;
}
.InfoAlertImg{
	    float: left;
    width: 24px;
    margin-right: 10px;
    margin-top:8px;
}	
.MainDesignCls .ProductMarginCls{
margin-top:0px !important;
margin-bottom:30px !important;
}
.MainDesignCls #productalign > li {
	margin-top:0px !important;
margin-bottom:30px !important;
min-height:275px !important;
}
.MainDesignCls #productalignForEveryday  > li {
	margin-top:0px !important;
margin-bottom:30px !important;
min-height:275px !important;
}
.MainDesignCls #productalign{
	margin-bottom:0px !important;
	}
.MainDesignCls .accountTypeHeader{
letter-spacing: -0.5px;
line-height: 26px;
}

.MainDesignCls .benefitsSubTitle{
letter-spacing: -0.4px;
line-height: 22px;
}
.MainDesignCls .benefitsSubTitle li{
letter-spacing: 0px;
line-height: 22px;
}
.InfoDivTwoCls{
letter-spacing: 0px;
line-height: 21px;
font-family: 'Lato Regular';
font-size: 14px;
display:none;
}
.MainDesignCls .formleftmargin {
margin-bottom: 0px;
}
.prodTileContainer{
    margin-bottom: 90px;
}
 .productInnerLayOutThreeClass .btn{
max-width: 315px;
    margin-right: 0px;
    width: 100%;
    display:block !important;
}
.MainDesignCls h2.submenuColor{
letter-spacing: -0.5px;
color: #111111;
padding-left: 20px;
font-weight: unset !important;
font-size: 20px !important;
     margin: 0px !important;
}
.LowCostCreditCardColoredDiv{
    border-left: 7px solid #1c4561;
    border-top: 1px solid #1c4561;
    border-bottom: 1px solid #1c4561;
}
.PlatinumCreditCardColoredDiv{
    border-left: 7px solid #111111;
    border-top: 1px solid #111111;
    border-bottom: 1px solid #111111;
}
.YellowBorderDiv{
    border-left: 7px solid #ffa80d;
    border-top: 1px solid #ffa80d;
    border-bottom: 1px solid #ffa80d;
}
.textStyle1{
	letter-spacing: -0px;
	line-height: 22px;
}
.noleftborder
{
border-left: none !important;
padding-left: 0px !important;
}
.accountTypeDescptn
{
    width: 180px;
    height: 45px;
    font-size: 16px;
    font-family: Montserrat !important;
    font-weight: normal;
    letter-spacing: -0.4px;
    line-height: 22px;
    padding-bottom: 40px;

}
.btn.ApplyAndSwitchBackGroundImg{
 background-image: url(../../img/viewratesicon.png) !important;
 background-repeat: no-repeat;
 background-size: 14px 14px !important;
 background-position: right 20px center !important;
 }
 .btn.ApplyAndSwitchBackGroundImg:hover{
 background-image: url(../../img/viewratesicon.png) !important;
 background-repeat: no-repeat;
 background-size: 14px;
 background-position: right 20px center !important;
 }
 .btn.ApplyAndSwitchBackGroundImg1{
 background-image: url(../../img/viewratesicon.png) !important;
 background-repeat: no-repeat;
 background-size: 14px 14px !important;
 background-position: right 27px center !important;
 }
 .viewIcon{
 background-image: url(../../img/viewratesicon.png) !important;
 background-repeat: no-repeat;
 background-size: 14px 14px !important;
 background-position: right 27px center !important;
 }
  .viewIcon:hover{
 text-decoration:none!important;
 }
 .btn.ApplyAndSwitchBackGroundImg1:hover{
 background-image: url(../../img/viewratesicon.png) !important;
 background-repeat: no-repeat;
 background-size: 14px;
 background-position: right 27px center !important;
 text-decoration:none!important;
 }
 .ApplyAndSwitchBackGroundImgEnquiryNow{
 background-image: url(../../img/icon-link-out.svg) !important;
 background-repeat: no-repeat;
 background-size: 16px 16px !important;
 background-position: right 20px center !important;
 }
 .ApplyAndSwitchBackGroundImgEnquiryNow:hover{
 background-image: url(../../img/icon-link-out.svg) !important;
 background-repeat: no-repeat;
 background-size: 16px;
 background-position: right 20px center !important;
 }
 .rotateClassForInfoArrow{
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-o-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);
}
.MainDesignCls .downloadLink {
color: #1c4561 !important;
letter-spacing: -0.4px;
line-height: 22px;
}
.MainDesignCls .btn{
text-align: left;
letter-spacing: -0.25px;
}
.TandCTextCls{
padding-top:5px;
line-height: 18px !important;
font-size: 12px !important;
}
.displayFlexInner{
	display: flex;
	height: 100%;
}
.flex-vertical-center{
	align-self: center;	
}
.overrideExtraEdgeColor{
	position: absolute;
    background-color: #fff;
    right: -20px;
    width: 10px;
    height: 100%;
    z-index: 1 !important;
    -webkit-transform: skewX(-6deg);
    -moz-transform: skewX(-6deg);
    -o-transform: skewX(-6deg);
    -ms-transform: skewX(-6deg);
    transform: skewX(-6deg);
}
.insuranceTitleStyle{
	color: #111;
    font-family: MontserratSemiBold;
    font-size: 24px;
    font-weight: 600;
    letter-spacing: -0.72px;
    line-height: 30px;
}
.HealthInsuranceMsgStyle{
	font-family: Montserrat !important;
    font-size: 18px !important;
    font-weight: normal;
    letter-spacing: -0.54px !important;
    margin-top: 10px;
}
.underLineCls{
text-decoration: underline;
}
.fiftyMarginCls{
    margin-top: 0px;
    margin-bottom: 50px;
}
#productalignForEveryday{
padding-bottom:10px;
}
#productalign{
padding-bottom:10px;
}
.absolutePositionCls{
    margin-bottom: 0px;
    position: absolute;
    bottom: 0px;
    left: 0;
}
.insideBtnDiv{
    padding: 0px;
    position: relative;
    height: 100%;
}
.flex-vertical-center .thirdBtn{
    margin-top: 12px !important;
}
.insideBtnDiv .flex-vertical-center{
    padding-bottom: 0px;
}
.flex-vertical-center .btn{  
  display: inline-block;
}
.btnMarginCls{
margin-top:12px !important;
}
.seperatorClassProducts .MainDesignCls{
 border-top: 40px solid #ffffff;
 border-bottom: 50px solid #ffffff;
}
#ApplyAndSwitchCreditCards .ViewRatesLiCls .viewRateLink{
padding-left: 0px;
}
 .accountTypeBtn.flex-vertical-center{
     padding-bottom: 0px;
     width: 100%;
 }
 .downloadLink.viewRatesLinkFontCls{
font-family: MontserratSemibold  !important;
}
.InfoDivTwoCls .headingCls{
font-family: Lato SemiBold;
}
.MainDesignCls .productInnerLayOutTwoClass .tickPositionCls{
    margin-top: 8px;
	width: 12px;
}

.sr-only {
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
  height: 1px;
  overflow: hidden;
  position: absolute;
  white-space: nowrap;
  width: 1px;
}
.MainDesignCls .seperatorClassProducts{
width:2px;
}
.angledImageLeft{
	position: absolute;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    border-right: 34px solid transparent;
    border-bottom: 136px solid #00A0B9;
    z-index: 1000;
    content: "";
    right: -15px;
    bottom: -1px;
    background-color: #fff;
    -webkit-transform: skewX(-6deg);
    -moz-transform: skewX(-6deg);
    -o-transform: skewX(-6deg);
    -ms-transform: skewX(-6deg);
    transform: skewX(-6deg);
}
#accountsSummaryDash #accountDash tr > th:nth-child(2){
	clip: rect(0 0 0 0);
    clip-path: inset(50%);
    height: 1px;
    overflow: hidden;
    position: absolute;
    white-space: nowrap;
    width: 1px;
}
#accountsSummaryDash #accountDash tr:nth-child(1) > td:nth-child(2){
	position: relative;
}
#accountsSummaryDash #accountDash tr:nth-child(1) > td:nth-child(2)::before{
	content: "";
  	display: block;
	border-top: 1px solid #00a0b9;
    position: absolute;
    top: -1px;
    width: 100%;
}
#accountsSummaryDash .flyOutMenu > li{
padding-bottom:0px;
}
.moreDetailsCloseBtn{
 cursor: pointer;
 }
#forgottenWAC .headermargin{
	padding: 0px;
    margin: 0px;
}
#forgottenWAC .headermargin .resetWacHeader{
    padding: 0px;
    margin: 0px !important;
    margin-top:10px !important;
	top:0px !important;
}
#forgottenWAC .infoTileContainer {
margin-top:0px !important;
}
.headerDesignCls{
    margin-top: 0px;
}
#changePassword .headerDesignCls .headermargin{
margin-top: 0px !important;
}
#changePassword .headerDesignCls .headermargin .resetWacHeader{
bottom: 0px !important;
}
#changePassword .headerDesignCls{
margin-bottom: 40px !important;
}
#changePasswordPostRest .helpContainer,#changePasswordPostResetAck .helpContainer{
height:100px;
}
#termsConditions .headerH3Class{
    margin-top: 10px;
}
#termsConditions .changeWacHeaderTitle,#changePasswordPostRest .changeWacHeaderTitle,#changePasswordPostResetAck .changeWacHeaderTitle{
    margin-top: 10px;
}
.setQHeaderCls{
	margin-left: 0px;
}
#changePasswordPostRest #head1,#changePasswordPostResetAck #head1{
margin-bottom: 30px !important;
}
.btn.loginBtnCls {
background-color:#99D9D5 !important;
height: 56px !important;
border-radius: 8px !important;
color: #00384d !important;
font-family: TTNormsSemiBold !important;
 background-image: url('../../img/icon_arrow.svg'), -moz-linear-gradient(#99D9D5, #99D9D5) !important;
  background-image: url('../../img/icon_arrow.svg'), linear-gradient(#99D9D5, #99D9D5) !important;
  background-image: url('../../img/icon_arrow.svg'), -o-linear-gradient(#99D9D5, #99D9D5) !important;
  background-image: url('../../img/icon_arrow.svg'), -ms-linear-gradient(#99D9D5, #99D9D5) !important;
  background-image: url('../../img/icon_arrow.svg'), -webkit-gradient(linear, left top, left bottom, from(#99D9D5), to(#99D9D5));

width:179px !important;
margin-right: 24px;
border-radius: 8px !important;
}
.btn.loginBtnCls:hover{
background-color:#62BCB6 !important;
background-image: url('../../img/icon_arrow.svg'), -moz-linear-gradient(#62BCB6, #62BCB6) !important;
  background-image: url('../../img/icon_arrow.svg'), linear-gradient(#62BCB6, #62BCB6) !important;
  background-image: url('../../img/icon_arrow.svg'), -o-linear-gradient(#62BCB6, #62BCB6) !important;
  background-image: url('../../img/icon_arrow.svg'), -ms-linear-gradient(#62BCB6, #62BCB6) !important;
  background-image: url('../../img/icon_arrow.svg'), -webkit-gradient(linear, left top, left bottom, from(#62BCB6), to(#62BCB6));

}
.btn.loginBtnCls:focus {
     box-shadow: 0px 0px 0px 3px #A3DEF5;
}
.btn.rightArrowDetails {
	color: #00384d !important;
 	background-image: url('../../img/icon_arrow.svg'), -moz-linear-gradient(#99D9D5, #99D9D5) !important;
  	background-image: url('../../img/icon_arrow.svg'), linear-gradient(#99D9D5, #99D9D5) !important;
  	background-image: url('../../img/icon_arrow.svg'), -o-linear-gradient(#99D9D5, #99D9D5) !important;
  	background-image: url('../../img/icon_arrow.svg'), -ms-linear-gradient(#99D9D5, #99D9D5) !important;
  	background-image: url('../../img/icon_arrow.svg'), -webkit-gradient(linear, left top, left bottom, from(#99D9D5), to(#99D9D5));
}
.btn.rightArrowDetails:hover{
	background-color: #79C8C3 !important;
	background-image: url('../../img/icon_arrow.svg'), -moz-linear-gradient(#79C8C3, #79C8C3) !important;
  	background-image: url('../../img/icon_arrow.svg'), linear-gradient(#79C8C3, #79C8C3) !important;
  	background-image: url('../../img/icon_arrow.svg'), -o-linear-gradient(#79C8C3, #79C8C3) !important;
  	background-image: url('../../img/icon_arrow.svg'), -ms-linear-gradient(#79C8C3, #79C8C3) !important;
  	background-image: url('../../img/icon_arrow.svg'), -webkit-gradient(linear, left top, left bottom, from(#79C8C3), to(#79C8C3));
}
.btn.rightArrowDetails:active{
	background-color: #5BB3AE !important;
	background-image: url('../../img/icon_arrow.svg'), -moz-linear-gradient(#5BB3AE, #5BB3AE) !important;
  	background-image: url('../../img/icon_arrow.svg'), linear-gradient(#5BB3AE, #5BB3AE) !important;
  	background-image: url('../../img/icon_arrow.svg'), -o-linear-gradient(#5BB3AE, #5BB3AE) !important;
  	background-image: url('../../img/icon_arrow.svg'), -ms-linear-gradient(#5BB3AE, #5BB3AE) !important;
  	background-image: url('../../img/icon_arrow.svg'), -webkit-gradient(linear, left top, left bottom, from(#5BB3AE), to(#5BB3AE));
}
#ComplianceAck_Edit.btn{
padding-right: 50px !important;
}


@media print{
.DesignClassForPrint{
 
 font-family: Lato Regular !important;
}
li.DesignClassForPrint label{

 font-family: Lato Regular !important;
}
.row-fluid > li:first-child.DesignClassForPrint > label{
 font-family: Lato Regular !important;
  
}
}

@media print{

.payOverSeasPrintDesignCls .row-fluid > li:first-child > label{
    font-family: Lato Regular ! important;
    
}
.payOverSeasPrintDesignCls .row-fluid > li > label{
    font-family: Lato Regular ! important;
    
}

#PayOverseasPayeeAck .pageHeader.payOverSeasPrintDesignCls{
  font-family: Lato Regular ! important;
} 
#PayOverseasPayeeAck #limitChangeSuccess.payOverSeasPrintDesignCls .alert-success{
  font-family: Lato Regular ! important; 
}
.payOverSeasPrintDesignCls{
font-family: Lato Regular ! important;
}
}
.sinceDateTextCls{
    color: #111111 !important;
    padding-bottom: 15px;
    font-size: 12px;
}
.homeLoanBottomText{
	position: absolute !important;
    width: 46%;
    right: 20px;
    font-size: 12px;
    max-width: 370px;
    padding-left: 20px !important;
    padding-right: 20px !important;
    padding-top: 15px !important;
}
@media (max-width: 1048px) {
.details-editor{
	display: block !important;
}
}
.autot{
	margin-top: 8px !important;
	margin-left: 20px !important;
	width: inherit !important;
	margin-bottom: 12.5px !important;
}
.f1ci{
	width: 182px !important;
	height: 19px !important;
	color: rgb(0, 128, 148) !important;
	font-size: 14px !important;
	font-family: Lato Regular !important;
	font-weight: normal !important;
	text-decoration: underline !important;
	text-align: right !important;
	letter-spacing: 0px !important;
	margin-left: 87px !important;
	cursor: pointer;
}
.autog{
	margin-top: 8px !important; 
	margin-left: 20px !important; 
	width: inherit !important; 
	margin-bottom: 12.5px !important; 
}
.f2ci{
	color: rgb(17, 17, 17) !important;
    font-size: 13px !important;
    font-family: 'MontserratSemibold' !important;
    font-weight: 600 !important;
}
.f3ci{
	width: 182px !important;
	height: 19px !important;
	color: rgb(0, 128, 148) !important;
	font-size: 14px !important;
	font-family: Lato Regular !important;
	font-weight: normal !important;
	text-decoration: underline !important;
	text-align: right !important;
	letter-spacing: 0px !important;
	margin-left: 24px !important;
	cursor: pointer;
}
.f4ci{
	width: 19px !important;
    height: 19px !important;
    background: rgb(255, 255, 255) !important;
    border: 1px solid rgb(0, 128, 148) !important;
    border-radius: 0px !important;
    text-align: center !important;
    margin-left: 21px !important;
    float: left !important;
    margin-bottom: 25px !important;
    cursor: pointer;
}
.f5ci{
	float: left !important;
    margin-top: 2.5px !important;
    margin-left: 11px !important;
    width: 351.5px !important;
    height: 19px !important;
    color: rgb(6, 6, 6) !important;
    font-size: 14px !important;
    font-family: 'Montserrat' !important;
    font-weight: normal !important;
    letter-spacing: 0px !important;
    cursor: pointer;
}
.autoj{
	margin-top: 8px !important;
	margin-left: 20px !important;
	width: inherit !important;
	margin-bottom: 12.5px !important;
}
.f6ci{
	width: 182px !important;
	height: 19px !important;
	color: rgb(0, 128, 148) !important;
	font-size: 14px !important;
	font-family: Lato Regular !important;
	font-weight: normal !important;
	text-decoration: underline !important;
	text-align: right !important;
	letter-spacing: 0px !important;
	margin-left: 108px !important;
	cursor: pointer;
}
.autoi{
	margin-top: 8px !important;
	margin-left: 20px !important;
	width: inherit !important;
	margin-bottom: 12.5px !important;
}
.f7ci{
	color: rgb(17, 17, 17) !important;
    font-size: 13px !important;
    font-family: 'MontserratSemibold' !important;
    font-weight: 600 !important;
}
.f8ci{
	width: 182px !important;
	height: 19px !important;
	color: rgb(0, 128, 148) !important;
	font-size: 14px !important;
	font-family: Lato Regular !important;
	font-weight: normal !important;
	text-decoration: underline !important;
	text-align: right !important;
	letter-spacing: 0px !important;
	margin-left: 50px !important;
	cursor: pointer;
}
.bottomtc{
	z-index: 960;
	width: 525px;
	color: rgb(85, 85, 85);
	font-size: 14px;
	font-family: Lato Regular;
	font-weight: normal;
	letter-spacing: 0px;
}
.editbtnc5{
    width: 201px;
    height: 45px;
    background-color: rgb(153, 217, 213) !important;
    border-radius: 0px !important;
    color: rgb(17, 17, 17) !important;
    font-size: 14px !important;
    font-family: 'MontserratSemibold' !important;
    font-weight: 600 !important;
    letter-spacing: 0px;
    line-height: 22px;
    border: 0 !important;
}
#custProfile_secCodePref-main{
	width: 370px;
	margin-top: 40px !important;
}
#custProfile_secCodePref1-main{
	width: 166px;
	margin-top: 40px !important;
}
#custProfile_secCodePref2-main{
	width: 166px;
	margin-top: 40px !important;
}
#custProfile_secCodePref-button{
    width: 45px;
}
#custProfile_secCodePref1-button{
	width: 42px;
}
#custProfile_secCodePref2-button{
	width: 42px;
}
.savebtnc5{
    width: 141px;
    height: 45px !important;
    background: rgb(153, 217, 213) !important;
    border-radius: 0px !important;
    color: rgb(0, 56, 77) !important;
    font-size: 14px;
    font-family: MontserratSemibold !important;
    font-weight: 600;
    text-align: center;
    letter-spacing: 0px;
    line-height: 22px;
}
.automaticAddressStyle,.automaticAddressStyle1{
	width: 369px;
	min-height: 46px;
	background: rgb(255, 255, 255);
	border: 1px solid rgb(0, 128, 148);
	position: absolute;
}
.addressListOption,.addressListOption1{
	height: 46px;
	display: flex;
    align-items: center;
    padding-left: 10px;
    cursor: pointer;
}
.addressListOption:hover,.addressListOption1:hover{
	background-color: #EAF4F6;
}
.automaticAddressListStyle,.automaticAddressListStyle1{
	color: rgb(17, 17, 17);
	font-family: TTNormsRegular;
	font-size: 14px;
	font-weight: normal;
	min-height: 19px;
	letter-spacing: 0px;
	width: 301px;
}
.addrrError{
	font-size: 13px;
	font-weight: normal;
	font-family: Montserrat !important;
	height: 35.5px !important;
	letter-spacing: 0px;
	width: 342.5px !important;
}
.addrrListMatchesStyle{
	color: rgb(85, 85, 85);
	font-family: MontserratSemiBold;
	font-size: 13px;
	font-weight: 600;
}
#AusNum{
	width: 263px;
    height: 25px;
    color: rgb(85, 85, 85);
    font-size: 13px;
    font-family: Lato Regular;
    font-weight: normal;
    letter-spacing: -0.25px;
    line-height: 22px;
    margin-top: -14px;
    margin-bottom: 8px !important;
    display: none;
}
.LabelClass{
min-width: 49px;
height: 16px;
color: rgb(255, 255, 255);
font-size: 12px;
font-family: TT Norms Pro DemiBold;
font-weight: 600;
letter-spacing: 0px;
line-height: 16px;
position: fixed;
margin-top: 1px;
display: inline-block;
}
#msgupdate{
left: 8px;
display: inline-block;
}
.MContainer
{
padding: 0 8px;
height: 16px;
background: rgb(0, 160, 185);
border-radius: 20px;
position: fixed;
margin-top: 9px;
margin-left: 8px;
display: inline-block;
}
.DLErrorMainContainer{
background: rgb(255, 255, 255);
border-radius: 0px;
height: 81px;
}
.DLErrorIconContainer{
margin: 27px 0px 0px 20px;
display: inline-block;
float: left;
height:30px;
}
.DLErrorText1Container{
margin: 14px 0px 0px 20px;
color: rgb(17, 17, 17);
font-family: MontserratSemiBold;
font-size: 13px;
font-weight: 600;
height: 17px;
letter-spacing: -0.25px;
width: 652px;
}
.DLErrorText2Container{
margin: 13px 0px 0px 20px;
color: rgb(85, 85, 85);
font-family: Lato Regular;
font-size: 13px;
font-weight: normal;
height: 27px;
letter-spacing: 0px;
line-height: 18px;
width: 558px;
}
.termDepositFundsStyle{
margin: 33.25px 0px 22.5px 0px;
color: rgb(0, 128, 148);
font-family: Montserrat;
font-size: 14px;
font-weight: normal;
height: 18px;
letter-spacing: 0px;
}
.TDPreviewDiv{
	 height: 263px;  
	 position: absolute; 
	 right:26px;
	 width:385px;
}
.TDPreviewImgDiv{
	background: rgb(234, 244, 246);
	border-radius: 0px;
	min-height: 132px;

}
.TDPreviewTxtDiv{
color: rgb(17, 17, 17);
font-family: MontserratSemiBold;
font-size: 18px;
font-weight: 600;
height: 25px;
letter-spacing: -0.25px;
display: inline-block;
margin-top: 26px;
margin-left: 10px;
float: left;
}
.TDPreviewHeading{
color: rgb(17, 17, 17);
font-family: MontserratSemiBold;
font-size: 13px;
font-weight: 600;
height: 17px;
letter-spacing: -0.25px;
margin: 32px 0px 32px 20px;
display: inline-block;
}
.TDPreviewAmount{
color: rgb(0, 128, 148);
font-family: MontserratSemiBold;
font-size: 25px;
font-weight: 600;
max-height: 33px;
height: auto;
letter-spacing: -0.68px;
line-height: 31px;
text-align: right;
display: inline-block;
margin: 0px 0px 32px 20px;
}
.TDPreview2Div{
border-radius: 0px;
border: 1px solid rgb(204, 204, 204);
height: 131px;
border-top: 0px;
}
.TDPreviewArrow{
	width: 0;
    height: 0;
    margin-left: 45%;
    border-left: 20.75px solid transparent;
    border-right: 20.75px solid transparent;
    border-top: 20.75px solid #EAF4F6;
}
.TDPreviewTxtCommon{
font-family: 'Montserrat';
font-size: 13px;
font-weight: normal;
height: 37px;
letter-spacing: -0.25px;
line-height: 37px;
}
.TDPreviewSpanCommon{
color: rgb(17, 17, 17);
font-family: 'Montserrat';
font-size: 13px;
font-weight: normal;
height: 37px;
letter-spacing: -0.25px;
line-height: 37px;
text-align: right;
}
.AOTDBannerDiv{
height: 16px;
border-radius: 20px;
font-family: Lato Regular;
font-size: 12px;
font-weight: normal;
letter-spacing: -0px;
line-height: 16px;
text-align: center;
margin: 5px 0px 8px 0px;
}
.AOTDBannerDiv3{
height: 20px;
border-radius: 20px;
font-family: Lato Regular;
font-size: 12px;
font-weight: normal;
letter-spacing: -0px;
line-height: 16px;
text-align: center;
margin: 5px 0px 8px 0px;
}
.AOTDMatBanner{
width:179px;
background: rgb(255, 241, 224);
color: rgb(168, 87, 0);
}
.AOTDGraceBanner{
background: rgb(207, 240, 252);
color: rgb(0, 56, 77);
width: 192px;
}
.ASTDMatDiv{
	display: inline-block; 
	height: 36px;
	background: rgb(255, 241, 224);
	border-radius: 20px;
	margin: 22px 0px 0px 33px; 
	float:left;
}
.ASTDMatTxt{
	color: rgb(168, 87, 0);
	font-family: Lato Bold;
	font-size: 12px;
	font-weight: bold;
	height: 16px;
	letter-spacing: -0px;
	line-height: 16px;
	float:right;
	margin: 10px 12px 10px 4px;
}
.ASTDMatTxt2{
	display: inline-block;
	color: rgb(57, 64, 70);
	font-family: TTNormsRegular;
	font-size: 16px;
	font-weight: normal;
	height: 20px;
	letter-spacing: 0px;
	line-height: 20px;
	margin: 30px 0px 0px 16px;
}
.ASTDMatLink{
	display: inline;
	color: rgb(0, 128, 148);
	font-family: 'Montserrat';
	font-size: 16px;
	font-weight: normal;
	height: 19px;
	letter-spacing: -0px;
	line-height: 22px;
	text-decoration: underline;
	width: 212px;
	cursor: pointer;
	margin: 30px 0px 0px 16px;
}
.TDCreateJointInfoDiv{
color: rgb(57, 64, 70);
font-family: TTNormsRegular;
font-size: 14px;
font-weight: normal;
letter-spacing: 0px;
line-height: 20px;
width: 80%;
display: inline-block;
margin: 3% 13px 3% 16px;
}
.TDCreateConfirmTableHeading{
	background: rgb(243, 243, 243);
	border-radius: 0px;
	height: 40px;
	color: rgb(85, 85, 85);
	font-family: MontserratBold;
	font-size: 14px;
	font-weight: bold;
	letter-spacing: 0px;
	text-align: left;
	text-transform:none;
}
.EditTDHeadingTxt{
	margin-top:0px;
	color: rgb(85, 85, 85);
	font-family: MontserratSemiBold;
	font-size: 16px;
	font-weight: 600;
	height: 46px;
	letter-spacing: -0.1px;
	line-height: 23px;
}

#maturityToolPit {
	position: relative;
	display: inline-block;
}
#maturityToolPit:hover .EditMatToolpitDiv {
	visibility: visible;
}

#maturityToolPit:hover .EditMatToolpitDiv .EditMatToolpitTxt{
	visibility: visible;
}

#maturityToolPit:hover .EditMatToolpitDiv .EditMatToolpitTxt .EditMatToolpitTxt1{
	visibility: visible;
}

#maturityToolPit .EditMatToolpitDiv{
	background: rgb(80, 89, 98);
	border-radius: 4px;
	height: 235px;
	width: 216px;
	position: absolute;
	top: 16px;
	left: 21px;
	visibility: hidden;
}
#maturityToolPit .EditMatToolpitDiv .EditMatToolpitTxt{
	color: rgb(200, 200, 200);
	font-family: 'Montserrat';
	font-size: 14px;
	font-weight: normal;
	height: 198px;
	letter-spacing: 0px;
	width: 200px;
	margin: 10px 0px 0px 8px;
	visibility: hidden;
}
#maturityToolPit .EditMatToolpitDiv .EditMatToolpitTxt .EditMatToolpitTxt1{
	font-family: 'MontserratBold';
	color: rgb(255,255,255);
	visibility: hidden;
}
.TDDisclaimerDiv{
color: rgb(237, 23, 23);
font-family: Lato Regular;
font-size: 13px;
font-weight: normal;
height: 32px;
letter-spacing: 0px;
width: 367px;
margin-top:9px;
}
.updatedBannerTD{
	height: 24px !important;
	min-width: 65.76px !important;
	background: rgba(249, 146, 29, 0.3);
	border-radius: 20px;
	float: right !important;
}
.updatedBannerTextTD{
	color: rgb(57, 64, 70);
	font-family: MontserratSemiBold;
	font-size: 12px;
	font-weight: 600;
	letter-spacing: 0px;
	line-height: 16px;
	text-align: center;
	margin: 4px 8.5px 4px 7.5px;
}
.platinumPlusBannerTD{
background: rgb(238, 236, 249);
border-radius: 20px;
height: 24px;
min-width:153px;
float: right !important;
}
.platinumPlusBannerTextTD{
display: inline-block;
color: rgb(81, 71, 133);
font-family: MontserratSemiBold;
font-size: 12px;
font-weight: 600;
letter-spacing: -0px;
line-height: 16px;
margin: 0px 5px 0px 5px;
padding-top:5px;
}
.PUPPDiv{
	display:none; 
	border-radius: 4px;
	height: 40px;
	border: 1px solid rgb(155, 144, 213);
	margin: 42px 15px 25.5px 15px;
}
.PUPPDiv1{
	display:inline-block; 
	border-radius: 4px;
	height: 40px;
	border: 1px solid rgb(155, 144, 213);
	margin:13.75px 15px 27px 15px;
	width:350px;
}
.PUPPTxt{
/* 	float: left; */
	color: rgb(81, 71, 133);
	font-family: Lato Bold;
	font-size: 13px;
	height: 21px;
	position: absolute;
	letter-spacing: 0px;
	line-height: 21px;
	min-width: 272px;
	margin: 10px 0px 9px 32px;
}
#accountsSummaryDash #accountDash tr:last-child > td{
	border-bottom: 0px !important;
}
.lastLogintxt{
	padding-left: 10px;
	padding-top: 4px;
	color: rgb(17, 17, 17);
	font-family: 'Montserrat';
	font-size: 13px;
	font-weight: normal;
	letter-spacing: -0px;
	line-height: 22px;
}
.personalBanner{
	height: 40px;
    border-radius: 0px;
    background: rgb(249, 250, 250);
    margin-left: -50%;
}
.TDScreenOverlay{
	opacity:0.5;
	pointer-events:none;
}
.ApplySecondDiv{
    width: 234px;
    min-height:22px;
    color: rgb(0, 56, 77);
    font-size: 18px;
    font-family: HellixSemiBold;
    font-weight: 600;
    text-align: center;
    letter-spacing: 0px;
    line-height: 22px;
    overflow-wrap: anywhere;
}
.ApplyThirdDiv{
    width: 230px;
    min-height:18px;
    color: rgb(57, 64, 70);
    font-size: 14px;
    font-family: TTNormsProRegular;
    font-weight: normal;
    text-align: center;
    letter-spacing: 0px;
    margin-top: 16px;
    line-height: 18px;
    overflow-wrap: anywhere;
}
.ApplyNewDisc{
	 color: rgb(101, 112, 123);
	 font-family: 'TTNormsProRegular';
	 font-size: 14px;
	 font-weight: normal;
	 min-height:18px;
	 letter-spacing: 0px;
	 line-height: 18px;
	 width: 296px;
	 overflow-wrap: anywhere;
}
.TransacOpen{
	width: 254px;
	min-height:22px;
	color: rgb(0, 56, 77);
	font-size: 18px;
	font-family: TTNormsProMedium;
	font-weight: 500;
	letter-spacing: 0px;
	line-height: 22px;
	margin-top: 17px;
	display: block;
	text-align: left;
	position: absolute;
}
.TransacPoints{
	min-height:20px;
	color: rgb(57, 64, 70);
	font-size: 16px;
	font-family: TTNormsProRegular;
	font-weight: normal;
	letter-spacing: 0px;
	line-height: 20px;
	overflow-wrap: anywhere;
	display: inline-block;
	width: 90%;
}
.ApplyFirstDiv{
	text-align: center;
	margin-bottom: 17.67px;
	height: 32px;
}
.TransacLink1{
	text-align: center;
	display: block;
	position: relative;
	bottom: 30px;
	width: 100%;
}
.TransacOpenPar{
	margin-right:0px;
	width: 413px;
	min-height:56px !important;
	background: rgb(153, 217, 213);
	border-radius: 4px !important;
	display: block;
	position: relative;
	padding-left: 16px !important;
}
.TransacOpenParLink{
	border: 1px solid rgb(0, 56, 77) !important;
	margin-top: 16px !important;
}
.accountTypeBtnParent{
	display: block; 
	position: relative; 
	margin-left: 16px;
	margin-top: 67px;
}
.accNameNew{
	display: block; 
	position: relative; 
	margin-top: 23px; 
	margin-left: 16px; 
	width: 310px; 
	min-height:28px; 
	color: rgb(57, 64, 70); 
	font-size: 24px; 
	font-family: HellixSemiBold; 
	font-weight: 600; 
	letter-spacing: 0px; 
	line-height: 28px;
	overflow-wrap: anywhere;
}
.accNewSubHeading{
	display: block; 
	position: relative; 
	margin-top: 23px; 
	margin-left: 16px; 
	min-height:auto; 
	color: rgb(57, 64, 70); 
	font-size: 18px; 
	font-family: HellixRegular; 
	font-weight: normal; 
	letter-spacing: 0px; 
	line-height: 22px;
	overflow-wrap: anywhere;
	width: calc(100%-32px) !important;
}
.newApplySwitchPos{
	display: block;
	position: relative;
	margin-left: 16px;
	overflow-wrap: anywhere;
}
.transacCardImg{
	min-height:80px; 
	width: 180.22px; 
	margin-top: 29px; 
	margin-left: -12px !important; 
	margin-bottom: -23px;
	position: relative; 
	display: block;
}
.newMainCard{
	margin-top: 49px;
	box-shadow: rgba(21, 35, 37, 0.12) 0px 2px 4px 0px, rgba(21, 35, 37, 0.15) 0px 3px 6px 0px; 
	float: left; 
	margin-right: 33px; 
	min-height: 670px; 
	width: 350px; 
	border-radius: 8px; 
	border-width: 4px 1px 1px; 
	border-style: solid; 
	border-color: rgb(0, 160, 185) rgb(227, 230, 232) rgb(227, 230, 232); 
	border-image: initial;
	overflow: hidden;
	display: grid;
	text-align: left;
}
.fastTimerClass{
	height: 24px;
	width: 24px;
	display: block;
	position: relative;
	float: left;
}
.openLessThan{
	min-height:20px;
	color: rgb(101, 112, 123);
	font-size: 14px;
	font-family: 'TTNormsProRegular';
	font-weight: normal;
	letter-spacing: 0px;
	line-height: 18px;
	display: block;
	position: relative;
	margin-top: 4px;
	margin-left: 30px;
	float: left;
	overflow-wrap: anywhere;
}
.openButtonFiveNew{
	margin-right:0px;
	min-height:56px !important;
	background: rgb(153, 217, 213);
	border-radius: 4px !important;
	display: block;
	position: relative;
	padding-left: 16px !important;
}
.switchButtonFiveNew{
	margin-right:0px;
	min-height:56px !important;
	border: 1px solid rgb(0, 56, 77) !important;
	border-radius: 4px !important;
	display: block;
	position: relative;
	margin-top: 16px !important;
	padding-left: 16px !important;
}
.accNewSubHeadingSavings{
	display: block; 
	position: relative; 
	margin-top: 12px; 
	margin-left: 16px; 
	min-height:22px; 
	color: rgb(57, 64, 70); 
	font-size: 18px; 
	font-family: HellixRegular; 
	font-weight: normal; 
	letter-spacing: 0px; 
	line-height: 22px;
	overflow-wrap: anywhere;
}
.applyStatus{
	float: left !important;
	height: 24px !important;
	margin-left: 16px !important;
	margin-top: 24px !important;
}
.applyStatusText{
	color: rgb(0, 56, 77) !important;
	font-size: 12px !important;
	min-height:16px !important;
	letter-spacing: 0px !important;
	line-height: 16px !important;
	padding-top: 4px !important;
}
.applyIconDimensions{
	width: 33.33px;
	min-height:33.33px;
}
.applySavingsLink{
	text-align: center;
	display: block;
	position: relative;
	margin-top: 10px;
	margin-left: 16px;
}
.applySavingsCard{
	margin-top: 49px;
	box-shadow: 0px 2px 4px 0px rgba(21, 35, 37, 0.12),0px 3px 6px 0px rgba(21, 35, 37, 0.15);
	margin-right: 33px;
	float: left;
	width: 350px;
	min-height: 566px;
	border-radius: 8px;
	border: 1px solid #e3e6e8;
	overflow: hidden;
	display: grid;
	text-align: left;
}
.applySavingsInfo{
	display: block;
	position: relative;
	margin-left: 16px !important;
	background: rgb(249, 250, 250);
	border-radius: 8px;
	min-height:85px;
	border-left: 4px solid #665aa7;
	margin-right: 16px;
	padding-bottom: 15.5px;
	padding-top: 15.5px;
}
.viewRatesApply{
/* 	width: 88px;  */
/* 	min-height:20px;  */
/* 	color: rgb(35, 127, 164);  */
/* 	font-size: 16px;  */
/* 	font-family: TTNormsProRegular;  */
/* 	font-weight: normal;  */
/* 	text-decoration: underline;  */
/* 	letter-spacing: 0px;  */
/* 	line-height: 20px;  */
/* 	margin-left: 18.5px;  */
/* 	margin-top: 159px;  */
/* 	display: block;  */
/* 	position: relative; */

	margin-right:0px;
	display: inline-grid;
	position: relative;
	margin-bottom: 4px;
	text-align: center;
	border: none !important;
	color: rgb(35, 127, 164) !important;
	font-family: TTNormsProRegular !important;
	font-size: 16px !important;
	font-weight: normal;
	height: 20px !important;
	letter-spacing: 0px;
	line-height: 20px !important;
	text-decoration: underline;
	background-position: right 21px center !important;
}
.applyImportantInfo{
	width: 264px;
	min-height:20px;
	color: rgb(57, 64, 70);
	font-size: 16px;
	font-family: 'TTNormsProRegular';
	font-weight: normal;
	letter-spacing: 0px;
	line-height: 20px;
	overflow-wrap: anywhere;
}
.applySubHeading{
	color: rgb(0, 56, 77);
	font-family: HellixSemiBold;
	font-size: 24px !important;
	font-weight: normal;
	min-height:32px;
	letter-spacing: 0px;
	line-height: 28px;
	text-align: center;
	margin-top: 40px !important;
	position: relative;
	width: 107% !important;
	margin-left: 0px !important;
}
.applyHeading{
	width: 512px;
	min-height:34px;
	color: rgb(17, 17, 17);
	font-size: 22px !important;
	font-family: 'MontserratSemibold';
	font-weight: 600;
	letter-spacing: -0.32px;
}
.applyInfoContainer{
	border-radius: 0px;
	border-top: 1px solid rgb(227, 230, 232);
	margin-left: 17px;
	width: 96%;
	position: relative; 
	bottom: 0;
	margin-top: 80px;
}
.carouselApply{
	width: 100%;
	padding-left: 10px;
	display: flex;
	overflow: hidden;
	justify-content: center;
}
.carouselSubHeading{
	max-width: 1500px;
	position: relative;
	display: flex;
	justify-content: center;
	margin-top: 12px;
	overflow: hidden;
}
.applyPurpleBox{
	display: block; 
	position: relative; 
	min-height:54px; 
	color: rgb(57, 64, 70); 
	font-size: 14px; 
	font-family: 'TTNormsProRegular'; 
	font-weight: normal; 
	letter-spacing: 0px; 
	line-height: 18px;
}
.applyNewInfoBox{
	justify-content: center;
	display: flex;
	margin-top: 24px;
	margin-left: -19px;
}
.applyComparisonText{
	display: block; 
	position: relative; 
	margin-top: 16px;
	margin-bottom: 4px;
	width: 359px; 
	min-height:20px; 
	color: rgb(57, 64, 70); 
	font-size: 16px; 
	font-family: TTNormsProRegular; 
	font-weight: normal; 
	letter-spacing: 0px; 
	line-height: 20px;
	overflow-wrap: anywhere;
}
.applyRatesNew{
	width: 31px;
	min-height:32px;
	color: rgb(21, 35, 37);
	font-size: 14px;
	font-family: 'TTNormsProRegular';
	font-weight: normal;
	letter-spacing: 0px;
	line-height: 17px;
	display: block;
	position: relative;
	float: left;
}
.applyRatesLine{
	border: 0px solid var(--digital-neutral-400, #B8BEC5);
	margin-top: 56px;
	margin-left: 17px !important;
	margin-right: 17px; 
	display: block; 
	position: relative; 
	min-height:1px; 
	background: var(--digital-neutral-400, #B8BEC5);
}
.applyRatesValue{
	display: block;
	position: relative;
	margin-top: 136.5px;
	margin-left: 152px;
	min-width: 76px;
	min-height:32px;
	color: rgb(21, 35, 37);
	font-size: 32px;
	font-family: 'HellixSemiBold';
	font-weight: 600;
	letter-spacing: 0px;
	line-height: 32px;
	float: left;
}
.applyRatesTo{
	display: block;
	position: relative;
	margin-left: 119.5px;
	width: 16px;
	min-height:18px;
	color: rgb(21, 35, 37);
	font-size: 14px;
	font-family: 'TTNormsProRegular';
	font-weight: normal;
	letter-spacing: 0px;
	line-height: 18px;
	float: left;
}
.applyNowLoanLink{
	display: block;
	position: relative;
	margin-left: 15.5px;
	min-height:56px !important;
	border-radius: 4px !important;
	padding-top: 5px !important;
	text-align: left;
	color: rgb(0, 56, 77) !important;
	font-size: 18px;
	font-family: TTNormsProMedium !important;
	font-weight: 500;
	letter-spacing: 0px;
	line-height: 22px !important;
	margin-right: 16px;
}
.applyVehicleIcon{
	width: 24px;
	min-height:18px;
	display: block;
	position: relative;
	margin-top: -20px;
	margin-left: 92px;
	float: left;
}
.applyIconContainer{
	display: inline-block;
	position: relative;
	min-height:34px;
	border: 1px solid rgb(207, 240, 252);
	border-radius: 8px;
	padding-right: 8px;
	margin-left: 16px;
}
#applyIconWedding{
	min-height:24px;
	width: 20px;
	display: block;
	position: relative;
	margin-top: -24px;
	margin-left: 135px;
}
#applyVehicles{
	min-height:18px;
	color: rgb(57, 64, 70);
	font-size: 14px;
	font-family: 'TTNormsProRegular';
	font-weight: normal;
	display: block;
	position: relative;
	margin-top: 8.5px;
	right: -9px;
	letter-spacing: 0px;
	line-height: 18px;
	margin-right: 8px;
	float: left;
}
.applyNewFindOut{
	text-align: center; 
	display: block; 
	position: relative; 
	margin-top: 16px; 
	width: 100%;
}
/* @media only screen and (min-width: 768px) and (max-width: 1024px){
  #zIndexProb > div.TDGraceDivTxt {
    font-size: 11px;
  }
  #platinumIntRateDiv > div {
    font-size: 12px;
  }
} */
.applyPersonalCard{
	margin-top: 49px;
	box-shadow: rgba(21, 35, 37, 0.12) 0px 2px 4px 0px, rgba(21, 35, 37, 0.15) 0px 3px 6px 0px; 
	float: left; 
	margin-right: 33px; 
	min-height: 654px !important; 
	width: 351px; 
	border-radius: 8px; 
	margin-bottom: 10px;
	border: 1px solid rgb(227, 230, 232);
	overflow: hidden;
	display: grid;
	text-align: left;
}
#applyTakeNext{
	margin-top: 45px;
	position: relative;
	width: 100%;
	display: block;
	min-height:32px;
	color: rgb(0, 56, 77);
	font-size: 32px !important;
	font-family: 'HellixRegular';
	font-weight: normal;
	text-align: center;
	letter-spacing: 0px;
	line-height: 32px;
}
#applyTakeNextParent{
	width: 1119px;
	margin-left: 16px;
	min-height:407px;
	border: 1px solid rgb(227, 230, 232);
	border-radius: 8px;
	display: block;
	position: relative;
	margin-top: 96px;
	justify-content: center;
}
.applyHomeExtra{
	min-height:48px; 
	border: 1px solid rgb(0, 56, 77); 
	border-radius: 4px; 
	display: flex; 
	position: absolute; 
	bottom: 64px;
	justify-content: center; 
	cursor: pointer;
}
.applyHomeNextLinks{
	min-height:22px; 
	color: rgb(0, 56, 77); 
	font-size: 18px; 
	font-family: TTNormsProMedium; 
	font-weight: 500; 
	text-align: center; 
	letter-spacing: 0px; 
	line-height: 22px; 
	display: flex; 
	position: relative; 
	margin-top: 13px;
}
.applyHomeTCs{
	display: block;
	position: relative;
	margin-left: 20px;
	color: rgb(101, 112, 123);
	font-size: 12px;
	font-family: TTNormsProRegular;
	font-weight: normal;
	letter-spacing: 0px;
	line-height: 16px;
	margin-top: 24.86px !important;
	overflow-wrap: anywhere;
}
.applyCreditPerc{
	width: 31px;
	margin-top: 16px;
	margin-left: 8px;
	min-height:40px;
	color: rgb(21, 35, 37);
	font-size: 16px;
	font-family: 'TTNormsProRegular';
	font-weight: normal;
	letter-spacing: 0px;
	line-height: 20px;
	display: block;
	position: relative;
	float: left;
}
.applyCreditBT{
	display: block;
	position: relative;
	width: 122px;
	min-height:40px;
	color: rgb(21, 35, 37);
	font-size: 16px;
	font-family: 'HellixSemiBold';
	font-weight: 600;
	letter-spacing: 0px;
	line-height: 20px;
	margin-top: 15px;
	margin-left: 15px;
	float: left;
}
.applyCreditRate{
	display: block;
	position: relative;
	margin-top: 13px;
	margin-left: 16px;
	min-height:40px;
	color: rgb(21, 35, 37);
	font-size: 40px;
	font-family: 'HellixSemiBold';
	font-weight: 600;
	letter-spacing: 0px;
	line-height: 40px;
	float: left;
}
.applyCreditPoints{
	min-height:20px;
	color: rgb(57, 64, 70);
	font-size: 16px;
	font-family: TTNormsProRegular;
	font-weight: normal;
	letter-spacing: 0px;
	line-height: 20px;
}
.applyOfferParent{
	display: block;
	position: relative;
	margin-left: 16px !important;
	padding: unset !important;
	width: 59.5px;
	min-height:16px;
	background: rgb(246, 199, 10);
	border-radius: 20px;
}
.applyOffer{
	display: block;
	position: relative;
	width: 33px;
	min-height:16px;
	color: rgb(0, 56, 77);
	font-size: 12px;
	font-family: TT Norms Pro DemiBold;
	font-weight: 600;
	text-align: center;
	letter-spacing: 0px;
	line-height: 16px;
	margin-top: 1px;
	margin-left: 9px;
	bottom: -1px;
}
.applyCreditImage{
	min-height:107px;
	width: 218px;
	margin-top: 32px;
	margin-left: -8px !important;
	position: relative;
	display: block;
}
.applyLinkProp{
	margin-right:0px;
	display: inline-grid;
	position: relative;
	margin-bottom: 4px;
	text-align: center;
	border: none !important;
	color: rgb(35, 127, 164) !important;
	font-family: TTNormsProRegular !important;
	font-size: 16px !important;
	font-weight: normal;
	height: 20px !important;
	letter-spacing: 0px;
	line-height: 20px !important;
	text-decoration: underline;
	background-position: right 21px center !important;
}
@-moz-document url-prefix() {
	body {
		font-weight: lighter !important;
	}
}
#productsDataUL{
	padding-inline-start: unset;
    overflow: hidden;
    height: 100%;
    text-align: center;
}
/* Large devices (laptops/desktops, 1020px and up) */
@media only screen and (min-device-width: 1020px) {

	.newMainCard{
		width : 340px;
	}
	.applyPersonalCard{
		width : 310px;
	}
	.applySavingsCard
	{
		width : 310px;
	}
	#breakpointCSS
	{
		width : 340px;
	}
}
/* Extra large devices (large laptops and desktops, 1360px and up) */
@media only screen and (min-device-width: 1360px) {
		.newMainCard{
		width : 445px;
	}
	.applyPersonalCard{
		width : 350px;
	}
	.applySavingsCard
	{
		width : 350px;
	}
	#breakpointCSS
	{
		width : 380px;
	}
}
#breakpointCSS >div >div
{
	box-sizing: border-box;
    max-width: 100%;
    padding-right:16px;
    margin-left:0px;
    padding-left:16px;
}
.newMainCard >div >div
{
	box-sizing: border-box;
    max-width: 100%;
    padding-right:16px;
    margin-left:0px;
    padding-left:16px;
}
.newMainCard >div >div a
{
	max-width: 100%;
}
.applySavingsCard >div >div
{
	box-sizing: border-box;
    max-width: 100%;
    padding-right:16px;
    margin-left:0px;
    padding-left:16px;
}
.applySavingsCard >div >div a
{
	max-width: 100%;
}
.applyPersonalCard >div >div
{
	box-sizing: border-box;
    max-width: 100%;
    padding-right:16px;
    margin-left:0px;
    padding-left:16px;
}
.applyPersonalCard >div >div a
{
	max-width: 100%;
}
.newMainCard >div
{
    max-width: 100%;
    width: inherit;
}
.applySavingsCard >div 
{
	max-width: 100%;
    width: inherit;
}
.applyPersonalCard >div 
{
	max-width: 100%;
    width: inherit;
}
.TDGraceDiv{
	background: rgb(245, 252, 255);
	border-radius: 20px;
	height: 24px;
	display: inline-table;
	margin-left: 20px;
}
.TDGraceImgDiv{
	height: 12px;
	width: 12px;
	margin: 6px 0px 0px 8px;
	float:left;
}
.TDGraceDivTxt{
	color: rgb(0, 56, 77);
	font-family: TT Norms Pro DemiBold;
	font-size: 12px;
	letter-spacing: 0px;
	line-height: 16px;
	display: inline-block;
	text-align: center;
	margin:4px 7px 0px 3px;
	float:left;
}
#pendingAuthorization h2 {
	text-transform:none !important;
}
.pleaseCnfmStyle{
	width: 339px;
	height: 18px;
	color: rgb(0, 128, 148);
	font-size: 14px;
	font-family: Montserrat;
	font-weight: normal;
	letter-spacing: 0px;
	margin:71px 0px 27px 0px;
}
.memberNumberStyle{
	height: 22px;
	color: rgb(17, 17, 17);
	font-size: 13px;
	font-family: MontserratSemibold;
	font-weight: 600;
	letter-spacing: -0.25px;
	line-height: 22px;
	margin-bottom:10px;
}
.webAccessCodeStyle{
	height: 22px;
	color: rgb(17, 17, 17);
	font-size: 13px;
	font-family: MontserratSemibold;
	font-weight: 600;
	letter-spacing: -0.25px;
	line-height: 22px;
	margin-bottom:10px;
}
.TDfieldErrorStyle{
	color: rgb(237, 23, 23);
	font-family: Lato Regular;
	font-size: 13px;
	font-weight: normal;
	height: 16px;
	letter-spacing: 0px;
	width: 367px;
	display: none;
	margin:-33px 0px 32px 0px;
}
#statementsPara{
	height: 24px;
	width: 872px;
	left: 0px;
	top: 0px;
	border-radius: nullpx;
	font-family: 'TTNormsProRegular';
	font-style: normal;
	font-weight: 600;
	font-size: 16px;
	line-height: 24px;
	display: flex;
	align-items: center;
	color: #006170;
	flex: none;
	order: 0;
	align-self: stretch;
	flex-grow: 0;
	padding-bottom: 4px;
}
#boxTemp2{
	width: 872px;
	height: 24px;
	font-family: 'TTNormsProRegular';
	font-style: normal;
	font-weight: 600;
	font-size: 16px;
	line-height: 24px;
	display: flex;
	align-items: center;
	color: #006170;
	flex: none;
	order: 0;
	align-self: stretch;
	flex-grow: 0;
}
.productsWhileWait{
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	padding: 0px;
	width: 98%;
	height: 296px;
	padding-top: 32px;
	padding-left: 10px !important;
}	
.whileWait{
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	padding: 0px;
	gap: 8px;
	width: 960px;
	height: 64px;
	padding-bottom: 16px;
}
.whileWaitTxt{
	font-family: 'HelixRegular';
	font-style: normal;
	font-weight: 600;
	font-size: 20px;
	line-height: 32px;
	color: #394046;
}
.takeALook{
	font-family: 'TTNormsProRegular';
	font-style: normal;
	font-weight: 400;
	font-size: 16px;
	line-height: 24px;
	color: #505962;
}
#productWhileWait{
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	padding: 24px;
	width: 49%;
	height: 216px;
	background: #FFFFFF;
	border: 1px solid #B8BEC5;
	border-radius: 8px;
}
#productContentTitle{
	height: 24px;
	font-family: 'HelixRegular';
	font-style: normal;
	font-weight: 600;
	font-size: 18px;
	line-height: 24px;
	color: #394046;
	padding-bottom:8px;
}
.statementsMissing{
	display: flex;
	flex-direction: row;
	align-items: flex-start;
	padding: 0px;
	gap: 30px;
	width: 100%;
	height: 216px;
}
#whileWaitSubText{
	width: 98%;
	height: 48px;
	font-family: 'TTNormsProRegular';
	font-style: normal;
	font-weight: 400;
	font-size: 16px;
	line-height: 24px;
	color: #394046;
	padding-bottom: 16px;
}
#learnMore1, #learnMore2{
	width: 72px;
	height: 24px;
	font-family: 'TTNormsProRegular';
	font-style: normal;
	font-weight: 400;
	font-size: 14px;
	line-height: 24px;
	text-decoration-line: underline;
	color: #237FA4;
	cursor: pointer;
}
#productInfo{
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	padding: 0px;
	gap: 16px;
	width: 417px;
	height: 72px;
}
#bottomWhileWaitContent{
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	align-items: flex-start;
	padding: 0px;
	width: 98%;
	height: 88px;
	flex: none;
	order: 1;
	align-self: stretch;
	flex-grow: 0;
}
.statementsNotAvailable{
	padding-top: 32px;
	display: flex;
	flex-direction: row;
	align-items: flex-start;
	padding: 24px;
	gap: 16px;
	width: 94%;
	height: 47px;
	background: #EDFBFD;
	border-radius: 4px;
	flex: none;
	order: 1;
	flex-grow: 0;
}
.supTTNormsProReg{
	font-family: TTNormsProRegular;
	font-size: 12px;
	font-weight: normal;
	height: 16px;
	letter-spacing: 0px;
	line-height: 16px;
	width: 7px;
}
.eStatementDiv1{
	width: 24px;
	position: absolute;
	margin-left: 16px;
	padding-top: 16px;
}
.eStatementDiv2{
	display:inline-block;
	font-style: normal;
	font-weight: 400;
	font-size: 13px;
	line-height: 24px;
	color: rgb(15, 104, 138);
	margin: 16px 16px 16px 56px;
}
.lineheight37{
	line-height:37.778px !important;
}
.toolTipResAd {
	position: relative;
	display: inline-block;
}
.toolTipResAd .toolTipResAdText {
	visibility: hidden;
	position: absolute;
}
.toolTipResAd:hover .toolTipResAdText {
	visibility: visible;
	z-index: 9999;
}
.toolTipStatPref .toolTipStatPrefText {
	visibility: hidden;
	position: absolute;
}
.toolTipStatPref:hover .toolTipStatPrefText {
	visibility: visible;
	z-index: 9999;
}
.toolTipDesOne{
	display: block;
	left: 158px;
	top: -32px;
	position: relative !important;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	padding: 8px;
	width: 160px;
	height: 80px;
	border-radius: 4px;
	flex: none;
	order: 0;
	align-self: stretch;
	flex-grow: 0;
}
.toolTipDesTwo{
	width: 160px;
	border-bottom: 4px solid white;
	box-shadow: rgb(0 0 0 / 10%) 0px 16px 25px;
}
#toolTipResAdMain{
	padding: 8px;
	z-index: 950;
	width: 144px;
	height: 64px;
	font-family: TTNormsProRegular;
	font-style: normal;
	font-weight: 400;
	font-size: 12px;
	line-height: 16px;
	color: #394046;
	flex: none;
	order: 0;
	flex-grow: 1;
}
#toolTipStatMain{
	padding: 8px;
	width: 144px;
	font-family: TTNormsProRegular;
	font-style: normal;
	font-weight: 400;
	font-size: 12px;
	line-height: 16px;
	color: #394046;
	flex: none;
	order: 0;
	flex-grow: 1;
}
.width100px{
	width:100px;
}
.composeMsg{
	font-family:Montserrat !important;
        font-style: normal;
        font-weight: 400;
	font-size: 12px;
	line-height: 24px;
	margin-bottom: 8px;
	margin-top: 8px;
	display: flex;
	align-items: center;
	color: #394046;
	flex: none;
	order: 1;
	align-self: stretch;
	flex-grow: 0;
}
.creditIdentifier{
	width: fit-content;
    display: inline-flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	padding: 4px 8px;
	background: #E7F9F7;
	border-radius: 32px;
	color: #007065;
	font-weight: 600;
	font-size: 12px;
}
.displayMoreOpen, .displayMoreClose{
	cursor: pointer;
}
#accountStatement #transactionExport #accountDash > tbody > tr.displayMoreOpen:hover td
,#accountStatementUpgrade #transactionExport #accountDash > tbody > tr.displayMoreOpen:hover td{
	background-color: #EAF4F6 !important;
}
#accountStatement #transactionExport #accountDash > tbody > tr.displayMoreOpen:hover td.firstChildClass > span,
#accountStatement #transactionExport #accountDash > tbody > tr.displayMoreOpen:hover td.firstChildClass > span > span,
#accountStatementUpgrade #transactionExport #accountDash > tbody > tr.displayMoreOpen:hover td.firstChildClass > span,
#accountStatementUpgrade #transactionExport #accountDash > tbody > tr.displayMoreOpen:hover td.firstChildClass > span > span{
	color: #008094;
}
#accountStatementUpgrade #transactionExport #accountDash > tbody > tr.displayMoreOpen1:hover td:nth-child(1) > img{
	filter: brightness(0) saturate(100%) invert(21%) sepia(68%) saturate(3771%) hue-rotate(173deg) brightness(98%) contrast(104%);
}
#accountStatement #transactionExport #accountDash > tbody > tr.newDateMonthCss td,
#accountStatement #transactionExport #accountDash > tbody > tr.newDateCss td,
#accountStatementUpgrade #transactionExport #accountDash > tbody > tr.newDateMonthCss td,
#accountStatementUpgrade #transactionExport #accountDash > tbody > tr.newDateCss td{
	background-color: #F4F5F6 !important; 
	padding: 0px 8px !important;
	border: none;
}
#accountTxnDetailsTranList > tbody > tr.newDateMonthCss td,
#accountTxnDetailsTranList > tbody > tr.newDateCss td{
	background-color: #F4F5F6 !important;
	border: none;
}
#accountStatement #transactionExport #accountDash > tbody > tr.newDateMonthCss td,
#accountStatementUpgrade #transactionExport #accountDash > tbody > tr.newDateMonthCss td,
#accountTxnDetailsTranList > tbody > tr.newDateMonthCss td{
	height: 56px;
}
#accountStatement #transactionExport #accountDash > tbody > tr.newDateCss td,
#accountStatementUpgrade #transactionExport #accountDash > tbody > tr.newDateCss td,
#accountTxnDetailsTranList > tbody > tr.newDateCss td{
	height: 40px;
}
#accountStatement #transactionExport #accountDash > tbody > tr:last-child > td
,#accountStatementUpgrade #transactionExport #accountDash > tbody > tr:last-child > td{
	border: none;
}
#pendingBack{
	box-sizing: border-box;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	padding: 12px 20px;
	width: 81px;
	height: 48px;
	border: 1px solid #00384D;
	border-radius: 4px;
	flex: none;
	order: 0;
	flex-grow: 0;
	cursor: pointer;
	margin-top: 20px;
	margin-left: 33px;
	margin-bottom: 44px;
}
#pendingBackIns{
	width: 41px;
	height: 24px;
	font-family: 'TTNormsProMedium';
	font-style: normal;
	font-weight: 500;
	font-size: 18px;
	line-height: 24px;
	color: #00384D;
	flex: none;
	order: 1;
	flex-grow: 0;
}
.pendingCardTxnParent{
	box-sizing: border-box;
	display: flex;
	flex-direction: row;
	align-items: center;
	padding: 8px;
	height: 40px;
	background: #FFFFFF;
	border: 1px solid #E3E6E8;
	border-radius: 32px;
	width: fit-content;
	flex: none;
	order: 0;
	flex-grow: 0;
}
.pendingCardTxnText{
	margin: 0px 8px; 
	min-width: 216px;
	height: 24px;
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 400;
	font-size: 16px;
	line-height: 24px;
	float: left;
	flex: none;
	flex-grow: 0;
}
.pendingCardTxnNoContainer{
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	padding: 0px 8px;
	margin-left: 8px;
	height: 24px;
	float: right;
	border-radius: 32px;
	flex: none;
	flex-grow: 0;
}
.pendingCardTxnNo{
	height: 16px;
	font-family: TTNormsProRegular;
	font-style: normal;
	font-weight: 600;
	font-size: 12px;
	line-height: 16px;
	display: flex;
	align-items: center;
	text-align: center;
	flex: none;
	order: 0;
	flex-grow: 0;
}
.balanceDiv{
	color: #394046;
	padding-top: 2px;
	font-family: 'Montserrat';
    font-size: 12px;
    font-weight: 400;
}
.newDateMonth, .newDate{
	font-weight: 600;
}
.balanceBFMain{
	margin-top: 48px;
	display: inline-flex;
	padding: 0px;
	width: 100%;
    margin-bottom: 0px;
    border-bottom: 1px solid #B8BEC5;
}
.balanceBFInner{
	color: #394046;
	padding: 16px;
	line-height: 24px;
}
.bsbDis{
	margin-bottom:30px;
	white-space: normal;
}
.transHeading{
	display: inline-block;
    vertical-align: middle;
    width: 156px;
    overflow-wrap: break-word;
    font-family: 'Montserrat' !important;
    font-weight: 600;
}
.transDesc{
	display: inline-block;
    vertical-align: middle;
    padding-left: 8px;
    font-weight: 400;
	font-size: 13px;
	line-height: 24px;
	color: #394046;
	box-sizing: border-box;
	width: calc(100% - 156px);
}
#accountTxnDetailsTranList .displayMore .transactionDescription,
#accountDash .displayMore .transactionDescription,
#accountTxnDetailsTranList .displayMoreLWC .transactionDescription,
#accountDash .displayMoreLWC .transactionDescription,
#accountTxnDetailsTranList .displayMoreLWCPending .transactionDescription,
#accountDash .displayMoreLWCPending .transactionDescription{
	width: 100%;
}
.debitDiv{
	color: #00384D;
	font-weight: 600;
	font-size: 12px;
}
.debitDiv1, .debitDiv11{
	color: #818C98;
	font-weight: 600;
	font-size: 12px;
}
@media not all and (min-resolution:.001dpcm) { 
@media print{
	.transDesc, .transactionDescription, .debitDiv, .debitDiv1, .debitDiv11, .creditIdentifier, .balanceDiv, .newDateMonth, .newDate{
	 	font-size: 10px !important;
	 }
	 #accountTxnDetailsTranList > tbody > tr.newDateMonthCss td{
	 	height: 40px;
	 }
	 #accountTxnDetailsTranList > tbody > tr.newDateCss td{
	 	height: 30px;
	 }
}}
.jointAccFlowOTP{
	font-family: TTNormsProRegular;
	font-style: normal;
	font-weight: 600;
	font-size: 16px;
	line-height: 24px;
	display: flex;
	align-items: center;
	color: #006170;
	flex: none;
	order: 0;
	align-self: stretch;
	flex-grow: 0;
	margin-bottom: 4px;
}
#RequestEarlyReleaseINIT_toAcnt-main,
#UpdateEarlyReleaseINIT_toAcnt-main{
	width: 370px;
	border: 1px solid var(--cua-colours-neutral-grey-3, #CCC);
	background: var(--digital-neutral-000, #FFF);
}
.tdEarlyReleaseAccSelectedText{
	padding-top: 8px; 
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 400;
	font-size: 12px;
	height: 32px;
	line-height: 16px;
	width: 370px;
	align-items: center;
	color: #A32B29;
	margin-top: 8px;
}
.tdEarlyReleaseINITLabel{
	color: var(--digital-neutral-900, #394046);
	font-size: 13px;
	font-family: MontserratSemibold !important;
	font-weight: 600;
	line-height: 24px;
	font-style: normal; 
	margin-bottom: 8px;
}
.tdEarlyReleaseRedText{
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 400;
	font-size: 12px;
	line-height: 24px;
	align-items: center;
	color: #A32B29;
	margin-top: 8px;
}
.tdEarlyReleasefullPartialLabel{
	cursor: pointer;
	box-sizing: border-box;
	padding: 12px 57px;
	margin-left: 32px;
	line-height: 24px;
	height: 48px;
	background: #FFF;
	border: 1px solid #919191;
	font-family: 'MontserratSemibold';
	font-style: normal;
	font-weight: 600;
	font-size: 14px;
	color: #555;
}
#tdEarlyReleaseWhatsTheDifferenceText{
	margin-top: 5px;
	margin-left: 20px;
	position: absolute;
	min-width: 135px;
	height: 18px;
	font-family: TTNormsProRegular;
	font-style: normal;
	font-weight: 400;
	font-size: 14px;
	line-height: 24px;
	color: #237FA4;
	border-bottom: 1px dashed;
	padding-bottom: 1px;
}
.tdEarlyReleaseMaturityIdentifierText2{
	float: right;
	display: inline-block;
	position: absolute;
	top: 560px;
	right: 36px;
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 400;
	font-size: 13px;
	line-height: 24px;
	text-align: right;
	letter-spacing: -0.25px;
	color: #394046;
	font-feature-settings: 'clig' off, 'liga' off;
}
.tdEarlyReleaseMaturityIdentifierText1{
	letter-spacing: -0.25px; 
	font-size: 13px; 
	font-family: 'MontserratSemibold';
	font-style: normal;
	font-weight: 600;
	margin-top: 80px;
	line-height: 24px;
	margin-left: 16px;
	width: 198px;
	height: 48px;
	color: #394046;
	font-feature-settings: 'clig' off, 'liga' off;
}
#balanceAfterRelease{
	float: right;
	margin-top: 16px;
	display: block;
	margin-right: 16px;
	font-family: 'MontserratSemibold';
	font-style: normal;
	font-weight: 600;
	font-size: 13px;
	line-height: 24px;
	text-align: right;
	letter-spacing: -0.25px;
	color: #394046;
	font-feature-settings: 'clig' off, 'liga' off;
}
.tdEarlyReleaseHowIsThisCalculated{
	margin-left: 20px;
	position: absolute;
	min-width: 135px;
	height: 18px;
	font-family: TTNormsProRegular;
	font-style: normal;
	font-weight: 400;
	font-size: 14px;
	line-height: 24px;
	color: #237FA4;
    border-bottom: 1px dashed;
    padding-bottom: 1px;
    font-feature-settings: 'clig' off, 'liga' off;
}
.tdEarlyReleaseBalanceAfterEarlyRelease{
	font-family: MontserratSemibold; 
	font-style: normal; 
	font-weight: 600; 
	line-height: 24px; 
	height: 24px; 
	color: rgb(57, 64, 70); 
	white-space: nowrap;
	font-feature-settings: 'clig' off, 'liga' off;
}
#greyBox{
	margin-left: 20px; 
	margin-top: 164px; 
	display: inline-block; 
	background: rgb(241, 241, 241); 
	border-radius: 4px; 
	width: 345px; 
	height: 144px;
}
.earlyReleaseAmt2Parent{
	float: right;
	margin: 16px 20px 0px 0px;
	display: inline-block;
	height: 33px;
	font-weight: 600;
	right: 0px;
	text-align: right;
	font-size: 22px;
	color: #394046;
	font-style: normal;
	line-height: 33px;
	position: absolute;
	font-family: 'MontserratSemibold';
	min-width: 76px;
	font-feature-settings: 'clig' off, 'liga' off;
}
.tdEarlyReleaseAmountClass{
	margin: 16px 0px 0px 20px;
	min-width: 93px;
	float: left;
	position: absolute;
	font-family: 'MontserratSemibold';
	font-style: normal;
	height: 33px;
	font-weight: 600;
	line-height: 33px;
	color: #394046;
	font-feature-settings: 'clig' off, 'liga' off;
}
.tdEarlyReleaseClassText1{
	position: absolute;
	display: block;
	border: 1px solid #CCC;
	margin-left: 20px;
	margin-top: 137px;
	width: 345px;
}
.tdEarlyReleaseinterestAdjustedAmt2ParentClass{
	float: right;
	margin: 57px 20px 0px 0px;
	display: inline-block;
	position: absolute;
	color: #394046;
	font-size: 13px;
	right: 0px;
	line-height: 24px;
	height: 24px;
	min-width: 76px;
	font-feature-settings: 'clig' off, 'liga' off;
	font-style: normal;
}
.tdEarlyReleaseinterestAdjustedAmt2ParentClass1{
	min-width: 93px;
	float: left;
	margin: 57px 0px 0px 20px;
	display: inline-block;
	position: absolute;
	font-style: normal;
	height: 24px;
	font-weight: 400;
	line-height: 24px;
	color: #394046;
	font-feature-settings: 'clig' off, 'liga' off;
}
.tdEarlyReleasematurityDateIdClassParent{
	margin: 0px 20px 0px 0px;
	display: inline-block;
	float: right;
	min-width: 76px;
	height: 37px;
}
.tdEarlyReleaseYourEarlyReleaseText{
	margin: 16px 0px 0px 20px;
	min-width: 93px;
	float: left;
	position: absolute;
	font-style: normal;
	height: 24px;
	font-weight: 600;
	font-size: 18px;
	line-height: 24px;
	color: #0F688A;
	font-family: MontserratSemibold !important;
	font-feature-settings: 'clig' off, 'liga' off;ssss
}
.tdEarlyReleaseCurrentBalanceClass{
	margin-top: 20px;
	position: absolute;
	right: 20px;
	font-size: 22px;
	font-style: normal;
	line-height: 32px;
	color: #0E627A;
}
.tdEarlyReleaseMatDateClass{
	margin-bottom: 0px;
	margin-top: 24px;
	line-height: 24px;
	font-style: normal;
	color: #394046;
}
.tdEarlyReleaseMatDateValueClass{
	margin-bottom: 0px;
	margin-top: 20px;
	float: right;
	margin-right: 20px;
	font-size: 13px;
	line-height: 24px;
	color: #394046;
	font-style: normal;
}
.tdEarlyReleaseAcctNumberreq{
	padding-top: 10px;
	padding-top: 10px;
	line-height: 24px;
	font-size: 13px;
	font-family: Montserrat;
	font-style: normal;
	font-weight: 400;
	color: #0F688A;
}
.tdEarlyReleasePUAcntName{
	font-weight: 600;
	line-height: 24px;
	font-style: normal;
	font-size: 18px;
	color: #0F688A;
}
.tdEarlyReleaseYourTDText{
	line-height: 32px;
	font-style: normal;
	font-size: 22px;
	color: #394046 !important;
	margin-top: 20px;
	margin-left: 12px;
}
.tdEarlyReleaseNewSubHeadingClass{
	font-style: normal; 
	color: var(--cua-colours-neutral-grey-4, #555);
	font-size: 13px;
	font-family: Montserrat;
	font-weight: normal;
	line-height: 24px;
	height: 24px;
}
.tdEarlyReleaseRequestEarlyReleaseHeading{
	font-style: normal;
	height: 24px; 
	margin-bottom: 8px; 
	line-height: 24px; 
	color: var(--cua-colours-neutral-grey-4, #555);
}
.tdEarlyReleaseNoNoticeBannerText1{
	height: auto;
	margin-top: 4px;
	letter-spacing: 0px;
	color: var(--digital-neutral-900, #394046);
	font-size: 13px;
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 400;
	line-height: 24px;
	display: flex;
	flex-direction: column;
	align-self: stretch;
}
.tdEarlyReleaseNoNoticeBannerText2{
	height: 20px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-self: stretch;
	color: var(--digital-state-info-700, #006170);
	font-size: 16px;
	font-family: TT Norms Pro DemiBold;
	font-style: normal;
	font-weight: 600;
	line-height: 24px !important;
	letter-spacing: 0px;
}
.tdEarlyReleaseNoNoticeBannerParentLi{
	display: flex;
	margin-left: 10px;
	border-radius: 4px;
	align-items: flex-start;
	background: var(--digital-state-info-200, #EDFBFD);
}
.tdEarlyReleasePendingBannerText1{
	font-family: Montserrat !important;
	color: var(--digital-neutral-900, #394046) !important;
	font-size: 13px !important;
	font-weight: 400;
	height: 20px;
	font-style: normal;
	letter-spacing: 0px;
	line-height: 20px;
}
.tdEarlyReleaseStopHoldBannerText1{
	font-family: Montserrat;
	color: #394046;
	font-size: 13px;
	font-weight: 400;
	font-style: normal;
	height: 20px;
	letter-spacing: 0px;
}
.tdEarlyReleaseStopHoldBannerParentLi{
	width: 100%; 
	display: flex;
	margin-left: 10px;
	border-radius: 4px;
	background: #EDFBFD;
}
.earlyReleaseLessThanBannerText2{
	height: 20px;
	margin-top: 4px;
	letter-spacing: 0px;
	color: var(--digital-neutral-900, #394046);
	font-size: 13px;
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 400;
	line-height: 24px;
	display: block;
	flex-direction: column;
	align-self: stretch;
}
.earlyReleaseNoticeBannerText2{
	font-weight: 400;
	height: 20px;
	letter-spacing: 0px;
	line-height: 20px;
	margin-bottom: 24px;
	align-self: stretch;
	font-style: normal;
	color: var(--digital-neutral-900, #394046);
	font-size: 13px;
	font-family: 'Montserrat';
	line-height: 24px;
}
.earlyReleaseNoticeBannerText1{
	font-style: normal; 
	color: rgb(57, 64, 70);
	font-size: 16px;
	font-weight: normal;
	height: 20px;
	letter-spacing: 0px;
	line-height: 20px;
	align-self: stretch;
	color: var(--digital-neutral-700, #65707B);
	font-size: 16px;
	font-family: TT Norms Pro DemiBold;
	font-weight: 600;
	line-height: 24px;
}
.earlyReleaseUpdateBannerText1{
	height: auto; 
	font-family: TTNormsRegular;
	font-size: 16px;
	font-weight: normal;
	letter-spacing: 0px;
	line-height: 20px;
	margin-bottom: 24px;
	align-self: stretch;
	color: var(--digital-neutral-700, #65707B);
	font-size: 16px;
	font-family: 'TTNormsProRegular';
	line-height: 24px;
}
.earlyReleaseUpdateBannerText2{
	padding-bottom: 8px;
	font-style: normal; 
	font-family: TTNormsRegular;
	font-size: 16px;
	font-weight: normal;
	height: 20px;
	letter-spacing: 0px;
	line-height: 20px;
	align-self: stretch;
	color: var(--digital-neutral-700, #65707B);
	font-size: 16px;
	font-family: TT Norms Pro DemiBold;
	font-weight: 600;
	line-height: 24px;
}
.earlyReleaseUpdateBannerParentLi{
	padding-right: 24px;
	display: flex;
	margin-left: 10px;
	border-radius: 4px;
	background: #F4F5F6;
}
.earlyReleaseConfirmNameText{
	float: left;
	top: 5px;
	left: 0px;
	font-style: normal;
	color: #65707B;
	line-height: 24px;
	font-family: 'Montserrat';
	font-weight: 400;
	width: 92%;
	position: relative;
}
.earlyReleaseConfirmTAndCLabel{
	box-sizing: border-box !important;
	top: 21px !important;
	height: 24px !important;
	width: 24px !important;
	border-radius: 2px !important;
	border: 1px solid var(--brand-primary-deep-ocean, #00384D) !important;
	background: var(--digital-neutral-000, #FFF) !important;
}
.earlyReleaseConfirmTAndCParentClass{
	margin-top: 24px;
	margin-bottom: 32px;
	font-family: 'Montserrat';
	height: 72px;
	line-height: 24px;
	font-style: normal;
	color: #65707B;
	font-weight: 400;
}
.earlyReleaseConfirmDeclarationClass{
	line-height: 24px;
	font-weight: 600;
	height: 24px;
	font-style: normal;
	color: #394046 !important;
}
.earlyReleaseConfirmToAccountText1{
	line-height: 16px;
	font-weight: 400;
	font-size: 12px;
	height: 16px;
	color: #394046;
	font-style: normal;
}
.earlyReleaseConfirmToAccountText2{
	padding-top: 0px !important;
	line-height: 24px;
	font-weight: 600;
	font-style: normal;
	height: 24px;
	color: #394046 !important;
}
.earlyReleaseConfirmTableHeading1{
	padding: 8px 16px;
	height: 24px;
	line-height: 24px;
	font-weight: 600;
	font-size: 13px;
	font-style: normal;
	color: #394046;
	font-family: 'MontserratSemibold';
}
.earlyReleaseBelowDivInfoText{
	color: var(--digital-neutral-900, #394046);
	font-feature-settings: 'clig' off, 'liga' off;
	font-family: Montserrat;
	font-size: 12px;
	margin-top: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 16px;
}
#TDGraceDivEarly{
	border-radius: 32px; 
	float: right; 
	margin-top: -3px; 
	height: unset; 
	background: var(--brand-primary-heritage-teal, #00A0B9);
}
#TDGraceDivSVG{
	width: 16px;
	height: 16px; 
	float: left; 
	padding: 8px; 
	padding-right: 4px;
}
#TDGraceDivTxtEarly{
	color: var(--digital-neutral-000, #FFF);
	font-feature-settings: 'clig' off, 'liga' off;
	font-family: TTNormsProRegular;
	font-size: 14px;
	font-style: normal;
	font-weight: 500;
	line-height: 16px;
	margin: unset; 
	padding: 8px; 
	padding-left: 0px;
}
#JointCustMIMTSBack{
	border-radius:4px !important; 
	height: 48px !important; 
	margin-right: 22px; 
	padding-right: 19px !important; 
	padding-left: 19px !important; 
	min-width: 67px !important;
}
#reqEarlyMTSBack{
	border-radius:4px !important; 
	height: 48px !important; 
	margin-right: 22px; 
	padding-right: 19px !important; 
	padding-left: 19px !important; 
	min-width: 67px !important;
}
.howIsThisCalculated{
	cursor: pointer;
	margin-left: 20px;
}
#updateEarlyMTSBack{
	border-radius:4px !important; 
	height: 48px !important; 
	margin-right: 22px; 
	padding-right: 19px !important; 
	padding-left: 19px !important; 
	min-width: 67px !important;
}
.pendingBannerPT{
	height: 24px !important;
	min-width: 76px !important;
	background: #FFF1E0;
	border-radius: 32px;
	float: right !important;
}
.pendingBannerTextPT{
	color: #B35F00;
	font-family: Montserrat;
	font-size: 12px;
	font-weight: 600;
	height: 16px;
	font-feature-settings: 'clig' off, 'liga' off;
	font-style: normal;
	line-height: 16px;
	text-align: center;
	margin: 4px 8px 4px 8px;
}
.lwcStatus{
    border-radius: 32px;
    padding: 4px 8px;
    display: block;
    font-size: 12px;
    font-style: normal;
    white-space: nowrap;
    text-align: center;
    line-height: 16px;
    font-weight: 600;
    justify-content: center;
    align-items: center;
    font-feature-settings: 'clig' off, 'liga' off;
}
.lwcMainDiv{
    height: auto;
    display: flex;
    padding: 16px 24px;
    max-width: 864px;
    box-sizing: border-box;
    flex-direction: column;
    align-items: flex-start;
    border-radius: 8px;
    background: var(--digital-neutral-000, #FFF);
}
.lwcHeader{
	color: var(--digital-neutral-900, #394046);
    font-feature-settings: 'clig' off, 'liga' off;
    font-family: Montserrat;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px;
    text-align: left;
    max-width: 816px !important;
}
.lwcBorder{
	border-bottom: 1px solid var(--digital-neutral-300, #E3E6E8);
    display: flex;
    margin-bottom: 24px;
    flex-direction: column;
    align-items: flex-start;
    align-self: stretch;
    margin-top: 16px;
}
.lwcTableDiv{
	max-width: 544px;
    display: flex;
    flex-direction: column;
    align-self: stretch;
    text-align: left;
    line-height: 24px;
}
.rightimgdiv{
	min-width: 240px;
    height: 216px;
	display: flex;
    flex: 2 0 0;
    justify-content: flex-end;
    text-align: right;
    margin-left: 32px;
}
.lwcleftdiv{
	padding-right: 16px;
    height: 24px;
    display: table-cell;
    font-size: 13px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px;
    color: var(--digital-neutral-900, #394046);
    font-feature-settings: 'clig' off, 'liga' off;
}
.lwcWebsite{
	font-feature-settings: 'clig' off, 'liga' off;
    font-family: Montserrat;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px;
    text-decoration-line: underline;
    padding-right: 16px;
}
.circleimg{
	width: 8px;
    height: 8px;
    position: absolute;
    text-align: left;
    align-items: center;
    fill: var(--digital-neutral-400, #B8BEC5);
    margin-top: 4px;
}
.accNewSubHeadingPersonal{
	display: block; 
	position: relative; 
	margin-top: 24px; 
	margin-left: 16px; 
	min-height:22px; 
	margin-bottom: 32px;
	color: rgb(57, 64, 70); 
	font-size: 18px; 
	font-family: HellixRegular; 
	font-weight: normal; 
	letter-spacing: 0px; 
	line-height: 22px;
	overflow-wrap: anywhere;
}
.applyStatusTextPersonal{
    font-feature-settings: 'clig' off, 'liga' off;
    font-family: 'TTNormsProMedium';
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    margin: 4px 8px 4px 8px;
}
.applyStatusPersonal{
	float: left !important;
    margin-left: 16px !important;
    margin-top: 24px !important;
    display: flex;
    height: 24px;
    border-radius: 32px;
    justify-content: center;
    align-items: center;
}
.applyNewInfoBoxPersonal{
	width: 958px;
    padding-right: 30px;
    padding-left: 30px;
    display: flex;
    justify-content: center;
}
.btn.ApplyAndSwitchBackGroundImgPL{
 background-image: url(../../img/IconPL.png) !important;
 background-repeat: no-repeat;
 background-size: 16px 16px !important;
 background-position: right 23px center !important;
 }
 .btn.ApplyAndSwitchBackGroundImgPL:hover{
 background-image: url(../../img/IconPL.png) !important;
 background-repeat: no-repeat;
 background-size: 16px;
 background-position: right 23px center !important;
 }
.plDisclaimerPoints{
 	list-style-type: disc;
 }
.sessionTimerModalMessage{
	display: flex;
	flex-direction: column;
	align-items: center;
	flex: none;
	order: 1;
	align-self: stretch;
	flex-grow: 0;
	margin-bottom: 40px;
}
.sessionTimerDesc{
	font-family: HellixSemiBold;
	font-size: 24px;
	font-weight: 600;
	line-height: 32px;
	padding-bottom: 24px;
}
.sessionTimerDescInner{
	font-family: TTNormsProRegular;
	font-size: 14px;
	font-weight: 400;
	line-height: 24px;
	padding-bottom: 24px;
}
.sessionTimerCount{
	font-family: HellixRegular;
	font-size: 32px;
	font-weight: 400;
	line-height: 40px;
}
.sessionTimerModalAction{
	display: flex;
	flex-direction: row;
	align-items: center;
	flex: none;
	order: 2;
	align-self: stretch;
	flex-grow: 0;
    justify-content: center;
    cursor: pointer;
}
#sessionTimerButton{
	width: 400px;
	border-radius: 4px !important;
	font-size: 18px !important;
	font-family: TTNormsProMedium !important;
	font-style: normal !important;
	font-weight: 500 !important;
	line-height: 24px !important;
	padding: 16px 20px!important;
	min-height: 56px !important;
}
.sessionTimerModalAction:hover{
	#sessionTimerButton{
		background: #79C8C3 !important;
	}
}
.sessionZIndexOverlayAdd{
	z-index: 99999 !important;
}
#dailyTransfer_Limits_desc{
 	line-height: 24px;
    font-family: Montserrat;
    font-size: 13px;
    font-weight: 400;
    text-align: left;
    margin-bottom: 48px;
    color: rgb(57, 64, 70);
}
#temporary_Limit{
    line-height: 16px;
    min-width: 253px !important;
    min-height: 32px !important;
    padding: 8px 16px 8px 16px;
    color: #B35F00;
    border-radius: 32px;
    background: #FFF1E0;
    margin-left: 16px;
}
.TransferLimit{
    line-height: 24px !important;
    font-family: 'Montserrat';
    font-size: 16px;
    font-weight: 600;
    text-align: left;
    color: #394046;
}
.leftSpan3{
	font-family: Montserrat !important;
    font-weight: 600;
    padding: 0px !important;
}
#limitChangeModal{
    width: 170px;
    border-radius: 4px !important;
    height: 56px !important;
    font-size: 18px !important;
    font-family: TTNormsProMedium !important;
    font-style: normal !important;
    font-weight: 500 !important;
    line-height: 24px !important;
    text-align: left;
    padding: 16px 16px !important;
    color: #00384D !important;
}
.addPayeeContentDiv{
	display: flex;
    justify-content: space-between;
    align-items: center;
    border-radius: 4px;
    margin-bottom: 16px;
    background: rgb(255, 255, 255);
    border: 1px solid rgb(184, 190, 197);
    padding: 16px;
    cursor: pointer;
}
.addPayeeContentDiv:hover{
	border-radius: 4px;
	background: #F5FCFF;
    border: 1px solid #81C9E4;
}
.addPayeeContentName{
	color: var(--Digital-Neutral-900, #394046);
    font-feature-settings: "clig" off, "liga" off;
    font-family: MontserratSemibold;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px;
    padding-bottom: 4px;
}
.addPayeeContentDesc{
	color: var(--Digital-Neutral-700, #65707B);
	font-feature-settings: "clig" off, "liga" off;"
	font-family: Montserrat;
	font-size: 13px;
	font-style: normal;
	font-weight: 400;
	line-height: 24px;
}
#addPayeeScamBack{
	display: flex;
    padding: 16px 20px;
    justify-content: center;
    border-radius: 4px !important;
    border: 1px solid var(--Digital-Primary-900, #00384D) !important;
    padding-top: 16px !important;
    height: 56px !important;
    font-family: TTNormsProMedium !important;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
    color: var(--Digital-Primary-900, #00384D) !important;
    font-feature-settings: 'clig' off, 'liga' off;
    min-width: 81px;
    background: white;
}
#addPayeeScamBack:hover{
	background: rgba(101, 112, 123, 0.10);
}
#addPayeeScamBack:active{
	background: rgba(101, 112, 123, 0.20);
}
.hideTitle{	
	display: none !important;
}
.loanToolTip{
	position: relative;
}
.loanToolTip>img {
	cursor: default;
	display: inline-block;
}
.loanToolTipText {
  	background: #505962;
    color: #FFFFFF;
    text-align: left;
    border-radius: 4px;
    padding: 8px 8px;
    position: absolute;
    z-index: 1;
    width: 224px;
    right: -48px;
    font-family: TTNormsProRegular;
    letter-spacing: 0.1px;
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    margin-top: 8px;
    display: none;
}
.loanToolTip>img:hover + .loanToolTipText {
	display: block;
}

/* Replatforming CSS changes*/

.leftContainer{
    margin: 0px !important;
    padding: 0px 40px;
    font-family: 'MontserratSemibold';
    font-size: 22px;
    line-height: 32px;
    text-align: center;
    border-right: 1px solid #B8BEC5 !important;
}
.leftSpanContainer{
	padding-top: 27px;
    border-right: unset !important;
    display: inline-block;
    padding-right: 32px;
    padding-bottom: 27px;
}
.alignMiddleNewImg{
	    
    margin: unset;
    width: 144px !important;
    height: 90px !important;
    padding-top: 16px;
    padding-bottom: 16.25px;
}
.alignMiddleNewImgChild{
    position: absolute;
    width: 184px;
    height: 130px;
    top: 0px;
    left: -20px;
}
.cardBtnNew{
	width: 121px !important;
    height: 40px !important;
    border-radius: 4px !important;
    font-weight: 500 !important;
    font-family: 'TTNORMSPROMEDIUM' !important;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 13px !important;
    line-height: 16px !important;
    color: #00384D !important;
    padding: 12px 16px !important;
}
.rightdivCC{
    padding: 52px 40px 32px 40px;
}
.DtlNewCardType{
	padding: 0px;
    width: 152px !important;
    min-height: 24px !important;
    line-height: 24px !important;
    font-weight:400;
}
.cardNewTitle{
	    margin: 0px;
    padding: 0px !important;
    font-size: 13px;
    font-weight: 400;
    line-height: 24px;
    text-align: left;
    color: #505962 !important;
}
.cardNewValue{
	margin: unset !important;
    padding: 0px 0px 0px 16px !important;
    font-size: 13px;
    font-weight: 600;
    line-height: 24px;
    text-align: left;
    color: #394046 !important;
    min-width:251px;
    min-height: 24px;
}
.cardNewBtn{
	float: left;
    margin-bottom: 0px;
    font-size: 13px;
    font-weight: 600;
    line-height: 16px !important;
    border: 1px solid rgb(0, 56, 77) !important;
    color: #00384D !important;
    padding: 12px 20px !important;
    width:unset !important;
}
.spanbtnContainer{
	margin: 0px;
	padding-left: 40px;
	padding-bottom: 40px;
}
.activateCardNew{
	border: 1px solid #B8BEC5; 
	border-left: 8px solid #2AB5BF; 
	border-image: initial;
	padding-bottom:32px;
}
.alertSuccessNew{
	color: #394046 !important;
	font-family: MontserratSemibold !important;
	 line-height:24px !important;
	 font-weight: 600 !important;
}
.activateCDNew{
	border: 0px;
	padding: 0px;
	padding-right: 0px;
	padding-bottom: 16.25px;
}
.widthAlignNew{
	padding: 0px 40px;
	width: 272px !important;
	text-align: center;
	border-right: 1px solid #d4d4d4;
}
.liwidthStyleNew{
	width: 50%;
    padding: 41px 40px;
    margin-left: 0px;
    float: left;
    height: 56px !important;
}
.CardsTitleTextClassNew{
	width: 192px;
	font-family: 'MontserratSemibold' !important;
	font-weight: 600 !important;
	line-height: 32px;
	text-align: center;
	color: #000000;
}
.CardsInputLabelNew{
	    width: 189.5px !important;
    font-weight: 600;
    line-height: 24px;
    color: #394046 !important;
}
.CardsCancelBtn{
	float: left;
    width: 152px;
    font-size: 16px;
    font-weight: 600;
    color: #00384D !important;
    border: 1px solid #00384D !important;
    padding: 11px 48px !important;
}
.cardActBtn{
	width: 190px !important;
    float: left;
    background-color: #99D9D5;
    font-size: 16px;
    font-weight: 600;
    color: #00384D !important;
    margin: unset !important;
    padding: 11px 54.5px !important;
}
.resetPinNoticeBannerNew{
	display: flex;
	border-radius: 4px;
	align-items: flex-start;
	background: var(--digital-state-info-200, #EDFBFD);
}
.pinBannerTextTitle {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-self: stretch;
    color: var(--digital-state-info-700, #006170);
    font-size: 14px;
    font-family: MontserratSemibold;
    font-style: normal;
    font-weight: 600;
    line-height: 24px !important;
    letter-spacing: 0px;
}
.pinBannerText {
    margin-top: 4px;
    letter-spacing: 0px;
    color: var(--digital-neutral-900, #394046);
    font-size: 13px;
    font-family: Montserrat;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    display: block;
    flex-direction: column;
    align-self: stretch;
}
#CardActivation .activateCardNew .alert:before, #CardActivation .activateCardNew .alert-success:before,
#reset_PinNew .activateCardNew .alert:before, #reset_PinNew .activateCardNew .alert-success:before {
    top: 24px !important;
    width: 24px !important;
    height: 24px !important;
    min-height: 24px !important;
}
.pageHeaderNew{
    margin-bottom: 32px;
    color: #394046;
    font-weight: 600;
    line-height: 32px;
    font-size: 22px;
    font-family: 'MontserratSemibold';

}
.paddingleft{
	padding-left:16px;
}
.cardNewBtn:hover{
	border: 1px solid rgb(0, 56, 77) !important;
    color: #00384D !important;
    background-color: #65707B1A !important;
}
.ccAlertContainer{
	height: 67px;
    background: #FCE8E8;
    display: flex;
}
.ccAlertContainerText{
	margin: 24px 24px 24px 0px;
    font-family: Montserrat;
    font-weight: 400;
    font-size: 13px;
    line-height: 24px;
    letter-spacing: 0px;
}