@charset "utf-8";
/* @import url(http://fonts.googleapis.com/earlyaccess/lohitdevanagari.css); */
/* CSS Document */
/* -----------------------------------------------------------
RESET CSS - RESETS DEFAULT BROWSER CSS
------------------------------------------------------------*/
html, body {
	height: 100%;
	margin: 0;
	padding: 0;
	border: 0;
}

select::-ms-expand {
	display: none;
}

body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote,
	pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd,
	ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot,
	thead, tr, th, td, article, aside, dialog, figure, footer, header,
	hgroup, nav, section {
	margin: 0;
	padding: 0;
	border: 0;
	font: inherit;
	font-size: 13px;
	vertical-align: baseline;
	font-family: arial, helvetica, sans-serif;
	outline: none;
	color: #333;
}
#SOTLink{
	padding:7px;
	color:#FFF;
	border:1px solid #45c37e;
	background:#58833e;
	background:-moz-linear-gradient(top, #00643b 0%, #58833e 50%, #87c141 100%);
	background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#00643b),color-stop(100%,#87c141));
	background:-webkit-linear-gradient(top, #00643b 0%, #58833e 50%, #87c141 100%);
	background:-o-linear-gradient(top, #00643b 0%, #58833e 50%, #87c141 100%);
	background:-ms-linear-gradient(top, #00643b 0%, #58833e 50%, #87c141 100%);
	background:linear-gradient(to bottom,#00643b 0%, #58833e 50%, #87c141 100%);
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#00643b', endColorstr='#87c141', GradientType=0 );
	float: right;
	width: 90%;}
select {
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
}

.button {
    min-width: 0px;
    text-align: center;
}

li {
	list-style: none;
}
.row{margin:0}
.col-sm-6 .col-xs-12{padding-left:0px}
.labelreg{margin-top:20px;font-weight:bold}
.captchaDiv{width:70%;margin:0 auto}

/* This helps to make newer HTML5 elements behave like DIVs in older browers */
article, aside, details, figcaption, figure, dialog, footer, header,
	hgroup, menu, nav, section {
	display: block;
}

.fatcalbl{font-weight:bold}
a {
	text-decoration: none;
	outline: none;
	transition: all 0.4s ease-in-out;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
}

a:hover {
	text-decoration: underline;
}

a:focus {
	outline: none;
}

.flt {
	float: left;
}

.frt {
	float: right;
}

.regenbtn {
	margin-left: 15px;
}
/* Reset End */
/*Vertical Tabs Starts*/
.tabs-left {
  border-bottom: none;
  border-right: 1px solid #ead28f;
  margin-top:25px;
}

.tabs-left>li {
  float: none;
 margin:0px;
 background: #FACC03;
  border-bottom: 1px solid #cd8a56;
  color:#000;
  font-weight;bold;
  
}
#subRegContactDtlsIntDTO\.corAddType-error,#subRegContactDtlsIntDTO\.perAddType-error{right:0px;position:absolute}
.nav-tabs>li>a
{
color:#000;
font-weight:bold;
padding:15px;
}
.tabs-left>li.active>a,
.tabs-left>li.active>a:hover,
.tabs-left>li.active>a:focus {	
  border-bottom-color: #cd8a56;
  border-right-color: transparent;
  background:#9D231E;
  border:none;
  border-radius:0px;
  margin:0px;
  color:#FFF;
  font-weight:bold;
  padding:20px;	
  cursor:pointer;
}
.tabs-left>li:hover
{
background:#9D231E;
}
.nav-tabs>li>a:hover {
     margin-right: 0px;
    line-height: 1.42857143;
    border: 1px solid #cd8a56;
	background:#9d231e;
	color:#FFF;
	border-radius:0px;
	cursor:pointer;
    
}
.tabs-left>li.active>a::after{content: "";
    position: absolute;
    top: 10px;
    right: -10px;
    border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  
  border-left: 10px solid #9d231e;
    display: block;
    width: 0;}
/*Vertical Tabs Ends*/
/*General CSS*/
.container {
	/* width: 1000px; */
	margin: 0 auto;
	/* box-shadow: 0px 0px 10px #B2B2B2;
	 	-webkit-box-shadow: 0px 0px 10px #B2B2B2;
	 	-o-box-shadow: 0px 0px 10px #B2B2B2;
	 	-ms-box-shadow: 0px 0px 10px #B2B2B2; */
	border-left: 1px solid #97201C;
	border-right: 1px solid #97201C;
	margin: 0 auto;
	padding: 0px;
}

/*Form Control css*/
select, input, textarea {
	display: block;
	height: auto;
	padding: 5px;
	font-size: 13px;
	line-height: 16px;
	margin-top: 10px;
	color: #555555;
	vertical-align: middle;
	background: #fcf9f1;
	border: 1px solid #E6AC2B;
	border-radius: 0px;
	-webkit-box-shadow: inset 0 1px 1px rgba(255, 255, 255, 0.075);
	box-shadow: inset 0 1px 1px rgba(255, 255, 255, 0.075);
	-webkit-transition: border-color ease-in-out 0.15s, box-shadow
		ease-in-out 0.15s;
	transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
	transition: all 0.4s ease-in-out;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	text-transform: uppercase;
	border-top: 0;
    border-left: 0;
    border-right: 0;
    
}

.span-19 {
	padding-bottom: 75px;
}

.declarelbl {
	font-weight: bold;
	font-style: italic;
	margin-top: 5px;
}

.declaretxt {
	font-style: italic;
	margin-top: 20px;
	text-align: justify;
}

textarea {
	resize: none;
}

/* select:focus, input:focus, textarea:focus {
	border-color: #E6AC2B;
	outline: 0;
	-webkit-box-shadow: 0 0 8px rgba(230, 172, 43, 1);
	box-shadow: 0 0 8px rgba(230, 172, 43, 1);
} */

select.error, select.error:focus, input.error, input.error:focus,
	textarea.error, textarea.error:focus {
	border-color: #f24b4b;
	outline: 0;
	-webkit-box-shadow: 0 0 5px #f24b4b;
	box-shadow: 0 0 5px #f24b4b;
}

label.error {
	font-size: 11px !important;
	color: #FF1D08 !important;
	font-weight: bold !important;
	margin: 5px 0 0 0px !important;
}

input.error[type="date"], input.error[type="email"], input.error[type="text"],
	select.error, textarea.error, input.error[type="password"] {
	border-color: #f24b4b;
	-webkit-box-shadow: 0 0 5px #f24b4b;
	box-shadow: 0 0 5px #f24b4b;
}

.mglright {
	margin-right: 50px;
}

select {
	width: 230px;
	cursor: pointer;
}

input.inputCal {
	background: transparent url(../images/inputCal.png) right center
		no-repeat;
}
.esignlbl{margin-left:78px;}
.get_icon {
	width: 20px !important;
	background-image: url(../images/search-icon.png);
	height: 20px;
	border: none;
	background-color: transparent;
	margin: 10px 5px 5px 5px;
	cursor: pointer;
	background-repeat: no-repeat;
}

.get_icon:focus {
	box-shadow: none;
}

.nsdlPayment_logo {
	background: url("../images/epaymentLogoReceipt.jpg") center center
		no-repeat;
	height: 100% float: center;
	line-height: 90px;
	margin-top: 10px;
}

.nsdlPayment_logo1 {
	background: url("../images/epaymentLogo1.jpg") center center no-repeat;
	width: 400px;
	height: 100% float: center;
	line-height: 80px;
	margin-left: 22%;
}

.nsdlPaymentPran {
	font-size: 16px;
	color: #8b231d;
	font-weight: bold;
	margin-left: 37px;
}

input[disabled], input[readonly], fieldset[disabled], select[disabled],
	select[readonly], fieldset[disabled], input[disabled]:focus, input[readonly]:focus,
	fieldset[disabled]:focus, select[disabled]:focus, select[readonly]:focus,
	fieldset[disabled]:focus, textarea[disabled], textarea[readonly],
	.formTable label.lblreadonly {
	cursor: not-allowed;
	background-color: #FCF1D8 !important;
	box-shadow: none;
}

input.inputCal[disabled] {
	background: url(../images/inputCal.png) right center no-repeat #FCF1D8;
}

.craAddr {
	width: 40%;
	margin: 0 auto
}

.craAddr li {
	list-style-type: none;
	text-align: left
}

input[type=radio], input[type=checkbox] {
	width: auto;
	box-shadow: none;
	margin-top: 0;
}

.formTable label.lblreadonly {
	width: 230px;
	padding: 5px;
	border: 1px solid #E6AC2B;
	border-radius: 3px;
	font-weight: normal;
	min-height: 15px;
	line-height: 18px;
	margin-bottom: 0;
	margin-top: 0;
}

label {
	font-size: 12px;
	margin-top: 10px; 
	float: left;
}

.radioLabel {
	font-size: 13px;
	display: block;
	float: left;
	margin: 0px;
}

label::selection, input::selection {
	background: #ecb41f;
}

label::-moz-selection, input::-moz-selection {
	background: #ecb41f;
}

label::-webkit-selection, input::-webkit-selection {
	background: #ecb41f;
}

.formTable label {
	margin: 7px 25px 7px 0;
	font-weight: bold;
}

.formTable label.error, .onlinepopReg label.error {
	position: absolute;
	right: -140px;
	text-align: left;
	width: 195px;
	margin: 8px;
	display: block;
	float: left;
}

.ack_table label.error, .onlinepopReg label.error {
    position: absolute;
    right: -200px;
    text-align: left;
    width: 195px;
    margin: 8px;
    display: block;
    float: left;
}

.onlinepopReg label.error {
	right: -10px !important;
}

label.labelonly {
	font-weight: bold;
	/* width: 150px; */
}

label strong {
	color: red;
}

label#fMandatory {
	/* margin: 7px 0 0 -20px; */
	
}

.photo_payment {
	float: right;
}

/*Alert Message*/
.error_wrapper {
	/* overflow: hidden;
    color: #a94442;    
    background-color: #F4B3B3;    
    padding: 5px 15px;    margin-bottom: 20px;    
    border: 1px solid #8E0D21;    border-radius: 4px;
      display: block; */
	/*       
        overflow: hidden;
  color: #FF1D08;
  background-color: #762215;
  padding: 7px 15px;
  border-radius: 3px;
  display: block;
  FONT-SIZE: 12PX;
  width: 61%;
  margin: 0 16% 0px;
  text-align: center;
    line-height: 20px;
  font-weight: bold;
 */
	
}

.error_wrapper.full {
	width: 96%;
	padding: 7px 2%;
	margin: 0 0 20px;
}

}
.error_wrapper label, .error_wrapper label span {
	color: #a94442;
}

.error_wrapper label a {
	color: #a94442;
	font-weight: bold;
}

.success_wrapper {
	overflow: hidden;
	padding: 5px 15px;
	margin-bottom: 20px;
	border: 1px solid #8B231D;
	border-radius: 4px;
}

.success_wrapper label {
	color: #3c763d;
}

.success_wrapper label a {
	color: #3c763d;
	font-weight: bold;
}

.popupWindow .submit, .popupWindow .button {
	/* width: 100px; */
	
}

.captch_img {
	margin: 10px 10px 0px 0px;
	border: 1px dashed #7B7878;
	border-radius: 5px;
	padding: 5px;
	float: left;
}

/*Table Field*/
caption, th, td {
	text-align: left;
	font-weight: normal;
	margin: 0;
	padding: 0;
	height: 0;
	vertical-align: middle;
}

table select, table input, table textarea {
	margin: 0;
}

table.horiz_table td:nth-child(2n) {
	margin-right: 15px;
	display: inline-block;
}

table.horiz_table label {
	margin: 7px 10px 5px 0;
}

table.horiz_table label.error {
	top: 23px;
	position: absolute;
	width: 250px;
}

.banktrans {
	margin: 2% !important;
	font-size: 10.5px !important;
}

.banktrans td {
	padding: 5px 3.5px !important;
}

.contrUpload th, .contrUpload td {
	text-align: center;
}
.paymentTabGrid td{padding:5px !important}
.paymentTabGrid td input{margin:10px 0px 0px 0px}
.grid th {
	border: 1px solid #AAA;
	background-color: #802319;
	color: #FFF;
	font-size: 12px;
	padding: 5px;
	font-weight: bold;
}

.grid th label {
	color: #FFF;
	vertical-align: middle;
}

.grid td {
	border-left: 1px solid #AAA;
	font-size: 12px;
	padding: 5px 5px;
	border-bottom: 1px solid #AAA;
}

.grid {
	border-right: 1px solid #AAA;
	margin-top: 1%;
}

.gridconfirm {
	margin: 0 auto;
	margin-top: 15px;
}

/* table.grid tr:nth-child(odd), table.grid2 tr:nth-child(odd) {
  background: #FFF4D9;
} */
.grid td a, .grid2 td a {
	text-decoration: underline;
	font-weight: bold;
}

.grid td a:hover, .grid2 td a:hover {
	color: #E5B41F;
}

.gridpayment {
	border: 1px solid #e6ac2b;
	box-shadow: 0px 0px 10px #CCC;
	border-collapse: collapse;
	width: 81%;
	margin: 0 3% 0;
	margin-top: 3%;
	margin-left: 10% /* table-layout: fixed; */
}

table.grid tr:nth-child(odd), table.grid2 tr:nth-child(odd) {
	background: #FFF4D9;
}

.gridpayment td {
	padding: 1px 11px;
	border: 1px solid #AAA;
	vertical-align: middle;
	font-size: 12px;
}

table.gridpayment tr:nth-child(odd) {
	background: #FFF4D9;
}

.gridpayment td a {
	text-decoration: underline;
	font-weight: bold;
}

.gridpayment td a:hover {
	color: #E5B41F;
}
/* Sorting Table CSS add class to Table "sortable"  */
th.sorttable_sorted_reverse {
	color: #fff;
}

span#sorttable_sortrevind, span#sorttable_sortfwdind {
	color: #fff;
}

/*Header CSS*/
.header {
	height: auto;
	overflow: hidden; /*  border-bottom: 5px solid #8B231D; */
}
 
 .padding0 {
    padding: 0;
}

.header>.toplinks {
	/* background:transparent url(../images/craToplinksBG.png) top center repeat-x; */
	background: #89231c; /* Old browsers */
	background: -moz-linear-gradient(top, #89231c 0%, #59210a 100%);
	/* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #89231c),
		color-stop(100%, #59210a)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #89231c 0%, #59210a 100%);
	/* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #89231c 0%, #59210a 100%);
	/* Opera 11.10+ */
	background: -ms-linear-gradient(top, #89231c 0%, #59210a 100%);
	/* IE10+ */
	background: linear-gradient(to bottom, #89231c 0%, #59210a 100%);
	/* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#89231c',
		endColorstr='#59210a', GradientType=0); /* IE6-9 */
	color: #fff;
	font-size: 12px;
}

.header>.toplinks u {
	cursor: pointer
}

.header .toplinks a {
	line-height: inherit;
	color: #fff;
}

.header .toplinks a:hover {
	color: #E6AC2B;
}

.leftToplinks {
	margin: 10px 0px;
}

.rightToplinks {
	text-align: right;
	margin: 10px 0px;
}

.header a {
	text-indent: -99999em;
	height: 100px;
	margin: 3px 5px;
}

.header a.nsdl_logo {
	/*  background: url("../images/nsdl_logo.jpg") center center no-repeat;
    width: 560px;
    float: left;
    line-height: 125px;
    
     */
	
}

.cra_off_logo_ack {
	background: url("../images/nsdl_logo.jpg") center center no-repeat;
	float: right;
	width: 330px;
	margin: 5px 25px;
	line-height: 100px;
	/* text-indent:-9999em*/
}

.header .bk_off_logo {
	/* background:url("../images/back_office_logo.jpg") center right no-repeat; */
	width: 100%;
	text-indent: -9999em
}

.header .cra_off_logo {
	float: right;
	margin-top: 30px;

	/* text-indent:-9999em*/
}

.header .corp_logo {
	/*  background: url("../images/corp_logo.PNG") center center no-repeat;
    float: right;
    width: 285px;
    margin: 5px 25px;
    line-height: 100px;
    height: 100px;  */
	
}

#header-fixed {
	position: fixed;
	top: 0px;
	display: none;
	background-color: white;
}

.pop_logo {
	float: left;
	height: 110px;
	vertical-align: middle;
	line-height: 130px;
	margin-left: 25px;
}

.home_wrap .breadCrumbs, .logout_wrap .breadCrumbs {
	visibility: hidden;
}

.breadCrumbs {
	/* background:#ecb41f; */
	/* height:15px; */
	clear: both;
	margin: 10px 0;
}

.breadCrumbs>ul {
	color: #551919;
	margin-left: 12px;
}

.breadCrumbs>ul>li {
	padding-left: 7px;
	display: inline;
	color: #551919;
	font-size: 12px;
}

.breadCrumbs>ul>li>a {
	margin-right: 7px;
	color: #551919;
	font-size: 12px;
	text-decoration: none;
	line-height: inherit;
}

.breadCrumbs>ul>li>a:hover {
	text-decoration: underline;
}

.breadCrumbs span {
	color: #201c12;
	font-weight: bold;
}

.mandatoryPics {
	width: 50%;
	margin: 0 auto
}

/*Home Page CSS */
.home_wrap .pageContainer {
	margin-top: 60px;
}

.col_wrapper {
	margin: 0 25px;
	min-height: 500px;
	padding: 0px 0 25px;
}

.col1_wrapper {
	background: #89231c; /* Old browsers */
	background: -moz-linear-gradient(top, #89231c 0%, #59210a 100%);
	/* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #89231c),
		color-stop(100%, #59210a)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #89231c 0%, #59210a 100%);
	/* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #89231c 0%, #59210a 100%);
	/* Opera 11.10+ */
	background: -ms-linear-gradient(top, #89231c 0%, #59210a 100%);
	/* IE10+ */
	background: linear-gradient(to bottom, #89231c 0%, #59210a 100%);
	/* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#89231c',
		endColorstr='#59210a', GradientType=0); /* IE6-9 */
	float: left;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	padding: 15px 15px;
	min-height: 240px;
	margin-bottom: 27px;
}

.col1_wrapper h1 {
	color: #ecb41f;
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 10px;
}

.col1_wrapper ul li a {
	color: #8B231D;
	font-size: 14px;
	font-weight: bold;
	padding: 10px 0 10px 5px;
	display: block;
}

.col1_wrapper ul li a:hover {
	padding-left: 15px;
}

.col12_wrapper {
	background: #89231c; /* Old browsers */
	background: -moz-linear-gradient(top, #89231c 0%, #59210a 100%);
	/* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #89231c),
		color-stop(100%, #59210a)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #89231c 0%, #59210a 100%);
	/* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #89231c 0%, #59210a 100%);
	/* Opera 11.10+ */
	background: -ms-linear-gradient(top, #89231c 0%, #59210a 100%);
	/* IE10+ */
	background: linear-gradient(to bottom, #89231c 0%, #59210a 100%);
	/* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#89231c',
		endColorstr='#59210a', GradientType=0); /* IE6-9 */
	width: 288px;
	height: 383px;
	float: left;
	margin-right: 20px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	padding: 15px 15px;
	min-height: 240px;
	margin-bottom: 27px;
	margin-left: 62px;
	margin-top: -31px;
}

.col12_wrapper h1 {
	color: #ecb41f;
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 10px;
}

.col12_wrapper ul li a {
	color: #8B231D;
	font-size: 14px;
	font-weight: bold;
	padding: 10px 0 10px 5px;
	display: block;
}

.col12_wrapper ul li a:hover {
	padding-left: 15px;
}

.col {
	background: #ecb41f; /* Old browsers */
	background: -moz-linear-gradient(top, #ecb41f -13%, #fcfcfc 40%);
	/* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(-13%, #ecb41f
		), color-stop(40%, #fcfcfc)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #ecb41f -13%, #fcfcfc 40%);
	/* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #ecb41f -13%, #fcfcfc 40%);
	/* Opera 11.10+ */
	background: -ms-linear-gradient(top, #ecb41f -13%, #fcfcfc 40%);
	/* IE10+ */
	background: linear-gradient(to bottom, #ecb41f -13%, #fcfcfc 40%);
	/* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ecb41f',
		endColorstr='#fcfcfc', GradientType=0); /* IE6-9 */
	padding: 0px 17px;
	border: 1px solid #E6AC2B;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	min-height: 190px;
	box-shadow: 0 0 10px #ccc;
	min-height: 240px;
	margin-bottom: 15px;
}

/* CR 51475 */

.QR1{
border-right: 1px solid #c0c0c0;
}
.QR2{
border-left: 1px solid #c0c0c0;
}

/* QR1 code css */
#QR1 {
    width: 50%;
    display: block;
    float: left;
}

#QR2 {
    width: 50%;
    display: block;
    float: left;
}

.QRCodelabel {
    text-align: left;
    width: 100%;
} 

.QR_Code_Img {
    margin-left: 40px;
    margin-top: 10px;
}
 .downloadBtnQRCode {
    text-align: left;
    margin-top: 5px;
}

.OR_Code_Img {
    text-align: center;
    margin: 0 auto;
    display: block;
}

#tier12VID {
    width: 96%;
    height: 100px;
    text-align: center;
    margin-top: 66px;
}
/* CR 51475 */

.col h1 {
	color: #8B231D;
	font-size: 20px;
	border-bottom: 1px solid #EAD28F;
	padding-bottom: 10px;
	text-align: left;
}

/* .col2_wrapper {
	width: 238px;
    margin-right: 10px;
    text-align: center;
    margin-left: 673px;
    margin-top: -391px;
} */
.col2_wrapper input {
	margin-bottom: 25px;
}

.col2_wrapper label {
	font-size: 12px;
	float: right;
}

.col2_wrapper .submit {
	width: 100%;
	margin-bottom: 15px;
	padding: 15px 10px;
	text-align: center
}

.col.col2_wrapper h1 {
	margin-bottom: 55px;
}

.col3_wrapper {
	/* width: 208px;
    margin-left: 209px;
    height: 310px;
    margin-top: 20px; */
	
}
/* .col3_wrapper .submit{width: auto;  padding: 10px;   margin: 0 30%;} */
.col3_wrapper h1 {
	margin-bottom: 20px;
	margin-top: 10px;
}

#loginDisaply input#user_id, #loginDisaply input#user_pass {
	width: 95%;
}

form#loginDisaply>div {
	padding: 5px 5px;
	overflow: hidden;
	position: relative;
}

form#loginDisaply>div label {
	color: #8B231D;
	font-weight: bold;
	margin-bottom: 5px;
}

form#loginDisaply label.error {
	position: absolute;
	right: 0;
}

.help_guide_wrapper {
	background: #ecb41f; /* Old browsers */
	background: -moz-linear-gradient(top, #ecb41f -13%, #fcfcfc 100px);
	/* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(-13%, #ecb41f
		), color-stop(100px, #fcfcfc)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #ecb41f -13%, #fcfcfc 100px);
	/* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #ecb41f -13%, #fcfcfc 100px);
	/* Opera 11.10+ */
	background: -ms-linear-gradient(top, #ecb41f -13%, #fcfcfc 100px);
	/* IE10+ */
	background: linear-gradient(to bottom, #ecb41f -13%, #fcfcfc 100px);
	/* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ecb41f',
		endColorstr='#fcfcfc', GradientType=0); /* IE6-9 */
	box-shadow: 0 0 10px #aaa;
	padding: 15px 25px;
	border: 1px solid #E6AC2B;
	clear: both;
	border-radius: 13px;
}

.help_guide_wrapper h1 {
	background: url("../images/help2.png") 0 0 no-repeat;
	color: #8B231D;
	border-bottom: 1px solid #EAD28F;
	padding-bottom: 10px;
	font-size: 23px;
	font-weight: bold;
	margin-bottom: 15px;
	padding-left: 40px;
}

.help_guide_wrapper ul li {
	font-size: 13px;
	color: #7C7565;
	margin-bottom: 25px;
	/*   padding-left: 45px; */
}

.help_guide_wrapper ul li h2 {
	color: #201C12;
	font-weight: bold;
}

/* Accordien CSS */
.acc_wrapper {
	/* width: 600px; */
	padding: 40px 28px 25px 0;
	font-family: "CenturyGothicRegular", "Century Gothic", Arial, Helvetica,
		sans-serif;
}

ul.acc_wrapper {
	padding: 0;
	margin: 0;
	font-size: 1em;
	line-height: 0.5em;
	list-style: none;
}

ul.acc_wrapper>li {
	margin-bottom: 10px;
}

ul.acc_wrapper li a {
	background: #89231c; /* Old browsers */
	background: -moz-linear-gradient(top, #89231c 0%, #59210a 100%);
	/* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #89231c),
		color-stop(100%, #59210a)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #89231c 0%, #59210a 100%);
	/* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #89231c 0%, #59210a 100%);
	/* Opera 11.10+ */
	background: -ms-linear-gradient(top, #89231c 0%, #59210a 100%);
	/* IE10+ */
	background: linear-gradient(to bottom, #89231c 0%, #59210a 100%);
	/* W3C */
	/* filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#89231c', endColorstr='#59210a',GradientType=0 ); */
	/* IE6-9 */
	line-height: 13px;
	font-size: 11px;
	padding: 10px 25px 10px 15px;
	color: #fff;
	display: block;
	text-decoration: none;
	font-weight: bolder;
	margin-bottom: 10px;
	position: relative;
	border-radius: 3px;
}

ul.acc_wrapper li a:hover {
	/* background-color:#FACC03;
	color:#252C34; */
	
}

ul.acc_wrapper ul {
	margin: 0;
	padding: 0;
	display: none;
}

ul.acc_wrapper ul li {
	margin: 0;
	padding: 0;
	clear: both;
}

ul.acc_wrapper ul li a {
	padding-left: 15px;
	font-size: 11px;
	font-weight: normal;
	outline: 0;
	margin-bottom: 5px;
	position: relative;
	/* background:#FAE3BA; */
	background: #F3D481;
	color: #97262A;
	font-weight: bold;
}

ul.acc_wrapper ul li a:hover {
	/*color:#675C7C;*/
	
}

ul.acc_wrapper ul ul li a {
	color: silver;
	padding-left: 40px;
}

ul.acc_wrapper ul ul li a:hover {
	background-color: #D3CEB8;
	color: #675C7C;
}

ul.acc_wrapper span {
	float: right;
	position: absolute;
	right: 5px;
	top: 30%;
	font-size: 15px;
	color: #fff;
}

ul.acc_wrapper ul li a span {
	color: #97262A;
}

ul.acc_wrapper ul li .content {
	font-size: 11px;
	line-height: 14px;
	padding-left: 15px;
	text-align: justify;
	padding: 15px 0;
}

ul.acc_wrapper li>ul {
	margin: 5px 0 5px 5px;
	list-style: none;
}

ul.acc_wrapper li .content ul.list_pt {
	display: block !important;
	margin: 15px 0 10px 0px;
}

ul.acc_wrapper li .content ul.list_pt li {
	margin-bottom: 5px;
	line-height: 15px;
	font-size: 11px;
	margin-left: 10px;
	background: url("../images/acc_list.gif") no-repeat left 3px;
	padding-left: 15px;
	color: #333;
}

ul.acc_wrapper ul li strong {
	font-size: 12px;
	margin: 10px 0 0 10px;
	display: block;
}

ul.acc_wrapper ul li .content a {
	color: #97262A;
	padding: 0;
	display: inline;
	background: none;
}

ul.acc_wrapper ul li .content a:hover {
	text-decoration: underline;
	background: none;
	color: #97262A;
}

/* Online Subscriber Registration Page*/
/* #newReg, #existReg {
  margin: 0 5px 0 0;
} */

/* Tier2Activation */

.radio-btn-section {
    margin: 2px 228px;
}

#newActivation 
 .tier2radioBtn {
    width: 150%;
    margin-left: -70px;
}
#newActivation .tier2ActformContent {
    width: 80%;
    margin: 0 auto;
}
.tier2ActformContent .radio-btn-section .radio-inline {
    margin: 9px 28px 15px 26px;
}

#completeExistForm #showTierOption {
    margin-left: 200px;
    margin-top: -9px;
}
.otpSignFormActivation {
    width: 70%;
    margin: 0 auto;
}
 #tierSelection2 {
    margin: 2px -16px;
}
.payment-btn-section {
	width:26%;
	margin:10px auto;	
}

#proceedDiv #proceedBt {
    text-align: center;
    float: none!important;
    margin-bottom: 28px;
}

#verifForm .verification_method {
	display: flex;
    text-align: center;
    justify-content: center;
}

#proceedDiv #otpAutenticateForm  #captchaRow {
    width: 50%;
    margin: 20px auto;
}
/* Subscriber Registration Core Details*/
.core_details {
	clear: both;
	display: block;
	width: 100%;
	overflow: hidden;
}

.core_details label.labelonly {
	width: 46%;
	float: left;
	margin: 0 4% 15px 0;
	color: rgb(133, 35, 27)
}

.core_details label.labelonly span {
	color: #333;
	font-size: 12px
}

.core_details label.labelonlylite span {
	color: #333;
}

.core_details label.labelonlylite {
	width: 100%;
	float: left;
	margin: 0 4% 15px 0;
	font-weight: bold;
	color: rgb(133, 35, 27)
}

/*Bank & Employment details*/
#tabForm3 .formTable th {
	width: 220px;
}

/* Scheme & Nomination details Details*/
#tab4_table tr td {
	text-align: center;
}

input.nomineeDtlsTier1 {
	cursor: pointer;
}

#tabForm4 .formTable th {
	width: 263px;
}

#tabForm4 .formTable label.error {
	right: -135px;
	width: 200px;
}

#tier1NomineeButtons input {
	cursor: pointer;
}

