/*body{
	background: #F3F0EA url(../images/MaterialBackground.jpg) no-repeat !important;
    background-position: center top;
    background-size: cover!important;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    -ms-background-size: cover;
    min-height: 100%;
}*/
/*--------ERROR MSG CSS : START----------*/
body [name="CustomNPCIDebitCardFG"] #MessageDisplay_TABLE {width: 80% !important;margin: 0px auto;display: table;padding: 5px 0px 0px 0px !important;}
body [name="CustomNPCIDebitCardFG"] #MessageDisplay_TABLE  .errorContentWrapper{padding-left: 0px !important;}
/*--------ERROR MSG CSS : END----------*/

.top_customNPCIDebitConfirm    {
	padding: 25px 0px;
    /* margin-left: 10%; */
    background-color:transparent;
    /* float: left; */
    width: 80%;
    margin: 0px auto;
    display: table;
}
.customNPCIDebitConfirm_msg{
   background-image: linear-gradient( linear, left bottom, left top, color-stop(0.25, rgb(245, 245, 245)), color-stop(1, rgb(255, 255, 255)) );
  background-image: -o-linear-gradient( linear, left bottom, left top, color-stop(0.25, rgb(245, 245, 245)), color-stop(1, rgb(255, 255, 255)) );
  background-image: -moz-linear-gradient( linear, left bottom, left top, color-stop(0.25, rgb(245, 245, 245)), color-stop(1, rgb(255, 255, 255)) );
  background-image: -webkit-linear-gradient( linear, left bottom, left top, color-stop(0.25, rgb(245, 245, 245)), color-stop(1, rgb(255, 255, 255)) );
  background-image: -ms-linear-gradient( linear, left bottom, left top, color-stop(0.25, rgb(245, 245, 245)), color-stop(1, rgb(255, 255, 255)) );
     background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0.25, rgb(245, 245, 245)), color-stop(1, rgb(255, 255, 255)) );
  border: solid 1px #e9e8e8;
  /* vendor rules */
  border-radius: 20px;
  /* vendor rules */
  box-shadow: inset 0 5px 5px rgba(255, 255, 255, 0.4), 0 1px 3px rgba(0, 0, 0, 0.2);
  /* vendor rules */
  box-sizing: border-box;
  clear: both;
  float: left;
  margin-bottom: 35px;
  padding: 8px 30px;
  position: relative;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.7);
  width: 100%;
  width: -webkit-fill-available;
    
  max-width: 100%;
  word-wrap: break-word;
}



.customNPCIDebitConfirm_msg:before, .customNPCIDebitConfirm_msg:after {
  border-radius: 20px / 10px;
  content: '';
  display: block;
  position: absolute;
}

.customNPCIDebitConfirm_msg:before {
	border: 10px solid transparent;
	border-bottom-color:#e9e8e8;
	bottom: 0;
    left: -8px;
    z-index: 2;
}

