.glyphicon {
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    font-size: 30px;
}

.rclabel{width:50%;float:left;font-size: 15px !important;text-align: left;padding-left: 50px;}

.col-md-2.col-xs-12.leftlastlast /*MTNLDelConfirmRecharge.jsp*/
	{
		line-height: 25px;
		background: #F2F3F2;
		min-height: 330px;
		color: #000;
		padding: 20px;
		text-align: center;
	}

	.col-md-3.col-xs-12.leftlastlast/*MTNLDelRechargeOption1.jsp*/
	{
		line-height: 35px;
		background: #F2F3F2;
		color: #000;
		padding: 19px;
		text-align: center;
		min-height: 560px;
	}
.cellno{    border-bottom: 2px solid grey;    font-size: 20px;font-weight: bold;}
.mblsec{text-align: center;    font-size: 20px;}
#divSuccessMessage{border: 1px solid lightgrey;border-radius: 1em;padding: 16px; overflow-y:auto;max-height:500px;background:#fff;margin-bottom: 10px;}
.pub{float:left;width:100%;}
.pub img {
    max-width: 50%;
    max-height: 100%;
    margin-right: -28px;
}

.activeclass{background:orange;}
.inactiveclass{background:none;}


#page{background:#F2FDFC;}
.headfullwd.container-fluid {    border-bottom: 4px solid;margin-top: -4px;}

.logo img {
    max-width: 65%;
	float:left;
}
.headsection {
    float: right;
    margin: 0 auto;
    padding-top: 10px;
    padding-bottom: 5px;
    width: 100%;
}

.logo-text {
    float: right;
    font-weight: bold;
}

.progressbar {
text-align: center;
    width: 100%;
    padding: 54px 0;}
.progressbar > div {
    display: inline-block;
}
.brdr {
    border: 2px solid #015b24;
    border-radius: 4em;
    padding: 13px;
}
.forhash img {
    width: 30px;
}
.forphone img {
    height: 30px;
    padding-left: 5px;
    padding-right: 5px;
    width: 30px;
}
.forcard img {
    width: 30px;
}
.smallbline1 {
    border: 1px solid;
    height: 1px;
    width: 18%;
    position: relative;
    top: -15px;
	}
.smallbline2 {
    border: 1px solid;
    height: 1px;
    width: 18%;
    position: relative;
    top: -15px;
}

.mycontrol {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: currentcolor currentcolor grey;
    border-image: none;
    border-style: none none solid;
    border-width: 0 0 2px;
    width: 467px;
	background:none;
}
.mycontrol:focus{outline:none;}

.mycontrol {
	
	    text-align: center;
    padding-top: 13px;
    padding-bottom: 14px;
    font-size: 24px;
    margin-bottom: 63px;
}

.h2class {    
	font-size: 35px;
    padding-bottom: 38px;
	text-align:center;
	}
	
	.btnsbt{text-align:center;}
	
	
	.rechargenow
	{
	background: #005E26;
    color: white;
    font-size: 20px;
    padding: 13px;
    word-spacing: 4px;
	}
	
	.rechargenow:focus{
	background: #005E26;
    color: white;
    font-size: 20px;
    padding: 13px;
    word-spacing: 4px;
	}
	.rechargenow:active{
	background: #005E26;
    color: white;
    font-size: 20px;
    padding: 13px;
    word-spacing: 4px;
	
	
	}
	.rechargenow:hover{
	background: #005E26;
    color: white;
    font-size: 20px;
    padding: 13px;
    word-spacing: 4px;
	
	
	}
/*	.h3class{
	margin-top:0 !important;
	font-weight: bold;
    font-size: 15px;
    text-align: center;
    padding-left: 14px;}
*/
.h3class {
    margin-top: 0 !important;
    font-size: 24px;
    text-align: left;
    padding-left: 14px;
}	
.rechargenow:hover{
	transition: 0.2s ease-in-out all;
    background:#0B9343;
}