/* Photo & Signature details */
img#prevPhoto, img#prevSig {
	box-shadow: 0px 0px 5px #E6AC2B;
	border-radius: 3px;
	padding: 5px;
	border: 1px solid #E6AC2B;
	height: auto;
	margin: 0 auto;
}

img#prevAckID{
	box-shadow: 0px 0px 5px #E6AC2B;
	border-radius: 3px;
	padding: 3px;
	border: 1px solid #E6AC2B;
	margin: 0 auto;
	margin-left:10px;
	height: 50px;
	float:left;
}
.prevAckID {
	box-shadow: 0px 0px 5px #E6AC2B;
	border-radius: 3px;
	padding: 3px;
	border: 1px solid #E6AC2B;
	height: 50px;
	margin-top:10px;
}
/* img#prevSig{width: 150px; height: auto;} */
#showPran span {
	font-weight: bold;
	font-size: 12px;
}

.field_wrapper {
	width: 50%;
	display: block;
	overflow: hidden;
	padding-left: 20px;
	height: auto;
	margin: 75px 0 0;
}

.card_row {
	text-align: left;
	margin-bottom: 11px;
	height: 27px;
}

.card_row label {
	clear: both;
	display: block;
	width: 100%;
	margin: 0;
	font-weight: bold;
	color: rgb(155, 33, 33);
	font-size: 11px;
}