.customNPCIDebitConfirm_msg:after {
	border: 8px solid transparent;
	border-bottom-color: #f5f5f5;
	bottom: 2px;
    left: -5px;
    z-index: 99;
}
.login_msgtext{
	font-size: 15px;
    color: #757575;
    line-height: 25px;
}
.login_msgtext:nth-letter(4) { font-size:20px; color:#757575;font-family:;}

.common_customNPCIDebitConfirm{
	margin-top: ;
    position: relative;
    float: left;
    border: 1px solid #e5e5e5;
	width: 100%;
	width: -webkit-fill-available;
	background: #fff;
}
.common_customNPCIDebitConfirm h3 {
    background-color: #e9e8e8;
    color: #1b3281 !important;
}
.left_customNPCIDebitConfirm {
    width: 65.6%;
    background: #f5f5f5;
    background-image: linear-gradient(13deg, #fff 19%, #f5f5f5 100%);
    float: left;
    margin: 10px 0px 10px 10px;
    border: 0;
    padding: 15px;
    border-radius: 5px;
    border: 1px solid #f3f3f3;
    box-shadow: inset 0px -4px 44px #e0e0e09c;
    box-shadow: 0px 3px 6px #cccccc52;
}
.right_customNPCIDebitConfirm .custom_WidgetImg img{border: 1px solid #c7c9c9;}
.right_customNPCIDebitConfirm {
         width: 28%;
    float: right;
    padding: 10px 10px 10px 0px;
}

.left_customNPCIDebitConfirm .stage3_inputpanel_column{
	text-align: left !important;
    width: 24%;
}
.left_customNPCIDebitConfirm .loginPanelColumnDetailStyle {
    margin-left: 0px !important;
}
.containerStyle label{color: #757575;}
.customNPCIDebitConfirm_button {
    padding: 15px 0px;
    float: left;
    width: 100%;
}
 .customNPCIDebitConfirm_label:after {
    content: ':';
    float: right;
    color: #757575;
    padding-right: 0;
	position: absolute;
    right: 0;
}
.customNPCIDebitConfirm_field, .customNPCIOtpSection{
    float: left;
    width: 100%;
}
.customNPCIDebitConfirm_field{padding: 0px 0px 25px 0px;}
.customNPCIOtpSection{padding: 0px 0px 10px 0px;}
.customNPCIDebitConfirm_label{
    float: left;
    text-align: left;
    width: 35%;
	position: relative;
}

.customNPCIDebitConfirm_text{
	width: 55%;
    float: right;
}
.customNPCIDebitConfirm_text span{
	color: #000000;
    font-family: roboto-regular, OpenSans, Arial, Helvetica, sans-serif;
    font-size: 13px;
    text-decoration: none;
    float: left;

}
.customNPCIDebitConfirm_label span, .customNPCIDebitConfirm_label label{
    font-size: 14px ;
    color: #757575;
	padding-right: 10px;
}
.customExpDate .labelColumn  {
        margin: 0px;
    padding: 0 0 5px 0px;
    width: 16% !important;
    height: auto;
    float: left;
}
.customNPCIDebitConfirm_field .customExpDate .labelColumn input, .left_customNPCIDebitConfirm  .customDebit .labelColumn input{width:100% !important;}
.customExpDate .labelColumn input{
	margin: 0px;
    padding: 0 0 5px 2px;
    width:15% !important;
	height:auto;
    float: left;
}
.date_slash{
	width: 1% !important;
	padding: 0px 10px;
	padding: 0px 10px;

}

.left_customNPCIDebitConfirm  .customNPCIDebitConfirm_text input{
    height:auto !important;
	margin-top: -5px !important;
}


.left_customNPCIDebitConfirm  .customDebit input, .left_customNPCIDebitConfirm  .customDebit .labelColumn  {
    margin: 0px;
    padding: 0 0 5px 2px;
    width:38% !important;
	height:auto;
    float: left;
}
.down_customNPCIDebitConfirm {
        clear: both;
    margin: 0px auto;
    text-align: center;
    background: #ffffff;
    padding: 20px 10px;
    margin: 10px 10px;
    border-top: 1px solid #f1f1f1;
}
.down_customNPCIDebitConfirm .custom_NpciImg{
    /*width: 17%;*/
    display: inline-block;
    padding: 0px 20px;
}
.down_customNPCIDebitConfirm .custom_NpciImg img{
	top: 7px;
    position: relative;
}
.customNpciText {
    position: relative;
    width: 110px;
    display: inline-block;
    font-size: 20px;
    letter-spacing: .5px;
    line-height: 30px;
    text-align: left;
}
.customNpciText:before {
	    content: '';
    background: url('../images/npci_tick.png') no-repeat scroll left 0 transparent;
        background-position: 0px 4px;
    background-size: 23px;
    position: absolute;
    display: block;
    right: 50%;
    width: 23px;
    height: 31px;
    top: -35px;
    float: right;
    
}



.customNPCIDebitConfirm_msg .customNPCIDebitConfirm_field{padding-top: 5px;}
.customNPCIDebitConfirm_msg .customNPCIDebitConfirm_label {
    width: 24%;
}
.customNPCIDebitConfirm_msg .customNPCIDebitConfirm_text {
    width: 25%;
    float: left;
    padding-left: 50px;
}
.customNPCIDebitConfirm_msg .customNPCIDebitConfirm_text {
        width: 31%;
    float: left;
    padding-left: 72px;
}
.customNPCIDebitConfirm_msg .customNPCIDebitConfirm_label:after{top: 4px;}



.customNpciWelcomeMsg {
    font-size: 15px;
    color: #757575;
    line-height: 25px;
    font-family: "roboto-bold";
    padding-bottom: 5px;
    position: relative;
    display: block;
}


.radio_label {
    position: relative;
    display: block;
    float: left;
    margin: 7px 20px 6px 0px;
}
.customNpciPlsNote {
    padding-top: 19px;
}
.customNPCIDebitConfirm_text [type="radio"]:not(:checked) + span, .customNPCIDebitConfirm_text [type="radio"]:checked + span{    padding-left: 25px;}

/*---------Rejection page----------*/
.left_customNPCIDebitrejection {
    width: 65.6%;
    background: #fff;
    float: left;
    margin:0;
    border: 0;
    padding: 15px;
}
.customNPCIDebitrejection_box  {
    background: #fff;
    margin: 0px auto;
    display: table;
    text-align: center;
    padding: 15px;
    border: 1px solid #f3f3f3;
    border-left: 2px solid #dd2110;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    position: relative;
}
.customNPCIDebitrejection_box .icon-close {
    width: 14%;
    float: left;
    background: #fdefee;
    color: #df2111!important;
    position: absolute;
    top: 0 !important;
    bottom: 0;
    left: 0;
    line-height: 71px;
}

.customNPCIDebitrejection_message {
    width: 80%;
    float: right;
}
.customNPCIDebitrejection_message h1{
    color: #df2111;
	font-size: 18px !important;
}
.Custom_DebitNPCICheckbox .simpletext{line-height: 23px;}

/*---------------Responsive----------------*/
@media screen and (max-width:1300px) and (min-width:1025px){
	.left_customNPCIDebitConfirm .customDebit input, .left_customNPCIDebitConfirm .customDebit .labelColumn {width:40% !important;}
	.left_customNPCIDebitConfirm .customExpDate .labelColumn{width:16% !important;}
}
@media screen and (max-width:800px){
	.top_customNPCIDebitConfirm{width: 90% ;}
}
@media screen and (max-width:1024px) and (min-width:801px){
	.left_customNPCIDebitConfirm, .left_customNPCIDebitrejection{width:60% !important;}
	.right_customNPCIDebitConfirm {width: 31%;}
	.left_customNPCIDebitConfirm .customDebit input, .left_customNPCIDebitConfirm .customDebit .labelColumn{width:50% !important;}
	.left_customNPCIDebitConfirm .customExpDate .labelColumn{width:20% !important;}
}
@media screen and (max-width:800px) and (min-width:768px){
	.left_customNPCIDebitConfirm, .left_customNPCIDebitrejection{width:60% !important;}
	.right_customNPCIDebitConfirm {width: 31%;}
	.left_customNPCIDebitConfirm .customDebit input, .left_customNPCIDebitConfirm .customDebit .labelColumn{width:55% !important;}
	.left_customNPCIDebitConfirm .customExpDate .labelColumn{width:22% !important;}
}
@media screen and (max-width:767px) and (min-width:581px){
	.left_customNPCIDebitConfirm .customDebit input, .left_customNPCIDebitConfirm .customDebit .labelColumn{width:47% !important;}
	.left_customNPCIDebitConfirm .customExpDate .labelColumn{width:18% !important;}
	.customNPCIDebitConfirm_msg .customNPCIDebitConfirm_label {width: 35%;}
}
@media screen and (max-width:580px) and (min-width:460px){
	.left_customNPCIDebitConfirm .customDebit input, .left_customNPCIDebitConfirm .customDebit .labelColumn{width:100% !important;}
	.left_customNPCIDebitConfirm .customExpDate .labelColumn{width:40% !important;}
	.left_customNPCIDebitConfirm .customNPCIDebitConfirm_label{width: 50%;}
	
	.customNPCIDebitConfirm_text {width: 40%;}
	.customNPCIDebitConfirm_msg .customNPCIDebitConfirm_label {width: 35%;}
	.customNPCIDebitConfirm_msg .customNPCIDebitConfirm_text{padding-left: 35px;}
}
@media screen and (max-width:459px) and (min-width:421px){
	.left_customNPCIDebitConfirm .customDebit input, .left_customNPCIDebitConfirm .customDebit .labelColumn{width:100% !important;}
	.left_customNPCIDebitConfirm .customExpDate .labelColumn{width:40% !important;}
	.left_customNPCIDebitConfirm .customNPCIDebitConfirm_label{width: 50%;}
	.customNPCIDebitConfirm_text {width: 40%;}
	.customNpciOTPRadio{clear: both;}
	.customNPCIDebitConfirm_msg .customNPCIDebitConfirm_label {width: 48%;}
	.customNPCIDebitConfirm_msg .customNPCIDebitConfirm_text{padding-left: 40px;}
}
@media screen and (max-width:420px) and (min-width:200px){
	.left_customNPCIDebitConfirm .customDebit input, .left_customNPCIDebitConfirm .customDebit .labelColumn{width:100%!important;}
	.left_customNPCIDebitConfirm .customExpDate .labelColumn{width:39% !important;}
	.left_customNPCIDebitConfirm .customNPCIDebitConfirm_label{width: 48%;}
	.customNPCIDebitConfirm_text {width:51%;}
	.left_customNPCIDebitConfirm .customNPCIDebitConfirm_label span{    padding-right: 1px;}
	.customNPCIDebitConfirm_msg .customNPCIDebitConfirm_label {width: 48%;}
	.customNPCIDebitConfirm_msg .customNPCIDebitConfirm_text{padding-left:5px;}
}
@media screen and (max-width:442px) and (min-width:348px){
	.customNPCIDebitrejection_box .icon-close{line-height: 95px;}
}
@media screen and (max-width:347px) and (min-width:200px){
	.customNPCIDebitrejection_box .icon-close{line-height: 120px;}
}
@media screen and (max-width:767px) and (min-width:200px){
	.left_customNPCIDebitConfirm, .right_customNPCIDebitConfirm {width: auto;width: -webkit-fill-available;margin: 10px 10px 10px 10px;}
	.right_customNPCIDebitConfirm {padding:0px}
	.left_customNPCIDebitrejection {width: auto;width: -webkit-fill-available;margin:0px;}
}