@charset "utf-8";
/* CSS Document */


.iconRupee {background: url("../images/rsicon.jpg") center center no-repeat; width: 20px; height: 16px; display: inline-block; overflow: hidden;}

.iconRupee.size12 {background-size: 12px; width: 14px; height: 12px;}


.boldTxt {font-weight:bold !important; font-family: 'Roboto' !important; color: #000 !important;}

.fontS14px {font-size: 14px !important;}
.fontS16px {font-size: 16px !important;}
.fontS18px {font-size: 18px !important;}
.txtACenter {text-align: center !important;}
.marginT_40px {margin-top: 40px !important;}
.paddingT_20px {padding-top: 20px;}

.fontS14px b {font-family: 'Conv_SS-600';}

.width100per {float: left; width: 100%; text-align: center;}
.borderBottom {border-bottom: solid 1px #c5c5c5;}




.tableDiv_01 {overflow-x:auto; margin-bottom: 20px; padding-bottom: 30px;}

.commonTable_01 {border-collapse: collapse; border-spacing: 0; width: 100%;}

.commonTable_01 th {text-align: left; padding: 8px; font-family: 'Conv_SS-600'; font-size: 14px; color: #000; border: 1px solid #ddd; background: #f5f5f5;}
.commonTable_01 th, .commonTable_01 td {padding: 8px; font-size: 13px; text-align: left; border: 1px solid #ddd;}

/*.commonTable_01 tr:nth-child(even){background-color: #f2f2f2}*/


.width100per .borderDiv_01 {display: inline-block; margin: 20px; padding: 0px 20px 10px 20px; color: #2d3e50; border: solid 4px #2d3e50; overflow: hidden;}
.width100per .borderDiv_01 b {display: block; font-size: 20px; font-family:'Roboto'; font-weight: bold;}
.width100per .borderDiv_01 b b {display: inline-block; font-size: 24px;}
.width100per .borderDiv_01 span {font-size: 12px; font-family: 'Conv_SS-600';}

.thankUiconDiv {display: block; clear: both; text-align: center; line-height: 0px;}
.thankUiconDiv img {width: 70px;}

.commonHeader_02 {display:block; width: 100%; font-size: 34px; font-family: 'Conv_SS-600'; text-align: center; overflow: hidden;}

.borders {padding: 5px; font-size: 22px; border: solid 1px #555;}

.tplan.boldText {font-weight:bold; font-family: 'Roboto' !important; color: #000 !important;}

.commonYellowBTN  {display: inline-block !important; color:#000 !important; border: 0px solid #ffa800 !important; background: #ffa800 !important; font-weight: bold; font-family: 'Roboto' !important; font-size: 20px; padding: 5px 10px  !important; width: auto  !important; min-width: 150px; margin: 0px 5px 30px 5px;}
@media only screen and (min-width: 320px) and (max-width: 400px) {
.commonYellowBTN  { font-size: 17px;}}

/*star rating */
@import url(//netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.css);

fieldset, label { margin: 0; padding: 0; }
/* body{ margin: 20px; }*/
h1 { font-size: 1.5em; margin: 10px; }

/****** Style Star Rating Widget *****/

.rating { 
  border: none;
  float: left;
  margin:0px auto;text-align:center;
}

.rating > input { display: none; } 
.rating > label:before { 
  margin: 5px;
  font-size: 1.25em;
  font-family: FontAwesome;
  display: inline-block;
  content: "\f005";
}

.rating > .half:before { 
  content: "\f089";
  position: absolute;
}

.rating > label { 
  color: #ddd; 
 float: right; 
}

/***** CSS Magic to Highlight Stars on Hover *****/

.rating > input:checked ~ label, /* show gold star when clicked */
.rating:not(:checked) > label:hover, /* hover current star */
.rating:not(:checked) > label:hover ~ label { color: #FFD700;  } /* hover previous stars in list */

.rating > input:checked + label:hover, /* hover current star when changing rating */
.rating > input:checked ~ label:hover,
.rating > label:hover ~ input:checked ~ label, /* lighten current selection */
.rating > input:checked ~ label:hover ~ label { color: #FFED85;  } 
.rating label{margin:0px;width:auto;}
.star-rate {width: 133px; margin: 0px auto;}

/*star rating */


/* CSS Document */



.document-holder{ width: 48%; float: left; margin:1% 1%; padding: 1%; border-bottom: #c5c5c5 solid 1px; height: 272px;}
.do-kyc{ width: 100%; height: auto; padding: 0; border: 1px solid #ffa800; border-radius: 10px; overflow: hidden;}
.top-holder{ background: #2d3e50; overflow: hidden; padding: 10px; margin-bottom: 10px; }
.do-kyc h1{  margin:0 0 30px; width:50%; float:left; background: #f5f5f5 !important; 
color: #2d3e50!important;
font-family: 'Conv_SS-600';
text-align: left;
font-size: 20px !important;
font-weight: bold;

padding: 10px 0 10px 10px;}

.do-kyc h2{ background: #f5f5f5 !important; margin:0 0 30px;  float:right;
color: #2d3e50!important;
font-family: 'Conv_SS-600';
text-align: right;
font-size: 20px !important;
font-weight: bold;
width: 50%;

padding: 10px 10px 10px 0px;}
.do-inner{ width: 50%; text-align: center; float: left; border-right: 1px solid #d7d7d7; }

.do-inner p { padding: 10px 0; margin: 0; }
.do-txt{ font-size:20px}
.do-inner p input{ width: 300px; border: 1px solid #CCCCCC; padding: 10px;}
.do-btn{ background: #ffa800; width:auto !important; color: #000; font-size: 20px; text-transform: uppercase; font-weight:bold!important; border: 0 !important; padding: 10px 20px 5px 20px;}
.do-otp{ width: 100px !important;}
.do-inner a {color: #ffa800; 
	font-weight: bold; text-decoration: underline; }
.resend{ margin-top: -10px !important}
.sub{margin-top: 20px !important}
.e-mandate { background: #2d3e50 !important; margin:0 0 30px; width:100%; float:left;
color: #fff;
font-family: 'Conv_SS-600';
text-align: center;
font-size: 20px !important;
font-weight: bold;

padding: 10px 0 10px 10px;}

.do-footer{ width: 100%; height: auto; overflow: hidden; font-size: 12px;}

#ekyc{ display: none;  cursor: pointer}
#show{ cursor: pointer;}
#hide{ cursor: pointer}

@media (max-width: 580px) {
	.document-holder{ width: 100%; height: auto}

	.do-kyc h1 { width: 50% !important; margin: 0 !important; font-size: 14px !important;}
	.do-kyc h2 { width: 50% !important; font-size: 14px !important; text-align: right !important}
	.do-inner{ width: 90%; margin: 0 auto; float: none; border-right: 0; border-bottom: 1px solid #CCCCCC; }
	.do-inner p input{ width: auto;}
	.do-txt{ font-size: 15px}
	.do-inner p { padding: 5px 0; }
	.do-inner p input{ padding: 5px;}
	.do-btn { font-size: 16px !important; }
}