.field_wrapper label.lblsign {
	margin: 25px 0 0;
	font-size: 11px;
	font-weight: bold;
	color: rgb(155, 33, 33);
}

#showPran span {
	font-weight: bold;
	font-size: 12px;
}

.formTable td.remark_wrapper .error {
	right: 40px;
	top: 40px;
}

.smallTable {
	border: 0px;
	margin: 0 auto;
}

.smallTable th {
	border: 0px;
	width: 100px;
	font-weight: bold;
}

.smallTable td {
	border: 0px;
	width: 300px;
}

.smallTable tr {
	background: none !important;
}

/* Payment details */
#cash1 .formTable, #chequeDD1 .formTable {
	width: 65%;
	margin: 0 auto;
}

#cash1 .formTable label, #chequeDD1 .formTable label {
	margin: 7px 2px;
	width: auto;
}

#cash1 .formTable input, #chequeDD1 .formTable input {
	width: 100px;
}

.formTable td.remark_wrapper .error {
	right: 40px;
	top: 20px;
}

#chequeDD1 .formTable.cheque_wrapper label {
	margin: 0 2px;
}

/* Confirmation TAB CSS  */
.confirm_details .formTable {
	border-top: 1px solid #FFDAA9;
	width: auto;
}

.confirm_details .formTable tr {
	margin-bottom: 0px;
}

