@charset "utf-8";
/* Fonts */
@font-face {
    font-family: 'futurabold';
    src: url('../fonts/ufonts.com_futurabt-bold-opentype-webfont.eot');
    src: url('../fonts/ufonts.com_futurabt-bold-opentype-webfont.eot?#iefix') format('embedded-opentype'),
         
         url('../fonts/ufonts.com_futurabt-bold-opentype-webfont.woff') format('woff'),
         url('../fonts/ufonts.com_futurabt-bold-opentype-webfont.ttf') format('truetype'),
         url('../fonts/ufonts.com_futurabt-bold-opentype-webfont.svg#futurabold') format('svg');
    font-weight: normal;
    font-style: normal;

}


.sami{
	
	float:right;
	    margin: 0px 12px 10px 5px;
	padding: 1px 2px 0px 2px !important;
	
	
}


.sami1{   
 margin: 30px 0px 0px 660px;
}
 

.sami2{
	
	margin: 0px 0px 0px 36px;
}
/*
#cardval-error{
	width:100%!important;
}
#Confpin-error{
	width:100%!important;
}
#Newatm-error{
	width:100%!important;
}
#Otps{
	width:100%!important;
}

*/

@font-face {
    font-family: 'futura_md_btmedium';
    src: url('../fonts/16020_futuram-webfont.eot');
    src: url('../fonts/16020_futuram-webfont.eot?#iefix') format('embedded-opentype'),
         
         url('../fonts/16020_futuram-webfont.woff') format('woff'),
         url('../fonts/16020_futuram-webfont.ttf') format('truetype'),
         url('../fonts/16020_futuram-webfont.svg#futura_md_btmedium') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'futura_lt_btlight';
    src: url('../fonts/futural-webfont.eot');
    src: url('../fonts/futural-webfont.eot?#iefix') format('embedded-opentype'),
         
         url('../fonts/futural-webfont.woff') format('woff'),
         url('../fonts/futural-webfont.ttf') format('truetype'),
         url('../fonts/futural-webfont.svg#futura_lt_btlight') format('svg');
    font-weight: normal;
    font-style: normal;

}


