/*
******************************************
* COMMON FORM ELEMENTS 
******************************************
*/
form { margin:0px; }
.lbl 		{  }
.lbl-typ1 	{ display:inline-block; margin-bottom:5px; font-weight:bold; }
.fields 	{  }
.frm-data 	{ position:relative; min-height:1px; }
.frm-hd-typ1 { 
	background-color:#f5f5f5;
	border-top:1px solid #e4e4e4;
	padding:8px 15px;
	margin:0 -15px 0px -15px;
	color:#333333;
	font-weight:bold;
	font-size:100%;

	}
/*--------------------------------------*/
.frm-txtbox {
	font-family: -apple-system, BlinkMacSystemFont, "SF Pro Display", "Helvetica Neue", sans-serif;
	border: 1px solid #d5d5d5;
	background: none;
	background-color: #FFF;
	padding: 4px 10px;
	color: #666666;
	font-size: 12px;
	bottom: 0px;
	border-radius: 5px;
	height: 20px;
	line-height: 21px;
}
select.frm-txtbox 	{ padding:2px; }
textarea.frm-txtbox { font-size:inherit; }
/*.error-txtbox 		{ border:1px solid #b32564; }*/
.active-txtbox 		{ border:1px solid #21b24e; }
.disable-txtbox{ background-color:#e5e5e5; }

.frm-txtbox1 { /* used in internatal rates page*/
	font-family: -apple-system, BlinkMacSystemFont, "SF Pro Display", "Helvetica Neue", sans-serif;
	background: none;
	background-color: #FFF;
	color: #666666;
	font-size: 12px;
	border: 0 none;
	padding: 4px 10px;
}

.frm-txtbox2 {
	font-family: -apple-system, BlinkMacSystemFont, "SF Pro Display", "Helvetica Neue", sans-serif;
	border: 1px solid #d5d5d5;
	background: none;
	background-color: #FFF;
	padding: 5px 10px;
	color: #666666;
	font-size: 12px;
	line-height: 15px;
	bottom: 0px;
	border-radius: 5px;
	height: 18px;
}

.frm-txtbox3 { /* used in national rates page*/
	font-family: -apple-system, BlinkMacSystemFont, "SF Pro Display", "Helvetica Neue", sans-serif;
	border: 0px solid #E8E8E8;
	background: none;
	background-color: #FFF;
	padding: 13px 12px 12px;
	color: #666666;
	font-size: 138.5%;
}
.frm-txtbox4 { /* used for  disable fields */
	font-family: -apple-system, BlinkMacSystemFont, "SF Pro Display", "Helvetica Neue", sans-serif;
	border: 1px solid #d9d9d9;
	background: none;
	background-color: #e5e5e5;
	padding: 3px;
	color: #666666;
	font-size: 92.3%;
	text-align: left;
}
.frm-txtbox5 {
	background: none repeat scroll 0 0 #FFFFFF;
	border: 0 solid #E8E8E8;
	color: #666666;
	font-family: -apple-system, BlinkMacSystemFont, "SF Pro Display", "Helvetica Neue", sans-serif;
	font-size: 138.5%;
	padding: 8px;
}
.frm-txtbox6 {
	background: none repeat scroll 0 0 #FFFFFF;
	border: 1px solid #D9D9D9;
	color: #666666;
	font-family: -apple-system, BlinkMacSystemFont, "SF Pro Display", "Helvetica Neue", sans-serif;
	font-size: 92.3%;
	margin-bottom: 3px;
	padding: 3px;
	border-radius: 5px;
}

/*
FORM GENERAL CASE CSS 
========================================*/
/*.fields .icon { vertical-align:middle; position:relative; top:-3px; }*/
.fields .ico-mandatory { margin-left:2px; }
.hlp-txt { font-size:85%; color:#666666; display:block; font-style:normal; }
.fields .btn1{margin-right:5px;}

/*
CHECK BOX CSS 
========================================*/
.checkbox-field {
	padding-top:5px;
	padding-bottom:4px;
	}

.cr-box 		{ margin-right:10px; }
.cr-box input 	{ position:relative; top:1px; }
.cr-box .cr-lbl { }

.cr-typ1 .cr-lbl{ display:inline; }

.cr-typ2 .cr-lbl{ display:inline; }
.cr-typ2 .cr-box{ display:block; margin-bottom:5px; }

.cr-typ3 .cr-box{ position:relative; display:block; } /* used in register page*/
.cr-typ3 .cr-lbl{ display:block; margin-left:25px; }
.cr-typ3 input	{ position:absolute; left:0px; top:0px; background:none; border:none; }
.cr-typ3 .cr-box a{ text-decoration:underline;}
/*.cr-typ3 input.chk-box { background-color:#ffffff; }*/
/*
CAPTCHA CONTROL
========================================*/
.captcha {  }
.captcha .iframe {
	height:47px;
	position:relative; 
	margin-bottom:0px;
	padding:0px;
	background-color:#f3f3f3;
	}
.iframe iframe { 
	width:149px; 
	height:47px; 
	margin:0px;
	position:absolute;
	/*top:5px;
	left:5px;*/
	background-color:#dfdfdf;
	}
.captcha .iframe .ref-btn { position:absolute; top:0px; right:0px; }

/*
******************************************
* ALL FORM MESSAGE CSS
******************************************
*/
.frm-note-typ1 {
	background-color:#f5f5f5;
	border-top:1px solid #e4e4e4;
	border-bottom:1px solid #e4e4e4;
	padding:8px 15px;
	margin:0 -15px 10px -15px;
	color:#333333;
	}
.frm-note-typ2 {
	background-color:#fffbf1;
	border-top:1px solid #fff3d4;
	border-bottom:1px solid #fff3d4;
	padding:5px 10px;
	margin:0 -10px 10px -10px;
	color:#333333;
	}
.frm-note-typ3 { margin:0 0 10px 0; color:#333333; }

.frm-note-typ4 {
	background-color:#fffade;
	border:1px solid #f3d5ae;
	padding:5px 10px;
	color:#333333;
	}
.frm-note-typ5 {
	padding:0px 20px 0 20px;
	color:#666666;
	font-size:14px;
	font-weight:bold;
	}	

/*
******************************************
* FORM TYPE 1
******************************************
*/
.frm-typ1 					{ padding:0px; }
.frm-typ1 .frm-data .lbl	{ 
	font-weight:bold; 
	color:#666666; 
	display:block; 
	float:left; 
	vertical-align:top;
	font-size:12px;
	text-align:right;
	line-height:14px;
	}
.frm-typ1 .frm-data 		{ list-style-type:none; padding:0px; }
.frm-typ1 .fields 			{  }
.frm-typ1 .hlp-txt			{ margin-bottom:5px; }

div.frm-typ1.pd0			{ padding:0px; }
div.fields.mrg0 			{ margin:0px; }
.frm-typ1 .frm-data li 		{ /*overflow:hidden;*/ padding:11px 0; margin-bottom:2px; }
.frm-typ1 .frm-data > li:hover,
.frm-typ1 .frm-data > li.active,
.frm-typ1 .frm-data > li:hover .fields,
.frm-typ1 .frm-data > li.active .fields{ background-color:#eef9ff; }
.frm-typ1 .frm-data li.clear { padding:0px; margin-bottom:0px; }

/*
FORM LABEL WIDTH CASE

lbl width 			= (width) + (padding)
lbl bg position 	= (bg width) - (lbl width) = x-posiontion:(value)
fields leftmargin 	= (lbl width) + (1)
========================================*/
.lbl-w1 li .lbl 			 { width:180px; padding-top:7px; } /* online topup page*/
.lbl-w1 .frm-data li .fields { background:#ffffff; margin-left:201px; vertical-align:top; }


/*
******************************************
* MANAGE ADDRESS CASE
******************************************
*/

.options-box	{ width:100%; }
.options-box .l,
.options-box .r { border-bottom:1px solid #e5e5e5; padding:10px; }
.options-box .l { 
	padding:10px;
	background-color:#fbfbfb;
	border-right:1px solid #e5e5e5;
	width:20px; 
	}
.options-box .r .editbtn{ right:30px; }
.options-box .r .delbtn { right:-5px; top:-5px; }
.selected-options .l	{ background-color:#f4f9ff; }
.edit-options td 		{ padding:0px; }

/*
******************************************
* RADIO BUTTON WITH TEXT IN PAYMENT OPTION PAGE
******************************************
*/
.paymentoption{
	margin:0 0 0px 0;
	padding:0px;
	}
	
.paymentoption td{
	padding:8px 10px;
	border-top:1px solid #e4e4e4;
	height:75px;
	}
.paymentoption td img{
	height:58px;	
	}
	
.frm-strat { display:inline-block; margin-right:8px; }
.frm-strat input {
	margin:0px;
	}
.frm-strat label {
	margin:2px 0 0 3px;
	display:block;
	}
#feedback_pg #radStarRating {
	width:100%;
	}

/*
******************************************
* ONLINE TOPUP PAGE CSS
******************************************
*/

.frm-bd{ margin:0px; padding:0px; background:#f6f6f6; border-radius:5px;} /* ONLINE TOPUP PAGE*/	
.frm-bd .bd-L{ float:left; width:385px;}
.frm-bd .bd-R{ margin-left:385px;}

.frm-bd .lbl-w1 .frm-data,
.frm-bd .lbl-w3 .frm-data {background:#f6f6f6; padding-top:1px; padding-bottom:5px; border-bottom:none;}
/*
******************************************
* FREE SIM PAGE 7 CSS
******************************************
*/
#checkout_step7_pg .frm-typ2 .frm-data {
	padding:15px 0px;
	}


/**************************************
* COMMON FORM CSS
***************************************/
.box-typ4.working,
.box-typ4.incomplete,
.box-typ4.complete { position:relative; }
.common-frm-title {
	border-bottom: 1px solid #E3E3E3;
	color: #666666;
	font-family: -apple-system, BlinkMacSystemFont, "SF Pro Display", "Helvetica Neue", sans-serif;
	font-size: 18px;
	font-weight: bold;
	line-height: 21px;
	margin-bottom: 20px;
	margin-left: 8px;
	margin-right: 8px;
	padding: 0 0 10px;
	position: relative;
	min-height: 28px;
	min-height: 1px;
}
.common-frm-title.bottmrg-change { margin-bottom:10px; }
.common-frm-title:after,
.common-frm-title:before { content:""; display:table; line-height:0; }
.common-frm-title:after { clear:both; }
	.common-frm-title .no-icon {
		background: url("../img/otherimg_v1.png") no-repeat scroll -53px -336px transparent;
		color: #FFFFFF;
		display: block;
		font-family: -apple-system, BlinkMacSystemFont, "SF Pro Display", "Helvetica Neue", sans-serif;
		font-size: 16px;
		font-weight: bold;
		height: 25px;
		padding: 3px 0 0;
		text-align: center;
		vertical-align: middle;
		width: 28px;
		float: left;
		margin-top: -2px;
	}
.common-frm-title .reg-title-txt {  display:block; width:250px; }
	.common-frm-title .reg-title-txt .common-frm-sub-txt {
		display: block;
		font-size: 12px;
		font-family: -apple-system, BlinkMacSystemFont, "SF Pro Display", "Helvetica Neue", sans-serif;
		color: #666666;
		line-height: 13px;
		font-weight: normal;
		margin-top: 3px;
	}

.common-frm-title .step-title {
    display: inline-block;
    vertical-align: middle;
	}

.working .common-frm-title .icon {
    display: inline-block;
	}
.common-frm-title .icon {
    display: none;
    position: absolute;
    right: 0;
    top: -11px;
	}
.common-frm-field .frm-data .fields .error-txtbox {
    background-color: #FFE2E2;
    border: 1px solid #F57878;
	}
.common-frm-field .frm-data .fields .error-txt-msg {
	color: #FE0000;
	font-family: -apple-system, BlinkMacSystemFont, "SF Pro Display", "Helvetica Neue", sans-serif;
	font-size: 12px;
	font-weight: bold;
	line-height: 13px;
	margin-top: 8px;
}	
.common-frm-field .frm-data .fields .ico-success,
.common-frm-field .frm-data .fields .ico-error { margin-left:6px; vertical-align:middle; }
.help-tooltip {
    display: inline-block;
    margin-left: 6px;
    vertical-align: middle;
	margin-top:3px;
	}
.common-frm-field .captcha .help-tooltip {
	margin-top:15px;
	}
.help-tooltip .inner-tooltiop {
    display: inline-block;
    height: 22px;
    min-height: 1px;
    position: relative;
    width: 22px;
	z-index:99999;
	}
.common-frm-field .sim-plans-offer-detail .help-tooltip .inner-tooltiop { width:16px; height:16px; }
.common-frm-field  .sim-plans-offer-detail .help-tooltip { margin-left:1px; }
.inner-tooltiop .tooltip { opacity:1 !important; }
.btn-typ1 .ico-nxtarrow { margin-left:7px; vertical-align:middle;}

.complete .common-frm-title,
.incomplete .common-frm-title {
    color: #C1C1C1;
	}
.incomplete .common-frm-title, 
.complete .common-frm-title {
    border-bottom: 0 none;
    margin-bottom: 0;
    padding-bottom: 0;
}

.complete .common-frm-title .no-icon,
.incomplete .common-frm-title .no-icon {
    background: url("../img/otherimg_v1.png") no-repeat -95px -501px;
	}

.help-tooltip .inner-tooltiop .tooltip-info-box {
	background-color: #FFFFFF;
	border: 1px solid #1169A7;
	border-radius: 5px;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
	color: #666666;
	display: none;
	font-family: -apple-system, BlinkMacSystemFont, "SF Pro Display", "Helvetica Neue", sans-serif;
	font-size: 12px;
	left: 40px;
	padding: 8px 10px;
	position: absolute;
	top: -6px;
	width: 140px;
	text-align: left;
}
.help-tooltip2 .inner-tooltiop .tooltip-info-box {
	background-color: #FFFFFF;
	border: 1px solid #1169A7;
	border-radius: 5px;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
	color: #666666;
	display: none;
	font-family: -apple-system, BlinkMacSystemFont, "SF Pro Display", "Helvetica Neue", sans-serif;
	font-size: 12px;
	left: 31px;
	padding: 8px 10px;
	position: absolute;
	top: -6px;
	width: 130px;
	text-align: left;
}
.help-tooltip .inner-tooltiop .tooltip-info-box .ico-close1 {
    position: absolute;
    right: -50px;
    top: -50px;
	}
.help-tooltip .inner-tooltiop .tooltip-info-box .tooltip-arrow {
    background: url("../img/tooltip-arrow.png") no-repeat scroll left top transparent;
    height: 23px;
    left: -13px;
    position: absolute;
    top: 5px;
    width: 15px;
	}

.complete .common-frm-title .edit-btn {
    display: inline-block;
	
}
.common-frm-title .edit-btn {
    display: none;
    position: absolute;
    right: 0;
    top: 0;
}

.common-frm-field .frm-data li label.radio-btn { line-height:5px !important; }
.common-frm-field .frm-data li .fields input.radiobtn { vertical-align:middle; outline:none; margin-top:10px !important; }
	
.frm-typ1 .btnbar{margin-left:201px; padding-top:8px; padding-bottom:10px;}
#newsletter-pg .common-frm-title {
  padding: 0 0 18px;
}

.sb-frm-txtbox2 {
	background: #FFFFFF;
	border: 1px solid #d9d9d9;
	border-radius: 4px;
	bottom: 0;
	color: #999999;
	font-family: -apple-system, BlinkMacSystemFont, "SF Pro Display", "Helvetica Neue", sans-serif;
	font-size: 12px;
	height: 22px;
	line-height: 21px;
	padding: 0px 10px;
}

.lbl-w1 .frm-data li  {line-height:1.231 !important;}

/*SIM STEP 4*/

.termsbox label a{color:#005d9e;}
.termsbox label a:hover{color:#666666;}
.checkbox input {float:none;}
.termsbox .checkbox input {margin-left:0px !important;}
.radio, .checkbox {padding-left:0;}
.termsbox label span{position:relative; top:-1px;}


.reg-field .box-typ20 {background:#F8F8F8;}


.sb-plan-price .refer-friend a{color:#005D9E;}
.sb-plan-price .refer-friend a:hover{color:#06AF4B;}

.sb-frm-txtbox2 {
	display: inline !important;
	font-size: 12px !important;
	padding: 0 2px !important;
	width: 120px !important;
	border: 1px solid #D9D9D9 !important;
	border-radius: 4px 4px 4px 4px;
	bottom: 0;
	color: #999999 !important;
	font-family: -apple-system, BlinkMacSystemFont, "SF Pro Display", "Helvetica Neue", sans-serif;
	height: 25px;
	line-height: 21px !important;
	padding: 0 10px;
}
.shipping .sb-frm-txtbox2 { width:250px !important; height:28px !important; line-height:27px !important;  padding: 0 6px !important;}

.checkbox,
.radio-btn { 
	display: inline-block !important;	
	 position:relative;
	}
.checkbox-bg{background: url(../img/checkboxbg1.png) no-repeat 0px 0px;	}	
.checked.checkbox-bg { background-position:0px -121px; }
.radiobtn-bg{background: url(../img/radiobtn-bg.png) no-repeat 0px 0px;	}	
.checked.radiobtn-bg { background-position:0px -64px; }
.checkbox input { opacity:0; margin:0;	vertical-align:top; width:15px !important; height:15px; display:inline-block; }
.radio-btn input { opacity:0; margin:0;	vertical-align:top; width:14px; height:14px; }
.radio-btn .radio-lbl { position:relative; top:-4px; margin-left:5px; }

.ui-datepicker-trigger { margin-left:5px; }