.confirm_details .formTable th {
	background: rgb(253, 242, 212);
	border-bottom: 1px solid #FFDAA9;
	border-right: 1px solid #FFDAA9;
	border-left: 1px solid #FFDAA9;
}

.confirm_details .formTable th label {
	font-weight: bold;
	font-size: 12px;
	color: rgb(133, 35, 27);
}

.confirm_details .formTable td {
	/* background: rgb(133, 35, 27); */
	border-bottom: 1px solid #FFDAA9;
	border-right: 1px solid #FFDAA9;
}

.confirm_details .formTable td label {
	font-weight: bold;
	font-size: 12px;
	width: 250px;
	word-wrap: break-word;
	margin-right: 0;
}

.confirm_details  td#tier1SchName label {
	/* font-size: 11px; */
	text-align: left;
	line-height: 15px;
}

/* Online Subscriber Registration Confirmation  */
.success p {
	text-align: left;
	margin: 10px auto 0;
	display: inline-block;
	font-weight: bold;
	color: #333;
	clear: both;
}

.success p span {
	width: 280px;
	display: inline-block;
}

.success p strong {
	color: #732214;
}

/* Bank Transaction */
#authorize_transaction #details input.inputCal {
	transition: none;
}

#authorize_transaction .grid th:last-child, #authorize_transaction .grid td:last-child
	{
	width: 100px;
}

#authorize_transaction .grid td:last-child input {
	width: 120px;
}

#authorize_transaction .grid th:first-child, #authorize_transaction .grid td:first-child
	{
	width: 45px;
	text-align: center;
}

#authorize_transaction .grid th:first-child input {
	float: left;
	margin-bottom: 5px;
}

#authorize_transaction .grid td:first-child input {
	float: none;
	margin: 0 auto;
}

/* Subscriber Registration / Module */
form#initReg .grid th:first-child, form#initReg .grid td:first-child input
	{
	width: 75px;
	text-align: center;
	float: none;
}

/* File Preparation For Services */
.file_prepration label#formType-error {
	top: 0;
}

.formTable.file_prepration label.error {
	right: -75px;
}

/*File Status View */
#initReg label#FlTyp-error {
	top: 0;
	right: -50px
}



#existingForm  label.error, #completeExistForm label.error {
	right: 0px;
	width: 150px;
}

form#initReg .grid.file_details_wrapper td input.checkBoxClass {
	width: 50px;
}

/* Subscriber Services *Existing User  */
.dashboardOptions ul {
	padding: 0 20%;
}

.dashboardOptions ul li {
	list-style-type: initial;
	list-style-position: inside;
	font-weight: bold;
}