/* /Fonts */
/* Reset CSS Start*/
* { margin: 0; padding: 0; box-sizing: border-box; /*-webkit-appearance:none*/; }
.clear { font-size: 1%; height: 0; line-height: 0; width: 0; float: none; clear: both; }
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
.clearfix {display: inline-block;}
input { outline: none }
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #c4c4c4;  opacity: 1; filter: alpha(opacity=100)}
input::-moz-placeholder, textarea::-moz-placeholder {color: #c4c4c4;opacity: 1; filter: alpha(opacity=100)}
input:-ms-input-placeholder, textarea:-ms-input-placeholder { color: #c4c4c4;opacity: 1; filter: alpha(opacity=100)}
input:-moz-placeholder, textarea:-moz-placeholder { color: #c4c4c4;opacity: 1; filter: alpha(opacity=100)}
ul { list-style: none; }
:focus { outline: 0; }/* remember to highlight inserts somehow! */
img, img a { border: 0; outline: 0; }
a { text-decoration: none; outline: none; }
a.selected {cursor: default; }
a:hover { text-decoration: none; }
img { border: none; }
html { width: 100%; height: 100%; overflow-x: hidden; -webkit-text-size-adjust: 100%; }
h1, h2, h3, h4, h5 table, table tr td, table tr th { border: none; font-weight: normal}
textarea { resize: none; border: none; outline: none; background: none }
body { color: #353535; margin: 0; padding: 0px; font-size: 62.5%; font-weight: normal; font-family:Lato,sans-serif; background: #fff; overflow-x: hidden; }
input { background: none; }
header, footer, section, aside, nav, article, figure { display: block; padding: 0; margin: 0; }
.fl { float: left!important; }
.fr { float: right!important; }
.alignCenter { text-align: center!important; }
.alignLeft { text-align:left!important; }
.relative { position: relative; }
.noborder { border: none!important; }
.bgNone { background: none!important; }
.nopadding { padding: 0!important; }
.noMargin { margin: 0!important; }
.overlay { background: #000; opacity: 0.8; filter: alpha(opacity=80); display: none; height: 100%; left: 0; position: fixed; top: 0; width: 100%; z-index: 4; }
/* Reset CSS End*/
header,nav, section, footer { float: left; width: 100%; box-sizing: border-box}
.container { width: 100%; max-width: 1140px; margin: 0 auto; box-sizing: border-box; padding: 0 20px}

.logobar { background: url(../images/bg-header.gif) repeat-y center top; float: left; width: 100%; padding: 2.8em 0;}
.logobar h1 { float: left; font-family: Lato,sans-serif; font-size: 1.7em; color: #fff; text-transform: uppercase; padding: 0.7em 0 0}
.logobar img { float: right}

.banner { background: url(../images/banner1.jpg) no-repeat center 0;background: url(../images/banner1.jpg) no-repeat center 0 / cover; width: 100%; height: 496px; /*padding: 42px 0 0; float: left*/margin: 79px 0px 0px 0px!important;/*display: -webkit-inline-box;*/background-size: contain;}
.banner .container { position: relative}
.bannertext { float: right; max-width: 450px; width: 100%; color: #fff; text-align: center;}
.bannertext  img{float: right; margin-right: 55px;}
.bannertext h2 { font-size: 3.5em; font-family: Lato,sans-serif; text-transform: uppercase}
.bannertext p { font-size: 2.6em; font-family: Lato,sans-serif; padding: 5px 0; text-transform: uppercase; text-align: left;     transform: rotate(-11deg); font-style: italic; letter-spacing: -2px;}
.bannertext p{float:right;}
.loginbox { background: url(../images/bg-loginbox.png) repeat 0 0; padding: 10px!important; max-width: 220px; width: 100%; float: left; height: 400px;margin: 10px 0px 0px -100px}
.loginbox .field { float: left; width: 120%; padding-bottom: 12px;margin-left: 15px;}
.loginbox .field input { float: left; width: 140px; height: 32px; border: 1px solid #d2d1d1; background: #fff;/* padding: 5px 10px;*/ font-size: 1.3em; color: #c4c4c4; font-family: Lato,sans-serif}
.loginbox .field img { float: left; padding-right: 5px; height: 30px}
.loginbox .field p.errormessage { float: left; color: #ff0000; font-size:1.1em; padding: 5px 0 0 50px}
.loginbox .field input.checkbox { width: 30px}
.loginbox .field .checkboxbtn label { cursor: pointer;font-family: Lato,sans-serif; font-size: 1.5em; color: #323232; padding: 12px; float: left;  }
.checkboxbtn { position: relative; float: left; width: 200px; margin-bottom: -10px;     line-height: 12px;}
.loginbox .field .checkboxbtn input {
    height: 30px;
    left: -7px;
    opacity: 0;
    padding: 0;
    position: absolute;
    top: 4px;
    transform: scale(1.5);
    width: 30px !important;
    z-index:2;
}
.checkboxbtn span.cheked, .checkboxbtn span.uncheked {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #d2d1d1;
    display: inline-block;
    float: left;
    height: 20px;
    left: -3px;
    margin-right: 0;
    position: relative;
    top: 8px;
    width: 20px;
    z-index: 1;
}
.checkboxbtn span.cheked {
    background: #ebebeb url("../images/checkbox_selected.gif") no-repeat scroll 1px 2px;
}
.loginbox .field.submitfield { padding-left: 30px; }
.loginbox .field.submitfield input {border: none; background: #ad275f; color: #fff; font-size: 1.5em; font-family: Lato,sans-serif; cursor: pointer; margin-bottom: 5px; opacity: 1; border-radius: 0}
.loginbox .field.submitfield a { color: #ae275f; font-size: 1.3em; font-style: italic;font-family: Lato,sans-serif; text-decoration: underline; display: block; margin: 10px 0 0; float: left; width: 100%}

.homecontent { padding: 50px 0 0; float: left; width: 100%; }
.importantfeatures { width: 40%; float: left; max-width: 380px }
.homecontent h3 { border-bottom: 1px solid #d2d1d1; padding: 5px 0 17px 42px; font-size: 1.6em; text-transform: uppercase; background: url(../images/impfeatures-icon.png) no-repeat 0 0; font-family: Lato,sans-serif; margin-bottom: 30px}

.importantfeatures ul li { padding-bottom: 15px; float: left; width: 100%}
.importantfeatures ul li span.text { font-size: 1.6em; font-family: Lato,sans-serif; display: block; width: 90%; float: left; padding: 2px 0 0 8px }
.importantfeatures ul li span.number {font-family: Lato,sans-serif; font-size: 1.4em; color: #c1c1c1; border-right: 1px solid #e9e9e9; display: block; width: 25px; float: left; padding-right: 6px}

.viewdemos { width: 55%; float: right; max-width: 675px}
.homecontent .viewdemos h3 { background: url(../images/video-icon.png) no-repeat 0 0; padding-left: 50px }
.videothumbs { float: left; width: 100%}
.videothumbs .videothumb { float: left; width: 25%; max-width: 134px; padding: 0px; background: #e9e9ea; margin-left: 3%}
.videothumbs .videothumb:first-child { margin-left: 0} 
.videothumbs .videothumb img { width: 100%; float: left}
.videothumbs .videothumb a.linktext { display: block; float: left; width: 100%}
.videothumbs .videothumb a.linktext span.text { font-size: 1.4em; color: #333; display: block; width: 75%; border-right: 1px solid #fff; padding: 10px 10px; margin: 5px 0 0 0; font-family: Lato,sans-serif; float: left; }
.videothumbs .videothumb a.linktext span.icon { background: url(../images/videolink-icon.png) no-repeat 0 0; width: 17px; height: 17px; display: block; float: left; margin: 15px 0 0 13px}
.videothumbs .videothumb .videothumbinner { float: left; width: 100%}



.lightboxoverlay { display: none; background: #fff; padding: 15px; position: fixed; width: 90%; max-width: 650px; top: 50%; left: 50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%);   z-index: 5 }
.lightboxoverlay span.close { position: absolute; background: #fff; padding: 5px 10px; font-weight: bold; font-size: 1.6em; color: #ad275f; right: 0; top:-28px; cursor: pointer}
.lightboxcontent {
	position:relative;
	padding-bottom:56.25%;
	padding-top:30px;
	height:0;
	overflow:hidden;
}

.lightboxcontent iframe {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}
.lightboxoverlay1 { display: none; background: #fff; padding: 15px; position: fixed; width: 90%; max-width: 650px; top: 50%; left: 50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%);   z-index: 5 }
.lightboxoverlay1 span.close { position: absolute; background: #fff; padding: 5px 10px; font-weight: bold; font-size: 1.6em; color: #ad275f; right: 0; top:-28px; cursor: pointer}
1


/* Dashboard */
.maincontent { float: left; width: 100%; margin-bottom: 50px}
.lastvisit { color: #858585; font-family: Lato,sans-serif; font-size: 1.2em; float: left; width: 100%; text-align: right; padding: 20px 15px 30px}
.lastvisit span.time { display: inline-block; padding-left: 10px}
.maincontent .heading { border-bottom: 1px solid #dcdcdc; float: left; width: 100%; margin-bottom: 20px; padding: 0 15px }
.maincontent .heading h2 { border-bottom: 4px solid #dcdcdc; font-size: 1.6em; text-transform: uppercase; display: inline-block; float: left; padding: 8px 16px; font-family: Lato,sans-serif;}
.maincontent .heading span.tildate { color: #ae275f; font-family: Lato,sans-serif; font-size: 1.3em; display: inline-block; float: right; font-style: italic; padding-top: 14px}
.tabledata { overflow-x: auto; float: left; width: 100%; padding: 15px 0;}
.tabledata table { border-top: 1px solid #dcdcdc; border-left: 1px solid #dcdcdc; /*border-collapse: collapse;*/ width: 100% }
/*.tabledata table tr th, .tabledata table tr td { border-bottom: 1px solid #dcdcdc; border-right: 1px solid #dcdcdc;     padding: 15px 22px 12px 22px; font-size: 1.5em; text-align: center; font-family: 'futura_lt_btlight'; color: #ae275f; line-height: 1.3em}
*/
.tabledata table tr th, .tabledata table tr td { border-bottom: 1px solid #cccdcd; border-right: 1px solid #cccdcd;     padding: 15px 22px 12px 22px; font-size: 1.5em; text-align: center; font-family: Lato,sans-serif; color: #000; line-height: 1.3em}

.tabledata table tr td a[rel="tel"], .tabledata table tr td a[rel="email"]{color: #ae275f;}
.tabledata table tr th { background: #f5f4f5; font-family: Lato,sans-serif; }
.tabledata table tr th, .tabledata table tr td span { color: #353535}
.cardproductdetails { float: left; width: 100%}
.cardproductdetails h3 { font-size: 1.8em; font-family: Lato,sans-serif; display: inline-block; padding-left: 30px}
.cardproductdetails h3 span, .cardproductdetails h3 a { color: #ae275f; font-family: Lato,sans-serif; }
.cardproductdetails ul.cardproducts { padding-left: 30px}
.cardproductdetails ul.cardproducts li { float: left;; border: 1px solid #dcdcdc; padding: 15px; height: 220px; margin-top: 40px; width: 210px; margin-left: 7%}
.cardproductdetails ul.cardproducts li:first-child {margin-left: 0}
.cardproductdetails ul.cardproducts li:nth-child(4n+1) { margin-left: 0; }
.cardproductdetails ul.cardproducts li .image { text-align: right;  border-bottom: 1px solid #dcdcdc }
.cardproductdetails ul.cardproducts li .image img { margin-bottom: -4px}
.cardproductdetails ul.cardproducts li .inner { max-width: 180px; width: 100%; margin: 0 auto}
.cardproductdetails ul.cardproducts li .inner .content p { font-size: 1.5em; padding-bottom: 10px; float: left; width: 100%}
.cardproductdetails ul.cardproducts li .inner .content { padding: 15px 0 0; margin: 0 auto; width: 150px; }
.cardproductdetails ul.cardproducts li .inner .content p span { display: inline-block;}
.cardproductdetails ul.cardproducts li .inner .content p span.seperator {width: 3px; margin: 0 2px; font-weight: bold}
.cardproductdetails ul.cardproducts li .inner .content p span.label { font-family: Lato,sans-serif; width: 70px; padding-left: 5px}
.cardproductdetails ul.cardproducts li .inner .content p span.value { font-family: Lato,sans-serif; width: 65px; padding-left: 15px; color: #ae275f}
a.nophoneno { pointer-events: none}
/* Dashboard */

.nav { float: left; width: 100%; border-bottom: 1px dotted #ddd; font-family: Lato,sans-serif; height: 58px}
.profile { float: right; }
.nav ul li { display: inline-block; padding: 19px 0 15px; font-size: 1.3em; font-style: italic; margin-left: 10px; position: relative}
.nav ul li span { color: #ae275f; font-family: Lato,sans-serif;}
.nav ul li.active { background: #efefef}
.nav ul li a { border-left: 1px solid #ccc; background: url(../images/profile-icon.png) no-repeat 10px 0; font-style: normal; padding: 5px 10px 3px 38px; color: #353535; display: inline-block; line-height: 16px;}
.nav ul li a span.downarrow { float: right; margin: 5px 12px 0 6px}
.nav ul li a span.text { float: left; display: inline-block; color: #353535}

.nav ul li ul { position: absolute; right: 0; top: 56px; background: #f5f4f5; padding: 15px 10px 15px 0; width: 200px; display: none; z-index: 1}
.nav ul li ul li { padding: 0;}
.nav ul li ul li a { background: url(../images/arrow-icon.png) no-repeat 8px 48%; font-size:  0.8em; padding: 0 0 0 25px; display: block; color: #353535}
.nav ul li ul li:first-child a, .nav .mainnav ul li ul li:first-child a { border: none; }
.nav ul li ul li a.active {color: #ae275f; } 
.nav ul li.hover{ background: #f5f4f5}
.nav ul li.hover ul, .nav ul li ul.open { display: block; }

.nav .mainnav ul li.hover a { font-family: Lato,sans-serif; /*font-size: 0.9em;*/ display: inline-block;/* padding: 3px 10px 4px 38px*/}
.nav .mainnav ul li.hover ul li a {font-family: Lato,sans-serif; padding: 1px 10px 1px 25px;}


.nav .mainnav ul li a span.downarrow {margin:6px 12px 0 6px}
/*.nav .mainnav ul li.hover a span.downarrow{ margin-top: 7px}*/
.nav .mainnav ul li ul li { padding: 0;}
.nav .mainnav ul li { padding: 17px 0 15px 10px; font-size: 1.5em; margin-left: 0;     line-height: 16px;}
.nav .mainnav ul li a { border: none;}
.nav .mainnav ul li ul { right: auto; left: 0; width: 600px; padding-left: 8px}
.nav .mainnav ul li ul li, .nav .mainnav ul li ul li a { font-size: 1em}
.nav .mainnav ul li ul li a {padding: 1px 10px 1px 25px; background-position: 9px 45%; border-left: 1px solid #ccc;}


.nav .mainnav ul li a.accounts { background: url(../images/accounts-icon.png) no-repeat 3px 0; width: 138px}
.nav .mainnav ul li a.personalize  { background: url(../images/personalize-icon.png) no-repeat 3px 0; }

.nav ul li.nodropdown.hover { background: none}
.nav ul li a.inneractive{font-family: Lato,sans-serif;padding: 0px 10px 3px 38px;}

span.downarrow {border-color: #ae275f transparent;
	border-style: solid;
	border-width: 5px 5px 0px 5px;
	height: 0px;
	width: 0px;}
h1 a { color: #fff}

footer { padding: 35px 0; border-top: 1px solid #d2d2d2; margin-top: 60px}
footer p { font-size: 1.4em; color: #252525; float: left;font-family: Lato,sans-serif; padding: 0.5em 0 0; width: 40%;}
footer p a { color: #252525}
footer .tnc { float:  right; padding: 7px 0 0 0; width: 60%;}
footer .tnc ul { text-align: right; float: right; padding-right: 7px}
footer .tnc ul li { float:  left; font-size: 1.4em; font-family: Lato,sans-serif;  }
footer .tnc ul li a { color: #252525; border-left: 1px solid #7d7d7d; padding: 0 0.7em;}
footer .tnc ul li:last-child a { padding-right: 0}
footer .tnc ul li:first-child a { border: none}


.row{width: 100%; float: left; padding: 15px 0;}
.specify-range{float: left; }
.radiobtn span {float:left; position:relative }
.radiobtn .cheked, .radiobtn .uncheked {background:url(../images/bg-radio.png) no-repeat 0 0; display:inline-block; height:26px;  position:absolute; top:0; width:26px; z-index:1 }
.radiobtn .cheked {background-position:0 -34px}
.radiobtn .uncheked {background-position:0 0;}
.radiobtn label { cursor: pointer;font-family: Lato,sans-serif; font-size: 1.5em; color: #323232; padding: 7px 30px 7px 12px; vertical-align: top; display: inline-block; }
.radiobtn { position: relative; }
.radiobtn input {
    height: 26px;
    padding: 0;
    opacity: 0;
    width: 26px;
    z-index:2;
    display: inline-block;
    position: relative;
}

/**samimulla css changes 04-04-17 */

#Request-2{background:url(../images/bg-radio.png) no-repeat 0 0; display:inline-block; height:26px;  position:absolute; width:26px; z-index:1}
/*#Request-2{cursor: pointer;font-family: 'futura_lt_btlight'; font-size: 1.5em; color: #FF356; padding: 7px 30px 7px 12px; vertical-align: top; display: inline-block;}
/* .row{width: 100%; float: left; padding: 15px 0;}
.card-range{float: left; }
.radioacc span {float:left; position:relative }
.radioacc .check, .radioacc .uncheck {background:url(../images/bg-radio.png) no-repeat 0 0; display:inline-block; height:26px;  position:absolute; top:10px; width:26px; z-index:1 }
.radioacc .check {background-position:0 -34px}
.radioacc .uncheck {background-position:0 0;}
.radioacc label { cursor: pointer;font-family: 'futura_lt_btlight'; font-size: 1.5em; color: #323232; padding: 7px 30px 7px 12px; vertical-align: top; display: inline-block; }
.radioacc { position: relative; }
.radioacc input {
    height: 26px;
    padding: 0;
    opacity: 0;
    width: 26px;
    z-index:2;
    display: inline-block;
    position: relative;
} */
/**/
.filter-daterange{width: 100%; float: left; padding: 15px 30px 30px 30px;}
.filter-daterange .radiobtn{float: left; line-height: 14px}
.filter-daterange label{font-size: 1.5em; font-family: Lato,sans-serif;}
.filter-daterange .field{display: inline-block; padding: 0 10px;}
.filter-daterange .field input{display: inline-block; width: 120px; line-height: 1.8; border: 1px solid #d2d1d1;background: #fff;padding: 5px 10px;font-size: 1.3em;
    color: #ae275f; font-family: Lato,sans-serif; margin-left: 10px;}

.update-profile  table tr th, .update-profile table tr td{text-align: left; vertical-align: top;}
.update-profile table tr td:nth-child(1n){width: 18%;}
.update-profile table tr td:nth-child(2n){width: 32%;}
.update-profile table tr td:nth-child(3n){width: 18%;}
.update-profile table tr td:nth-child(4n){width: 32%;}
.update-profile{padding: 6px 0;}
.update-profile .field{width: 100%; float: left; padding-bottom: 10px;}
.update-profile .field .phone-code{width: 50px; margin-right: 10px;}
.update-profile .field .phone-no{width: 170px;}
.update-profile .field input{display: inline-block; width: 235px; height: 34px; padding: 5px 10px; border: 1px solid #d2d1d1;background: #fff; font-size: 1.3em;
    color: #c4c4c4; font-family: Lato,sans-serif; }
 .update-profile  table tr td p span   {color: #aaaaaa;}
 .mandatory{font-size: 1.5em; float: right; font-family: Lato,sans-serif; padding:5px 10px 0 0;}
 .mandatory span{color: #ae275f;}
.btn-style{border: none; background: #ad275f; color: #fff; font-size: 1.5em; font-family: Lato,sans-serif; cursor: pointer; padding: 10px 30px 6px 30px; opacity: 1; border-radius: 0; margin-left: 30px;}
.ui-datepicker-trigger{vertical-align: middle; padding-left: 5px; cursor: pointer;}

.account-data{width: 100%; float: left;}
.account-data .tabledata table th:first-child{width: 12%;}
.inner-wrap{width: 100%; float: left; padding: 0 30px}
.card-number{width: 100%; float: left;  background: url('../images/card-icon.png') no-repeat 0 center; padding: 15px 0 15px 75px; margin: 15px 0  }
.account-data .card-number{margin: 0 0 40px 0;}
.account-data p{font-size: 15px; font-family: Lato,sans-serif; line-height: 24px;}
.account-data p span{font-size: 16px;  font-family: Lato,sans-serif; color: #ae275f; display: block;}
.acGetdetail,.acPutdetail{display: none;}


.inner-wrap-cardlock {float: left; padding: 0 0 0 30px ; margin-bottom: 15px; width: 100%; position: relative; }
.cardDet-cardlock{background: url("../images/card-icon.png") no-repeat scroll 0 center; position: absolute; bottom: 0; float: left; padding: 0 0 0 75px; width: 50%;}
.cardDet-cardlock p{font-family: "Lato,sans-serif"; font-size: 15px; line-height: 24px; }
.cardDet-cardlock p span {color: #ae275f; display: block; font-family: "Lato,sans-serif"; font-size: 16px; }
.cardInfo{width: 40%; float: right; background: #f5f4f5; padding: 18px 30px;}
.cardInfo ul{width: 100%;}
.cardInfo ul li{font-size: 1.2em;  font-family: Lato,sans-serif; color: #858585; line-height: 18px; margin: 0 0 10px 0; display: table;}
.cardInfo ul li:last-child{margin-bottom: 0;}
.cardInfo ul li p{display: table-cell; vertical-align: middle;}
.cardInfo ul li p a[rel="tel"]{color: #858585;}
.cardInfo ul li span{width: 41px; height: 29px; float: left; margin-right: 10px;}
.cardInfo ul li span.cardBlock{background: url("../images/card-info-img.png") no-repeat 0 0;}
.cardInfo ul li span.cardMiss{background: url("../images/card-info-img.png") no-repeat 0 -50px ;}
.cardlock-submit {float: left; padding: 34px 0 0 30px ; width: 550px; position: relative; }
.cardLock-textarea{border: 1px solid #d2d1d1; outline: medium none; resize: none; width: 550px; margin:10px 0; min-height: 100px;}
.cardlock-submit label{color: #353535; float: left; font-family: "Lato,sans-serif"; font-size: 1.5em;}
.cardlock-submit label span{color: #ae275f;}
.cardlock-submit .btn-style{margin:0;}

/*Change Password & forgot atm pin styling*/
.contentareaPwchange{width: 100%; float: left; padding: 0 30px} 
.passwordMain{width: 100%; float: left;}

.passwordMain_col{width: 33.333%; float: left;}
.passwordMain_twocol{width: 50%; float: left;}
.passwordMain label{color: #353535; font-family: "Lato,sans-serif"; font-size: 1.5em; line-height: 34px; float: left; width: 28%;}
.changeLabel .passwordMain label {width:35%;}
.passwordMain .inputDiv {float: left; padding-bottom: 35px; width: 65%; }
.passwordMain .inputDiv input {background: #fff; border: 1px solid #d2d1d1; color: #ae275f; float: left; font-family: "Lato,sans-serif"; font-size: 1.5em; line-height: 1.8; padding: 5px 10px; width: 194px; }
.passwordMain .inputDiv input.dateInput{width: 104px;}
.passwordMain .inputDiv input.btn-style {background: #ad275f none repeat scroll 0 0; border: medium none; border-radius: 0; color: #fff; cursor: pointer; font-family: "Lato,sans-serif"; font-size: 1.5em; margin-left: 0px; opacity: 1; padding: 10px 30px 6px; width: auto; }
.maincontent .passWordpolicy{background: #f5f4f5; float: left; margin: 10px 0; padding: 25px; margin: 0 30px;}
.maincontent .passWordpolicy h2{border:none; float: left; font-family: Lato,sans-serif; font-size: 1.4em; padding: 8px 8px 16px; width: 100%; text-transform: none;}
.passWordpolicy .passWordpolicyList {float: left; width: 50%; padding: 0 0 0 15px;}
.passWordpolicy .passWordpolicyList li {color: #353535; font-family: "Lato,sans-serif"; font-size: 1.5em; line-height: 20px; padding: 7px 0 0 40px; min-height: 55px; width: 92%; position: relative;}
.passWordpolicy .passWordpolicyList li::before {/*background:#fff;*/ border:1px solid #dcdcdc; color: #ad275f; content: attr(data-rel); display: block; font-family: "Lato,sans-serif"; font-size: 1em;  height: 30px; left: 0; line-height: 30px; position: absolute; text-align: center; top: 0; width: 30px; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%;}
.passwordMain label span{color: #ae275f;}
.forgotAtmsubmit{margin: 0 0 0 35%;}
.passwordMain .forgotAtmsubmit input.btn-style{margin: 0;}
.selectWrap {background: #fff none repeat scroll 0 0; border: 1px solid #cbcbcb; float: left; width: 85px; }
.selectWrap .dropdownSelectbg {background: url("../images/dropdown-arrow.png") no-repeat scroll 90% center; height: 34px; position: relative; width: 100%; }
.selectWrap .dropdownSelectbg .selectedvalue {color: #ae275f; font-family: Lato,sans-serif; font-size: 1.3em; height: 34px; left: 0; line-height: 16px; overflow: hidden; padding: 10px 0 0 5px; position: absolute; top: 0; width: 100%; }
.selectWrap .dropdownSelectbg select {cursor: pointer; height: 100%; left: 0; opacity: 0; position: absolute; top: 0; width: 100%; }
.yearDropmargin{margin: 0 0 0 24px;}
.top-heading{font-family: Lato,sans-serif; font-size: 1.5em; color: #353535; padding-bottom: 30px;}
.textRight {text-align:right; padding-right:5px;}
 /*Change Password & forgot atm pin styling*/

 
}

/*Deepak css changes 02-02-17 */

.loginbox .field.submitfield a.linktext2 { display: block; float: left; width: 100%}
.trouble-logging { border: 1px solid #ccc; width: 100%; float: left; padding: 10px; display: none; }
.trouble-logging p { font-size: 1.6em; font-family: Lato,sans-serif; color: #353535; text-align: center;}
.trouble-logging p.contpoph {font-family: "Lato,sans-serif"; clear:both; padding:5px;}
.aaa { display: none;}
/*****************Selectbox***********************/
.selectWrapper span.arrow { background: url("../images/dropdown-arrow.png") no-repeat scroll 0 0; content: ""; height: 9px; position: absolute; right: 10px; top: 15px; width: 14px; }
.selectWrapper { background: #fff none repeat scroll 0 0; border: 1px solid #d0d0d0; float: left; height: 40px; margin: 10px 0 25px; padding: 11px 8px; position: relative; width: 100%; }
.selectText { color: #000; font-size: 1.3em; height: 20px; overflow: hidden; position: relative; width: 100%; font-family: Lato,sans-serif }
.selectWrapper select { height: 100%; left: 0; opacity: 0; filter: alpha(opacity=0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -khtml-opacity: 0; position: absolute; top: 0; width: 100%; }
.selector { border: 1px solid #a6a6a6; float: right; height: 36px; margin: 5px 0; padding: 0; position: relative; width: 100%; }
/*****************Selectbox***********************/

.frgtPass {padding-top:10px; float:left;}
.card-statement-date-range { padding: 15px 0 30px 30px}
/*.customer-detail table, .customer-detail table tr td, .customer-detail table tr th { border:none;}*/
/*.customer-detail table tr td.firstname { background: #f3f3f3;}*/
.card-statement-card-number table tr th { color: #000; border: none; }
.card-statement-card-number table tr td { color: #000; border: none}
.card-statement-card-number table { border: 1px solid #dcdcdc}
.row1 { text-align: center;}
.row1 input.abc { padding: 10px 50px 6px 50px}




/*Deepak css changes 02-02-17 */

.icon {width:30px; height:34px; background-repeat:no-repeat; background-position:0 0; display:block;}
.pdfIcon {background-image: url("../images/pdfIcon.gif")}
.excelIcon {background-image: url("../images/excelIcon.gif")}
.csvIcon {background-image: url("../images/csvIcon.gif")}


.relogging {width:18%; max-width:326px; font-size:1.2em; height:100px;}
.relogging a {color: #ad275f;}
.marginTop {margin-top:15px;}