.activestep{background: #006F00;    color: white;border:3px solid greenyellow}
.inactivestep {background: lightgrey;color: steelblue;0px solid grey;}
.footer {
    text-align: center;
    display: block;
    float: left;
    width: 100%;
    border-top: 3px solid #006F00;
    padding-top: 15px;
    font-weight: bold;
}
h3{margin-top:0 !important;}

.btnbk{color: white;    background: grey;    border: 1px solid;}
.btnpr{color: white;    background: grey;    border: 1px solid;}
.noneselected
	{
		padding-top: 50px;
		padding-bottom: 121px;
		font-weight: 800;
		font-size: 13px;
		font-family: sans-serif;
		background: #fff;
		padding-right: 10px;
		padding-left: 10px;
		border-radius: 1em;
	}
.noneselected span
	{
		text-decoration: underline;
		color: black;
		font-family: unset;
		font-weight: 800;
	}
/* Step123*/
.forhash.brdr.activestep:after {
	content: 'Step 1';
	position: absolute;
    color: white;
    top: 24px;
    font-size: 12px;
    font-weight: normal;
    background-color: #007A38;
    border-radius: 1em;
    padding: 2px 6px 1px 7px;
    margin-left: -3%;}
.forphone.brdr.activestep:after {
	content: 'Step 2';
	position: absolute;
    color: white;
    top: 24px;
    font-size: 12px;
    font-weight: normal;
    background-color: #007A38;
    border-radius: 1em;
    padding: 2px 6px 1px 7px;
    margin-left: -3%;}
.forcard.brdr.activestep:after {
	content: 'Step 3';
	position: absolute;
    color: white;
    top: 24px;
    font-size: 12px;
    font-weight: normal;
    background-color: #007A38;
    border-radius: 1em;
    padding: 2px 6px 1px 7px;
    margin-left: -3%;}
	
.forstat.brdr.activestep:after {
	content: 'Step 4';
	position: absolute;
    color: white;
    top: 24px;
    font-size: 12px;
    font-weight: normal;
    background-color: #007A38;
    border-radius: 1em;
    padding: 2px 6px 1px 7px;
    margin-left: -3%;}

.h6class{margin-top: -10px; margin-bottom: -10px;}
.labelsec{width:100%;}
.label1{width:50%;}
.label2{width:50%; }
.confirmlabel1{width:50%;float:left;}
.confirmlabel2{width:50%; float:left;}


.labelsec .label1, .labelsec  .label2 {padding: 2px;border: 1px solid lightgrey;}
.labelsec .confirmlabel1, .labelsec  .confirmlabel2 {padding: 2px;border: 1px solid lightgrey;}
.txnstatus_confirm {width: 100%;float: left;text-align: left;}
.h5class {font-size: 15px;word-spacing: 7px;}
.txnstatus {border: 2px dotted #ccc;border-radius: 1em;margin: -23px auto 15px;padding-left:20px;}
/*.responsedata{line-height: 43px;}*/
.activestep.glyphicon.glyphicon-ok {border: 0 none; color: greenyellow;font-weight: bold;}
.glyphicon-remove {border: 0 none; color: #FF9203;font-weight: bold;}
.formcontentleft .h3class{padding-bottom:15px;}
.plsnote { font-weight: bold; padding-left: 13px;}
table.responsedata {width: 100%;float:left;}
.note{float:right;}
.floatr1 .btn {background: green none repeat scroll 0 0;color: white;}

.logo-text h4 {font-size: 30px;font-weight: bold;color: #000;margin-top: 40px;}
.formcontentright.col-md-3{background: #F2F3F2;min-height: 580px;}
.heading_selectRC{font-size: 22px;font-weight: 700;margin-bottom: 2px;margin-top: 5px;}
.promotinofrs{padding-top: 10px;padding-bottom: 10px;font-weight: bold;}
ul li {margin-left: -2px;text-align: left;}
/*div#page {height: 75vh;}*/
.btn.btnbk,.btn.btnpr,.btn.btnbk1,.btn.btnpr1{background:#CEEAC1;color: #000;border: 1px solid;}
.floatr {margin-top: 60px;}
.verifydetails{background: #fff;float: left;width: 100%;}
.btn.btnbk1 {width: 25%; float: left;}
.schemename{border-bottom: 2px solid grey;font-size: 20px;font-weight: bold;color:#FF9203;}
.h4class {font-size: 15px;font-weight: 700;float: left; width: 100%;background: #CEEAC1;padding: 8px;}
.floatr.resp input{margin:5px;}
.btn.btnbk.b1, .btn.btnbk.b2{max-width:25%;}


.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th{padding:2px;}
#datatble tr td {border: 1px solid  lightgrey !important;text-align: center !important;}
#datatble tr th {text-align: center !important; border: 1px solid lightgrey !important;}
.headlinks {
    float: left;
    width: 100%;
    text-align: center;
}


.hm_bx,.sh_bx,.cc_bx {
    float: left;
    width: 33.33%;
    text-align: center;
}

.hm {
    float: none;
    min-width: 30%;
    background: #006f00;
    padding: 10px 5px;
    color: #fff;
    border-radius: 8px;
    margin-top: 8px;
    font-size: 17px;
    font-weight: 700;
    text-align: center;
    display: inline-block;
}
.sh {
    min-width: 30%;
    background: #006f00;
    padding: 10px 5px;
    color: #fff;
    border-radius: 8px;
    margin-top: 8px;
    font-size: 17px;
    font-weight: 700;
    display: inline-block;
}
.cc {
    float: none;
    min-width: 30%;
    background: #006f00;
    padding: 10px 5px;
    color: #fff;
    border-radius: 8px;
    margin-top: 8px;
    font-size: 17px;
    font-weight: 700;
    text-align: center;
    display: inline-block;
}
.hm:hover, .sh:hover, .cc:hover {    box-shadow: 1px 1px 4px 4px #9bd4b4;    transition: 0.3s ease-in-out all;}
.headlinks a:hover {
    color: #4682b4 !important;
}
.headlinks a {
    color: #fff !important;
}
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) 
{
.btn.btnbk.b1, .btn.btnbk.b2{max-width:20%;}
body{font-size:10px;}	
.logo-text{margin-top: -8px;}	
h4{font-size:8px;}
.logo img{max-width:110%;}
.brdr{padding: 5px;}	
.glyphicon {font-size: 20px;top;0px;}
.col-md-3.leftlast{line-height: 25px;margin-top: -20px;}
.cellno{border-bottom: 2px solid white;    font-size: 19px;    font-weight: bold;}
.mblsec label {margin-bottom: -2px;}
.mblsec{font-size: 15px;}
.headsection{2px solid;padding-bottom: 1px;}
.formcontentright.col-md-3{display:none;}
.noneselected{padding-top: 10px;padding-bottom: 10px;font-size:12px;}
.footer {margin-top: 10px;padding-top: 12px;font-size: 10px;}
#divSuccessMessage{padding: 7px; }
.mycontrol{max-width: 70%;padding-top: 10px;padding-bottom: 14px;font-size: 15px;margin-bottom: 23px;}
.rechargenow{font-size: 15px;padding: 7px;    word-spacing: 0px;}
.smallbline1{top: -9px;width:10%;}
.smallbline2{top: -9px;width:10%;}
.h2class{font-size: 19px;padding-bottom: 0px;}
h2{margin-top: 0px;margin-bottom: 7px;}
.rechargenow:focus{font-size: 12px;padding: 8px;word-spacing: 0px;}
.rechargenow:hover{font-size: 12px;padding: 8px;word-spacing: 0px;}
.floatr{position:fixed;left:0;bottom:0;width:100%;}
.floatr1{position:fixed;left:0;bottom:0;width:100%;text-align:center;z-index: 9; background: white;}

.maincontent.col-md-12.col-sm-12.col-xs-12{padding:0;}
.formcontentleft.col-md-6.col-xs-12.pg2{padding:0;}
.floatr {position: fixed;left: 0;bottom: 0;width: 100%;padding: 10px 0 10px 0;z-index:9;background:white;}
.btn.btnpr{width:50%;}.btn.btnbk{width:50%;float: left;}
.formcontent{padding-left:0 !important; padding-right:0 !important;}
.qtip.qtip-green{display:none !important;}

.forhash.brdr.activestep:after {display:none;}
.forphone.brdr.activestep:after {display:none;}
.forcard.brdr.activestep:after {display:none;}
.forstat.brdr.activestep:after {display:none;}

.col-md-2.col-xs-12.leftlastlast {line-height: 22px;padding: 0px 36px 0px 36px;}
.mbllogo{padding: 10px 0px 0px 0px;}
.note {margin: 2px; padding: 5px 0 1px; }
.plsnote {font-weight: bold; padding-left: 8px;}
.col-md-3.col-xs-12.leftlastlast{padding: 0;line-height: 20px;margin-top: -45px;margin-bottom: 5px;min-height: 0px;}
table.responsedata {position: relative;width: 100%;left:0%;}
.pub img{margin-right:0px;}
.logo-text h4 {font-size: 12px;margin-top:0px;}
.heading_selectRC {font-size: 15px;font-weight: 700;}
.rclabel {width: 50%;float: left;text-align: left;padding-left: 55px;font-size:12px !important;}
.progressbar {padding: 17px 0px 60px 0px;}
/*.container{min-height: 400px;}*/
#page {min-height: 68vh;}

.hm, .sh, .cc {font-size: 10px;padding: 5px 5px;margin-top: 10px;}
}