/*Subsequent Contribution  */
.contr_pin label.error {
	position: absolute;
	bottom: -7px;
	width: 250px;
	left: -55px;
}

.contr_pin {
	position: relative;
}

#tier1 label.error, #tier2 label.error {
	right: -40px;
}

label.nodel_serch_wrapper label.error {
	position: absolute;
	right: -190px;
	top: 0;
}

label.nodel_serch_wrapper {
	position: relative;
}

.formTable.sub_contro_pay label.error {
	right: -90px;
}

.formTable.subse_contri_wrapper label.lblreadonly {
	width: 150px;
	margin-right: 4px;
}

#existingForm .contributionForm {
    width: 80%;
    margin: 0 auto;
}

/* Minimal Core page */
#minimal_data .formTable label.error {
	right: -195px;
	top: 0px;
}

/* 

Mid fieldset css 
fieldset.mid_form {
  width: 55%;
  margin: 0px auto;
}
.mid_form .formTable {
  width: 100%;
}

.mid_form .formTable th {
  width: 200px;
}

 */

/*Footer CSS*/
footer {
	background: #8b231d;
	text-align: center;
	margin-top: 5px;
}

footer>ul {
	padding: 15px 0;
	font-size: 14px;
}

footer>ul>li>a, footer>ul>li {
	color: #e8af26;
	display: inline
}

footer div {
	color: #FFF;
	padding-bottom: 10px;
	font-size: 12px;
}

.onlinepopReg th {
	background: rgb(253, 242, 212);
	border-bottom: 1px solid #FFDAA9;
	border-right: 1px solid #FFDAA9;
}

.onlinepopReg {
	border-top: 1px solid #FFDAA9;
	border-left: 1px solid #FFDAA9;
	width: 553px;
	margin: 0 auto;
}

.onlinepopReg tr {
	margin-bottom: 0px;
}

.onlinepopReg th label {
	font-weight: bold;
	font-size: 12px;
	color: rgb(133, 35, 27);
	margin: 0;
	padding: 0 0 0 10px;
}

.onlinepopReg td {
	/* background: rgb(133, 35, 27); */
	border-bottom: 1px solid #FFDAA9;
	border-right: 1px solid #FFDAA9;
}

.onlinepopReg td label {
	font-weight: bold;
	font-size: 12px;
	width: auto;
	word-wrap: break-word;
	margin-right: 0;
	float: none;
	display: inline-block;
	margin-right: 10px;
}

.onlinepopReg label.labelonly {
	width: 46%;
	float: left;
	margin: 0 4% 15px 0;
}

.secQuestion select {
	width: 300px;
}

.secQuestion input[type=text] {
	width: 100px;
}

.reconAmtInput {
	margin: 0 auto;
	float: none !important;
	width: 100px;
}

.schNameClass {
	/* margin: 7px 0px; */
	font-size: 12px;
}

.ContrPay {
	border: 1px solid #e6ac2b;
	box-shadow: 0px 0px 10px #CCC;
	border-collapse: collapse;
	width: 45%;
	margin: 42px 30% 0;
	/* table-layout: fixed; */
}

.ContrPay td {
	padding: 10px 5px;
	border: 1px solid #AAA;
	vertical-align: middle;
	font-size: 12px;
	/* 	word-wrap: break-word; */
}

.ContrPay th {
	background: #802319;
	color: #fff;
	font-weight: bold;
	padding: 10px 5px;
	border: 1px solid #AAA;
	font-size: 12px;
}

.Contr_pay_dtls {
	clear: both;
	display: block;
	width: 100%;
	overflow: hidden;
}

.error_wrapper {
	color: red;
	font-size: 12px;
	text-align: center;
    font-weight: bold;
    }

.Contr_pay_dtls label.labelonly {
	width: 46%;
	float: left;
	margin: 16px 4% 10px 364px;
}

table.ContrPay tr:nth-child(odd), table.ContrPay tr:nth-child(odd) {
	background: #FFF4D9;
}

textarea:focus, input:focus {
	outline: 0;
}

select {
	-webkit-appearance: none;
	-moz-appearance: none;
	-o-appearance: none;
	background: url('../images/br_down.png') no-repeat right #fcf9f1;
	background-size: 11px;
	background-position: 97%;
	padding-right: 21px;
}

.contriTable {
	margin: 0 auto;
	width: 70%;
	border-top: 1px solid #FFDAA9;
	border-right: 1px solid #FFDAA9;
}

.contriTable th {
	width: auto;
	background-color: #fff4d9;
	border-bottom: 1px solid #FFDAA9;
	border-left: 1px solid #FFDAA9;
	padding: 7px 7px;
	vertical-align: middle;
}

.contriTable th label {
	color: #333;
	font-size: 12px;
	margin-top:0px;
	}

.contriTable td { *
	background-color: #FCF9F1;
	border-left: 1px solid #FFDAA9;
	border-bottom: 1px solid #FFDAA9;
	padding: 7px 7px;
	font-size: 12px;
	vertical-align: middle;
}

.contriTable td label {
	color: #333;
	font-weight: bold;
	font-size: 12px;
	word-wrap: break-word;
	margin-top:0px;
}

.contridtl {
	width: 50% !important;
}

.contritbldtl {
	border: none;
	margin-bottom: 10px;
	width: 100%;
}

.contritbldtl td {
	border: none;
}

.contritbldtl th {
	border: none;
}

.tierdtltbl input {
	width: 78%;
}

.regformTable {
	border: none;
}

.regformTable th {
	border: none;
	background: none
}

.regformTable td {
	border: none;
	background: none
}

.summarytbl th {
	width: 58% !important
}

#bankList {
	width: 89%;
}

#panNumber {
	width: 89%;
}

#mobileNum,#adrLstDgt,#whatsAppNumber {
	width: 75%;
}

#dob {
	width: 54%;
}

#passportNo,#panNum,#ociNumber, #ckycNo {
	width: 89%;
}

#residCountryList {
	width: 89%;
}

#cboName {
	width: 89%;
}

#cboList {
	width: 89%;
}

#uid,#vuid {
	width: 89%;
}

.cancelbtn {
	width: 80px;
}

.submitbtn {
	width: 50%;
	margin: 0 auto;
	margin-top: 10px;
}

input[type=file] {
	border: none;
}

.printbtn {
	text-align: center;
	margin-top: 10px;
}

.datelbl {
	font-size: 11px;
	font-weight: bold;
	margin-left: 5px;
}

.declarationtxt {
	text-align: justify;
	margin-left: 45px;
}

.contritblconfirm th {
	width: 50% !important;
}

.contrinoborder {
	border: none
}

.contrinoborder th {
	border: none;
	background: none
}

.contrinoborder td {
	border: none
}

.captcha-text {
	width: 40px;
	margin-left: 15px;
	text-align: center;
	height: 40px;
	line-height: 30px;
}

.regformTable label.error, .contriTable label.error {
	right: -10px;
	text-align: left;
	width: 195px;
	margin: 8px;
	float: left;
}

.regformTableConfirm th label {
	color: rgb(133, 35, 27)
}
/* GDS Registration CSS */

.GDS_Registration  input[type="text"], select {
    width: 80%;
}

/* SubsequentContributionQRCode */


#tier2VID {
    width: 100%;
    height: 300px;
    text-align: center;
    margin-top: 110px;
}

#tier1VID {
    width: 100%;
    height: 300px;
    text-align: center;
    margin-top: 110px;
}

.OR1Image {
    width: 380px;
    height: 390px;
    float: left;
    background: padding-box;
}
.QRCodelabel {
    margin: 4px 0px 0px 170px;
    font-size: 18px;
}
.QR_Code_Img {
    margin-left: 40px;
    margin-top: 10px;
}
.downloadBtnQRCode {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 5px;
}
p.QR_desc {
    /* margin-left: 100px; */
    text-align:center;
}
.OR2Image {
    width: 380px;
    height: 390px;
    float: left;
    background: padding-box;
}

#tiersSection {
    width: 100% !important;
    margin: 0% 32% 3%;
} 
@media ( max-width : 992px) {
	input, label {
     	float: none !important; 
     	text-align: left;
	}
	.mobPerShare input
	{
	float: left !important;
	}
	.fatcalbl{float: left !important;}
	
	.tier2radioBtn .radio-btn-section  label {
     float: left !important;
    }
    .tier2radioBtn .radio-btn-section input[type=radio] {
     float: left!important;
    }
    #existingForm .contributionForm input, label {
    float: left !important;
    text-align: left;
    }
}

@media ( max-width : 320px) {
	#NewUserLink, #ContriLink, #T2ActLink{
		font-size:9px !important;
	}
	#otpbtn{width:180px !important}
	/* .tabSmall{
		width:48%;
	}
	.tabSmallText{
		font-size:8.5px !important;
	} */
	.core_details label.labelonly {
		width: 100%;
		font-size: 11px;
	}
	.core_details label.labelonly span {
		color: #333;
		font-size: 11px
	}
	
	
	

	
	.addrType{
		float:none;
	}
	
	/* .contriTable th label{
		
		font-size:10px !important;
	} */
	
	/* .contriTable{
		table-layout: fixed !important;
	}
	 */
	/* .contriTable td{
		font-size:10px !important;
	} */
	
	.mobText{
		font-size : 11px !important;
	}
	
	/* label{
		font-size: 11px;
	}
	
	 p{
		font-size: 11px !important;
	}
	 */
	.error_wrapper, .submit, .button{
		font-size: 11px !important;
	}
	
	label , p ,a i{
		font-size: 11px !important;
	}
	
	.mobTable{
		table-layout:fixed;
	}
	
	.mobTable label{
		font-size: 11px !important;
	}
	
	
	/* classes added for step wizard label names */
	.full-text{
		display:none !important;
	}
	
	.short-text{
		display:inline-block !important;
	}	
	/***********************************/
	
	ul.ui-tabs-nav li{
		width:100%;
	}
	
	ul.ui-tabs-nav li a{
		font-size:8.5px !important;
	}
	
	.addrRadioArrange span{	
   		float: left;
   		 clear: none;	
	}
	
	.addrRadioArrange input{
		    float: left !important;
    		clear: none;
    		margin: 2px 0 0 2px !important;
	}
	
	.addrRadioArrange label{
		    float: left !important;
    		clear: none;
    		display: block;
    		padding: 2px 1em 0 0 !important;
	}
	
	.addrRadioArrange{
		width : 100% !important;
		padding : 8px !important;
	}
	
	.nomRadioArrange input{
		    float: left !important;
    		clear: none;
    		margin: 1px 0 3px 2px !important;
	}
	
	.nomRadioArrange label{
		    float: left !important;
    		clear: none;
    		display: block;
	}
	
	.nomRadioArrange{
		width : 100% !important;
		padding : 8px !important;
	}
	
	.schTable td input{
		width : 40px !important;
	}
	
	.notes li{
		font-size : 11px !important;
	}
	
	.schRadioArrange input{
		    float: left !important;
    		clear: none;
    		margin: 0 0 -1px -1px !important;
	}
	
	.schRadioArrange label{
		    float: left !important;
    		clear: none;
    		display: block;
	}
	
	.schRadioArrange{
		width : 100% !important;
		padding : 8px !important;
	}
	
	.addrRadioArrange input[name=tier1AutoSchemePref]{
		    margin: 2px 7px 2px -20px !important;
	}
	
	.image_td , .image_td img {
		height : 100px !important;
	}
	
	.mobT2checkText{
	  	float: right;
   		margin: -15px 23px 0 24px;
   		font-size: 11px;
	}
	
	
	
	.mobPopUp{
		left : 10% !important;
		width : 80% !important;
		
	}
	
	.mobPopUp #sendOTPbutton{
		 width: 100% !important;
	}
	
	.mobPerShare input{
		width : 58% !important;
	}
	
	.mobPerShare span{
		float: left !important;
  		  margin: -30px 45px;
	}
	
	.mobFirstPop{
		left : 5% !important;
		width : 90% !important;
		top : 260px !important;
	}
	
	.buttonRupee{
		font-size: 12px !important;
    	width: 85% !important;
    	margin: 5px !important;
    	padding: 5px !important;
	}
	
	.subContRupreeArng input{
		width: 78% !important;
	}
	
	.subContRupreeArng label{
		margin: 8px 5px 9px 10px;
    	float: left !important;
	}
	
	#mobileNum {
	    margin: 0px -1px 1px -3px !important;
	    float: right !important;
	    padding: 6px;
	 }
	 
	 .mobNoLabel{
	    margin: 8px -1px 7px 0px !important;
	    float: left !important;
	 }
	 
	 .mobFatcaTbl tr th label{
	 	font-size : 9px !important;
	 }
	 
	 .mobFatcaTbl tr td select , .mobFatcaTbl tr td input{
	 	width : 90% !important;
	 }
	 
	 .blink-image{font-size:11px !important;}
	 
	 .bigSize , .captch_img, .captcha-text, #dob{
	 	width : 95% !important;
	 }
	 
	 #vpranbutton{
	 	width : 75% !important;
	 }
}

.short-text{
	display:none;
}
@media ( max-width : 768px) {.popupContainer .popupWindow{width:100% !important;left:0 !important}}
@media ( max-width : 767px) {
	.ui-tabs .ui-tabs-nav li{float:none !important}
	.ui-tabs .ui-tabs-nav .ui-tabs-anchor{float:none !important;display:block}
	#subRegContactDtlsIntDTO\.corAddType-error, #subRegContactDtlsIntDTO\.perAddType-error{ position: relative !important;top: 40px !important;}
	.captchaDiv{width:100%;}
	.submitbtn {width:100%}
	.esignlbl {
      margin-left: 10px;
      margin-bottom: 17px;
     }
	.error_wrapper{margin-left:10% !important;text-align:left}
	.header .cra_off_logo {
		float: none;
		margin-top: 0px;
	}
	.paymentTabGrid td input{margin:20px 10px 10px 30px}
.addrRadioArrange span{display:inline-block;}
.addrRadioArrange span input{float:left !important;margin-top:0px !important}
.addrRadioArrange span label{float:left !important;margin-top:0px !important}	
	.popupContainer .popupWindow{width:100% !important;left:0 !important}
	.header .cra_off_logo img {
		margin: 0 auto;
	}
	.span-19 {
		padding-bottom: 0px;
	}
	.regenbtn {
		margin-left: 0px;
		font-size:12px;
	}
	/* .popupContainer .popupWindow{width:99% !important;} */
	.banklistpopup {
		left: 0% !important
	}
	.panconfmpopup {
		width: auto;
		left: 0%
	}
	.cancelbtn {
      margin-left: 0px !important;
      width: 100%!important;
      text-align: center;
    }
    
	.subscbrdtltbl {
		width: 100% !important;
		left: 0px !important;
	}
	select {
		padding-right: 15px;
	}
	.majorslt {
		width: 65%;
	}
	#bnkCntCd1, #bnkCntCd2 {
		width: 100%;
	}
	#bnkType1, #bnkType2 {
		width: 100%;
	}
	#bnkStCd1, #bnkStCd2 {
		width: 100%;
	}
	.craAddr {
		width: 60%;
		margin: 0 auto
	}
	.showAckGenMsg {
		width: 100% !important;
		left: 0% !important
	}
	.showAlert {
		width: 100% !important;
		left: 0% !important
	}
	.showTabHelp {
		width: 100% !important;
		left: 0% !important
	}
	.tier1DisabledPopUp {
		width: 100% !important;
		left: 0% !important
	}
	.PanConfirmation {
		width: 100% !important;
		left: 0% !important
	}
	.showMore {
		width: 100% !important;
		left: 0% !important
	}
	.regformTable label.error, .contriTable label.error {
		position: static;
		width: auto !important;
	}
	/* Tier2Activation */
	
	.radio-btn-section {
       margin: 2px 8px;
       display: flex;
    }
     #newActivation 
     #tabform4 select, input, textarea {
       margin-bottom: 20px;
     }
    #tier2Actform fieldset legend {
      font-size: 14px;
      text-align: center;
    }
    .tier2ActformContent .radio-btn-section .radio-inline {
       margin: 9px 13px 10px 0px;
    }
    #tier2Actform .submit {
      text-align: center;
    }
    #newActivation 
    #tabform4 select, input, textarea {
      width: 100%;
   }
   #delconfirm input#confirmbutton {
    width: auto;
    }
   #newActivation #dob {
    width: 100%!important;
   }
    .tier2ActForm 
    .tier2radioBtn label {
      float: left !important;
     }
   #newActivation .tier2ActformContent {
    width: 100%;
    margin: 0 auto;
   }
   #newActivation 
   .tier2radioBtn {
    width: auto;
    margin-left: 8px;
   }
   #proceedDiv #otpAutenticateForm  #captchaRow {
    width: 100%;
    margin: 20px auto;
   }
   
   #verifForm input#otpEsign {
    float: left!important;
   }
   #verifForm input#esign {
    float: left!important;
   }
   #verifForm input#print {
    float: left!important;
    }
    
   fieldset legend {
    font-size: 14px!important;
    text-align: center;
    }
    
   #completeExistForm #showTierOption {
    margin-left: 0;
    margin-top: -9px;
    width: 100%;
    display: flex;
    }
   .otpSignFormActivation {
    width: 100%;
    margin: 0 auto;
    }
    #showTierOption input#tier3Id {
    float: left!important;
    }
    #completeExistForm #showTierOption input#tier2Id {
    float: left!important;
    }
    #completeExistForm 
   #showTierOption label {
    float: left!important;
   }
  #completeExistForm fieldset legend {
    font-size: 14px;
    text-align: center;
   }
   #tierSelection2 {
    margin: 2px 0px;
   }
   .printbtn .reset-btn {
    margin-left: 0;
   }
   .reset-btn {
    margin-left: 0;
   }
   #autoSchPrefTypes .addrRadioArrange span {
    display: inherit;
    }
    .payment-btn-section {
	width:100%;
	margin:10px auto;	
    }
   /* contribution subsequent */
   
   #existingForm .contributionForm {
    width: 90%;
    margin: 0 auto;
   }
   .contributionForm  #captchaRow .captcha-text {
    margin-left: 0px;
    width: 50px !important;
  }
  #existingForm .contributionForm #showOtpOption {
    margin-bottom: 12px;
  }
  #existingForm .contributionForm #appType {
    margin-bottom: 12px;
  }
  #existingForm 
 .cancel-btn {
    margin-left: 0;
  }
  #sendOTPbutton 
   .cancel-btn {
    margin-left: 0;
  }
  #vpranbutton .button {
    text-align: center;
  }
  #vpranbutton .submit {
    text-align: center;
  }
  #contributionForm .submit {
    text-align: center;
  }
  #contributionForm .paymentTabGrid img#prevAckID {
    margin-left: 0px;
 }
  .submit {
    text-align: center;
  }
  .cancel-btn {
    margin-left: 0;
   }
   .resetbtn {
    margin-left: 0;
   }
   .GDS_Registration  input[type="text"], select {
    width: 100%;
   }
   .getGDSBankDetails 
   input[type="text"], select, textarea {
    width: 100%!important;
   }
   .getGDSNomineeDetails 
   input[type="text"], select, textarea {
    width: 100%;
   }
    /* SubsequentContributionQRCode mobile view css */
 #QR1 {
    width: 100%;
    display: block;
    float: none;
  }
 #QR2 {
    width: 100%;
    display: block;
    float: none;
  }
  
  .QR_Code_Img {
    margin-left: 10px;
    margin-top: 10px;
    width: 97%;
    margin-right: 10px;
  }
  .OR1Image {
    width: 100%;
    height: auto;
    float: none;
   }
  .OR2Image {
    width: 100%;
    height: auto;
    float: none;
   }
  .QRCodelabel {
    margin: 4px 0px 0px 0px;
    font-size: 18px;
    text-align: center;
    display: table;
    float: none!important;
    width: 100%;
   }
  .OR_Code_Img {
    margin-left: 10px;
    margin-top: 10px;
    margin-right: 10px;
    width: 95%;
   }
  .downloadBtnQRCode {
    text-align: center;
    margin-left: 0;
    margin-top: 5px;
   }
   p.QR_desc {
    margin-left: 0;
    text-align: center;
    justify-content: center;
    margin-top: 10px;
  }
  #tiersSection #tierTypeV {
    float: left!important;
  }
  #tiersSection #tierTypeT2 {
    float: left!important;
  }
  #tiersSection {
    margin: 0% 15% 10%;
  }
  #tier2VID {
    width: 100%;
    height: auto;
    margin-top: 175px;
    text-align: center;
  }
   #tier1VID {
    width: 100%;
    height: auto;
    margin-top: 175px;
    text-align: center;
  }
  #tier12VID {
    width: 96%;
    height: 100px;
    margin-top: 66px;
    text-align: center;
  }
}

@media ( max-width : 620px) {
	#subRegContactDtlsIntDTO\.corAddType-error, #subRegContactDtlsIntDTO\.perAddType-error{ position: relative !important;top: 80px !important;}
	.blink-image{margin-top:10px !important;font-size:11px !important;}
	.buttonRupee{
width:30% !important;
margin-left:0px !important;
padding: 10px 0 !important;
font-size:12px !important;
text-align:center

}
	.formTable {
		width: 100%;
	}
	.formContainer h1 {
		font-size: 22px !important
	}
	.contriTable {
		width: 100% !important;
	}
	.contridtl {
		width: 100% !important;
	}
	.contridtltbl td {
		padding: 0px
	}
	.contridtltbl th {
		padding: 0px
	}
	.contridtltbl td label {
		font-size: 11px;
		padding: 0px;
	}
	.contridtltbl th label {
		font-size: 11px;
		padding: 0px;
	}
	.contriTable td {
		padding: 0px
	}
	.contriTable th {
		padding: 5px
	}
	.contriTable td label {
		font-size: 11px;
		padding: 0px;
		margin-right:15px;
		margin-top:5px;
	}
	.contriTable th label {
		font-size: 11px;
		padding: 0px;
	
	}
	.contriTable th label {
		font-size: 11px !important;
		padding: 5px;
		word-wrap:break-word;
	}
	.grid td, .grid td a{
		padding: 0px;
		font-size: 11px;
	}
	.paymentTabGrid td{padding:5px !important}
	.grid th {
		padding: 0px;
		font-size: 11px;
	}
	.gridconfirm {
		width: 100%;
	}
	.submitDiv p {
		margin-left: 0px !important;
	}
	/* .printbtn{width:58%;margin:0%;} */
	.declarationtxt {
		margin-left: 0px;
	}
	
	.resetbtn {
		margin-left: 0px
	}
	
}

@media ( max-width : 550px) {
	.grid th {
		font-size: 10px;
		padding: 0px;
	}
	.grid td,.grid td a {
		font-size: 10px;
		padding: 0px;
	}
	.paymentTabGrid td{padding:5px !important}
	.grid td label {
		font-size: 11px;
		padding: 0px;
	}
	#transactionType {
		width: 88%;
	}
	#panCardFile, #chequeFile, #foreignAddressProofFile, #passportFile, #orphanStatusFile,#form60File,#letterFile,#empIdFile,#idProofFile,#addressFile,#nonkycProductProofFile {
		padding: 0px;
		font-size: 10px;
		width: 100%;
	}
	.datelbl {
		font-size: 10px;
	}
	.contriTable td {
		font-size: 10px !important;
		padding: 5px;
	}
	.contriTable td label {
		font-size: 10px !important;
		padding: 0px;
	}
	.contriTable th label {
		font-size: 10px !important;
		padding: 0px;
	}
	.stepwizard-step p {
    	margin-top: 10px;
    	font-size: 8px !important;
    	padding: 1px;
    	word-break: break-word;
    }
    
    .stepwizard-row:before {
	    left: 10px !important;
	    width: 90% !important;
	}
	
	.stepwizard{
		left:-8px;
	}

}

@media ( max-width : 500px) {
	.success{width:100% !important;}
	.contritbldtl td label {
		font-size: 10px;
		padding: 0px;
	}
	.contriTable td label span {
		font-size: 10px;
		padding: 0px;
	}
	.contriTable th label span {
		font-size: 10px;
		padding: 0px;
	}
	
	.contritbldtl th label {
		font-size: 10px;
		padding: 0px;
	}
	.grid th {
		font-size: 10px;
		padding: 0px;
	}
	.grid td,.grid td a {
		font-size: 10px;
		padding: 0px;
	}
	.paymentTabGrid td{padding:5px !important}
	.grid td label {
		font-size: 10px;
		padding: 0px;
	}
	.printbtn {
		width: auto !important;
		
	}
	#bnkIfsCode, #bankPin {
		width: 100px !important;
	}
	.contritbldtl td label {
		font-size: 10px !important;
		padding: 0px;
	}
	/* .contriTable td{font-size:9px;padding:0px;}
.contriTable td label{font-size:9px;padding:0px;}
.contriTable th label{font-size:9px;padding:0px;}
 */
	input[type="text"], select, textarea {
		font-size: 11px;
	}
	select {
		padding-left: 0px;
	}
	.contriTable th {
		padding: 0px;
	}
	
	.contriTable td label {
		font-size: 10px !important;
	}
	table select, table input, table textarea {
		width: 100% !important;
	}
	.grid th {
		font-size: 9px;
		padding: 0px;
	}
	.grid td,.grid td a {
		font-size: 9px;
		padding: 0px;
	}
	.paymentTabGrid td{padding:5px !important}
	.grid td label {
		font-size: 9px;
		padding: 0px;
	}
	.formContainer h1 {
		font-size: 20px !important
	}
	#tier2Pfm {
		padding-right: 15px;
	}
	#panCardFile, #chequeFile, #foreignAddressProofFile, #passportFile, #orphanStatusFile,#form60File,#letterFile,#empIdFile,#idProofFile,#addressFile,#nonkycProductProofFile {
		font-size: 8px;
		width: 100%;
	}
	.datelbl {
		font-size: 9px;
	}
	.captcha-text {
		margin-left: 0px;
		width:25px !important;
	}

	.ackbtn {
		font-size: 12px;
	}
	.craAddr {
		width: 80%;
		margin: 0 auto
	}
	.error_wrapper{margin-left:0% !important;}
}

@media ( max-width : 400px) {
/* 		#NewUserLink, #ContriLink, #T2ActLink{
		font-size:10px !important;
	} */
	.contridtltbl td label {
		font-size: 10px !important;
		padding: 0px;
	}
	#bnkIfsCode, #bankPin {
		width: 80px !important;
	}
	.grid th {
		font-size: 8px;
		padding: 0px;
	}
	.grid td,.grid td a {
		font-size: 8px;
		padding: 0px;
	}
	.paymentTabGrid td{padding:5px !important}
	.paymentTabGrid img{margin-left:0px !important}
	.grid td label {
		font-size: 8px !important;
		padding: 0px;
	}
	.schNameClass
	{
	font-size: 9px !important;
	}
	.contriTable th {
		padding: 0px;
	}
	/* .contriTable th label{font-size:9px;}
.contriTable td{font-size:9px;padding:0px;}
.contriTable td label{font-size:9px;padding:0px;}
 */
	.formContainer h1 {
		font-size: 18px !important
	}
	fieldset legend {
		font-size: 14px !important
	}
	.contriTable td label span {
		font-size: 8px;
		padding: 0px;
	}
}

@media ( max-width : 380px) {
	.contridtltbl td label {
		font-size: 10px !important;
		padding: 0px;
	}
	/* .contriTable th label{font-size:8px;}
.contriTable td label{font-size:8px;padding:0px;}
 */
	
	.datelbl {
		font-size: 7px;
		margin-left: 0px;
	}
	#selectPhoto, #selectSig {
		font-size: 10px;
	}
	.mandatoryPics {
		margin: 0px
	}
	.showBankMorePopup {.stepwizard-step
		left: 25% !important
	}
	.formContainer h1 {
		font-size: 16px !important
	}
	#SOTLink{width:86% !important}
}


@media ( max-width : 330px) {
	#bnkIfsCode, #bankPin {
		width: 70px !important;
	}
	input[type="text"], select, textarea {
		font-size: 9px;
	}
	.contridtltbl td label {
		font-size: 9px !important;
		padding: 0px;
	}
	/* .contriTable th label{font-size:7px;padding:0px;}
.contriTable td{font-size:7px;padding:0px;}
.contriTable td label{font-size:7px;padding:0px;}
 */
	#panCardFile, #chequeFile {
		font-size: 7px;
		width: 100%;
	}
	#tier2NomDtlsList0.nomFstNam label span {
		font-size: 7px !important;
	}
	.datelbl {
		font-size: 7px;
		margin-left: 0px;
	}
	#selectPhoto, #selectSig {
		font-size: 8px;
	}
	.formContainer h1 {
		font-size: 14px !important
	}
}
}
@-moz-keyframes blink {
    0% {
        opacity:1;
    }
    50% {
        opacity:0.5;
    }
    100% {
        opacity:1;
    }
} 

@-webkit-keyframes blink {
    0% {
        opacity:1;
    }
    50% {
        opacity:0.5;
    }
    100% {
        opacity:1;
    }
}
/* IE */
@-ms-keyframes blink {
    0% {
        opacity:1;
    }
    50% {
        opacity:0.5;
    }
    100% {
        opacity:1;
    }
} 
/* Opera and prob css3 final iteration */
@keyframes blink {
    0% {
        opacity:1;
    }
    50% {
        opacity:0.5;
    }
    100% {
        opacity:1;
    }
} 
.blink-image {
    -moz-animation: blink normal 1s infinite ease-in-out; /* Firefox */
    -webkit-animation: blink normal 1s infinite ease-in-out; /* Webkit */
    -ms-animation: blink normal 1s infinite ease-in-out; /* IE */
    animation: blink normal 1s infinite ease-in-out; /* Opera and prob css3 final iteration */
    margin-top:10px;
}
table .DataLeftAligned
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 13px;
    VERTICAL-ALIGN: middle;
    TEXT-ALIGN: left;
	color: #666666;  
	width:30%	
}

table .DataLeftAlignedBold
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 13px;
    VERTICAL-ALIGN: middle;
    TEXT-ALIGN: left;
	color: #333;  
	width:30%;
	font-weight:bold;	
	
}
/**CR 44120 starts**/
#mobileNumber{
	width : max-content;
}
#emailId{
	width : max-content;
}
#mobOtpButton{
	/* height : 28px; */
	width : max-content;
	font-size : 15px;
	text-align: center; 
}
#emailOtpButton{
	/* height : 28px; */
	width : max-content;
	font-size : 15px;
	text-align: center; 
}
#mobOtpButtonV{
	/* height : 28px; */
	width : max-content;
	font-size : 15px;
	text-align: center; 
	margin-right : 10px;
}
#emailOtpButtonV{
	/* height : 28px; */
	width : max-content;
	font-size : 15px;
	text-align: center; 
	margin-right : 10px;
}
#mobileOtpField{
	margin-left : 10px;
}
#emailOtpField{
	margin-left : 10px;
}


.otpVerification{
	border-right : 0px;
}

.confirmTick{
	margin-left: 10px;
    height: 16px;
}

/**CR 44120 ends**/

@media (max-width: 767px) {
	#tabs-1 .row {
	    margin-top: 1rem;
	}
	#tabs-2 .row {
	    margin-top: 1rem;
	}
	#tabs-3 .row {
	    margin-top: 1rem;
	}
	#tabs-4 .row {
	    margin-top: 1rem;
	}
	#tabform1 select, input, textarea {
	    margin-top: 5px;  
	}
	#tabform2 select, input, textarea {
	    margin-top: 5px;  
	}
	#tabform3 select, input, textarea {
	    margin-top: 5px;  
	}
	#tabform4 select, input, textarea {
	    margin-top: 5px;  
	}
}

@media (max-width: 767px) {
	#emailOtpField {
	    margin-bottom: 0.7rem;
	}
	#mobileOtpField {
	    margin-bottom: 0.7rem;
	}
}

@media (min-width: 768px) and (max-width: 1024px){
   .radio-btn-section {
    margin: 2px 74px;
   }
   #completeExistForm #showTierOption {
    margin-left: 80px;
   }
   #showTierOption input#tier3Id {
    float: left!important;
    }
    #completeExistForm #showTierOption input#tier2Id {
    float: left!important;
    }
    #completeExistForm 
   #showTierOption label {
    float: left!important;
   }
   .payment-btn-section {
	width:100%;
	margin:10px auto;	
    }
   .submitbtn .resetbtn {
    margin-left: 0px;
   }
   .addrRadioArrange label {
    float: left!important;
   }
   .addrRadioArrange #tier2SchemePrefAuto1 {
    float: left!important;
    }
    .addrRadioArrange #tier2SchemePrefAuto2 {
    float: left!important;
    }
    .addrRadioArrange 
    #tier2SchemePrefAuto3 {
    float: left!important;
    }
    #tabForm4  #tier2SchemePref1 {
    float: left!important;
    }
    #tabForm4  #tier2SchemePref2 {
    float: left!important;
    }
} 

@media (min-width: 820px) and (max-width: 1180px){
   .submitbtn .resetbtn {
    margin-left: 0;
   }
   #autoSchPrefTypes .addrRadioArrange span {
    display: inherit;
   }
   #tabForm4  #tier2SchemePref1 {
    float: left!important;
   }
   #tabForm4  #tier2SchemePref2 {
    float: left!important;
   }
   .addrRadioArrange label {
    float: left!important;
   }
   .payment-btn-section {
	width:100%;
	margin:10px auto;	
    }
}	

@media (min-width: 768px) and (max-width: 1180px){ 
	
/* SubsequentContributionQRCode tablet view css */  
  .QR_Code_Img {
    margin-left: 0;
    margin-top: 10px;
    width: 96%;
    margin-right: 15px;
   }
   #QR2 .QR_Code_Img {
    margin-left: 10px;
   }
  .OR1Image {
    width: 50%;
    height: auto;
    float: left;
    background: padding-box;
   }
  .OR2Image {
    width: 50%;
    height: auto;
    float: left;
    background: padding-box;
   }
  .OR_Code_Img {
    margin-left: 10px;
    margin-top: 10px;
    width: 90%;
    margin-right: 10px;
  }

   #tier1VID {
    width: 96%;
    height: auto;
    text-align: center;
    margin-top: 175px;
  }
  #tier2VID {
    width: 96%;
    height: auto;
    text-align: center;
    margin-top: 175px;
  }
  #tier12VID {
    width: 96%;
    height: 100px;
    text-align: center;
    margin-top: 66px;
	}
   
  
  .downloadBtnQRCode {
    margin-left: 0;
    margin-top: 5px;
    text-align: center;
   }
   
   p.QR_desc {
    margin-left: 0;
    text-align: center;
   }
    .QRCodelabel {
    margin: 4px 0px 0px 0px;
    font-size: 18px;
    text-align: center;
    display: table;
    float: none!important;
    width: 100%;
   }
   #tiersSection #tierTypeV {
    float: left!important;
    }
  #tiersSection #tierTypeT2 {
    float: left!important;
  }
}