*{box-sizing:border-box;}
.err{
	display:none;
}
#first-menu,#next-menu{
background:white;
opacity:0.8;
padding: 5%;
}
#login-content{
  width: 75%;
  padding:12px;
  margin: auto;
  margin-top:10%;
  background-color: white;
  opacity: 0.9;
  border-radius: 5px;
}
body{
	font-family:Century Gothic, Arial, sans-serif;
        padding:0px;
        width:100%;height:100%;
        margin: 0 auto;
        background: #d1e9f5 url('https://s3-eu-west-1.amazonaws.com/fs.capillary.eu/intouch_creative_assets/61b0b96a87cb881d4ab7.jpg');
        background-repeat: no-repeat;
       background-attachment: fixed;
       background-position:center 20px; 
      background-size: cover;
}
.template_cc{
 padding-top:15%;
}
*:focus{
	outline:none;
}
.view-input-field{
    float:left;
   margin-left:40px;
}
/*.sprite { background: url('http://sharingan.nightly.capillary.in/frontend/assets/images/sprite.png') no-repeat top left;
 margin:5px;display:inline-block;float:left;} */
 .name{float:left;margin:5px  0 0 10px;}
/*.sprite.Flag_of_Australia { background-position: 0px 0px; width: 23px; height: 12px;  } 
.sprite.Flag_of_China { background-position: 0px -22px; width: 23px; height: 15px;  } 
.sprite.Flag_of_Indonesia { background-position: 0px -47px; width: 23px; height: 15px;  } 
.sprite.Flag_of_Malaysia { background-position: 0px -72px; width: 23px; height: 12px;  } 
.sprite.Flag_of_Singapore { background-position: 0px -94px; width: 23px; height: 15px;  } 
.sprite.Flag_of_the_Philippines { background-position: 0px -119px; width: 23px; height: 12px;  } 
.sprite.Flag_of_thailand { background-position: 0px -144px; width: 23px; height: 12px;  } 
*/#code input{width:100% !important;height:100%;background:white;border:none !important;font-size:13px;text-align:center;font-weight:bold;	}
#dropdown-box{position:absolute;top:33px;width:125px;border:1px solid #ccc;}
#dropdown-box ul{background:#ececec;color:black;margin:0;padding:0;width:100%;position:relative;float:left;}
#dropdown-box ul:after, #dropdown-box ul:before {
	bottom: 100%;
	left: 15%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

#dropdown-box ul:after {
	border-color: rgba(236, 236, 236, 0);
	border-bottom-color: #ccc;
	border-width: 7px;
	margin-left: -7px;
}
#dropdown-box ul:before {
	border-color: rgba(236, 236, 236, 0);
	border-bottom-color: #ccc	;
	border-width: 10px;
	margin-left: -10px;
}
#dropdown-box ul li{list-style:none;float:left;text-align:left;margin:3px 0;width:100%;padding:0;cursor:pointer;}
#dropdown-box ul li:hover{background:#ccc;}
.field{
	font-size:14px;
	margin-top:10px;
}
.input-field{
	margin-top:2px;
}
#changepwd{
	width:70%;
        height: 38px;
	border:1px solid #bcbbbb;
	border-radius:3px;
	padding:8px 4px;
}
#submit,#up-submit{
	background-color:#ff4814;
	border-radius:8px;
	color:white;
	font-size:14px;
	border:none;
	padding:10px 16px;
	cursor:pointer;
       -webkit-appearance: none;
}
.field a{
	color:#ff4814;
	font-size:14px;
}
#login-content .field .input-field #username,#username{
width: 180px;
border: none;
padding:8px 4px;
border-top-right-radius:3px;
border-bottom-right-radius:3px;
background:white;
font-weight:bold;	
border-right: 1px solid #bcbbbb;
border-top: 1px solid #bcbbbb;
border-bottom: 1px solid #bcbbbb;
}
#code{
height:33px;
border-left: 1px solid #bcbbbb;
background:white;
border-top: 1px solid #bcbbbb;
border-bottom: 1px solid #bcbbbb;
width:45px;
font-weight:bold;	
float:left;
position:relative;
color:#abaaaa;
text-align:center;
border-top-left-radius:3px;
border-bottom-left-radius:3px;
}
#temp{
display:block;
margin:5px 0 0 2px;
}
.error{
 color:red;
 font-size: 10px;
}
#arrow {
      width: 0;
      height: 0;
      border-top: 10px solid transparent;
      border-bottom: 10px solid transparent;
      border-right: 10px solid gray;
      display: block;
      margin-left:10px;
      float:left;
  }


#header{
		width:100%;
		height:50px;
		background-color:#e5e5e5;
		margin:0px;
		padding:0px;
	}
	#nav-bar{
		width:710px;
		display:block;
		margin:auto;
		min-height:52px;
	}
	#nav-bar ul{
		float:left;
		margin:0px;
		padding:0px;
	}
	#nav-bar ul li{
		float:left;
		list-style:none;
		display:block;
	}
	#nav-bar ul li a{
		text-decoration:none;
		display:block;
		padding:13px;
		float:left;
		color:#505050;
	}
	#nav-bar ul li a:hover{
		border-bottom:5px solid #ff4814;
		color:#ff4814;
	}
	#nav-bar-view ul li .active
	{
	color:#ff4814;
	border-bottom:5px solid #ff4814;
	}
	#signout{
		float:right;
		margin-top:12px;
		color:#505050;
	}
	#signout a:hover{
		border-bottom:5px solid #ff4814;
		color:#ff4814;
		text-decoration:none;
	}
	#signout a{
		color:#505050;
		padding-left:6px;
		padding-right:6px;
		padding-bottom:13px;
		text-decoration:none;
	}
	#content-wrapper{
		width:100%;
	}
	#start-divs{
		width:60%;
		margin:auto;
		background:white;opacity:0.9;
	}
	.field{
		width:500px;
		display:block;
		color:#505050;
	}
	.label-field{
		float:left;
		width:150px;
		font-weight:bold;	
		text-align:right;
	}
	.register-input-field{
		float:left;
		width:200px;

		margin-left:40px;
	}

	#arrow {
	    width: 0;
	    height: 0;
	    border-left: 10px solid transparent;
	    border-right: 10px solid transparent;
	    border-bottom: 10px solid white;
	    display: block;
		margin-left:39px;
	}
	#transaction-div{
		width:100%;
		border-radius:6px;
		display:block;
	}
	#transaction-div table{
		border-radius:7px;
width:100%;
		border-top-left-radius:6px;
	}
	#transaction-div table th{
		background-color:#505050;
		color:white;
		padding:0px;
		font-weight:normal;
		border-right:1px solid white;
	}
	#transaction-div table td{
		text-align:center;
		padding:5px;
		
		border-right:1px solid white;
	}
	.overflow-div{
		
		overflow-y:auto;
		display:block;
	}
	#submit{
		background-color:#ff4814;
		border-radius:8px;
		color:white;
		font-size:14px;
		border:none;
		padding:8px 20px;
		margin:20px 0 0 120px;
		cursor:pointer;
		text-decoration:none;
	}
	#submit1{
		background-color:#ff4814;
		border-radius:8px;
		color:white;
		font-size:14px;
		border:none;
		padding:7px 25px;
		margin:0px 0 0 230px;
		cursor:pointer;
		text-decoration:none;   
                -webkit-appearance: none;
	}
	#edit-profile-div #mandatory-div .field{
		width:600px;
		min-height:49px;
	}
	#edit-profile-div #optional-div .field{
		width:600px;
		margin-bottom:10px;
	}
	#edit-profile-div .field .label-field{
		margin-top:6px;
		font-size:13px;
		font-weight:bold;	
		width:180px;
	}
	#edit-profile-div .field .register-input-field{
		width:365px;
		font-size:13px;
	}
	#edit-profile-div .field .register-input-field input{
		width:230px;
		font-size:13px;
		background:white;
		border:1px solid #bcbbbb;
		border-radius:2px;
		font-weight:bold;	
		padding:8px 3px;
	}
	#edit-profile-div .field .register-input-field select{
		width:232px;
		font-size:13px;
		background:white;
		font-weight:bold;	
		border:1px solid #bcbbbb;
		border-radius:2px;
		padding:5px 3px;
	}
	#edit-profile-div .field .register-input-field #username{
		border-left:none;
		margin-left:-1px;
		height:33px;
		font-weight:bold;	
		width:188px;background:white;
	}
	#edit-profile-div .field .register-input-field #txt-country{background:none;}
	#anch{
		color:#ff4814;
		display:block;
		clear:both;
		float:left;
		margin-left:210px;
		font-weight:bold;
		font-size:12px;
	}
	#edit-profile-div .field .datepick select{
		width:73px;
		margin-right:1px;background:white;
	}
	h3{
		color:#ff4814;
		margin:0px;
		padding:0px;
	}
	.star{
		color:red;
		font-weight:bold;
		font-size:12px;
	}
	#em-pe{
		float:left;
		width:100px;
	}
	#sms-pe{
		float: left;
		width: 200px;
	}
	#ui-accordion-accordion-panel-0{
		height:485px !important;
	}
	#start-divs #profile-div .field{
		min-height:45px;
	}
	.err{
		display:none;
	}
	#dropdown{
                padding:10px;
background:white;
opacity:0.9;
		overflow-y:auto;
		overflow-x:hidden;
	}
	#edit-profile-div .field .register-input-field #table-pref input{
		width:15px;background:white;
	}
	#edit-profile-div .field .register-input-field #table-int input{
		width:15px;background:white;
	}
	.field .register-input-field #ph-land #phland{
		width: 189px;
		border-top-right-radius: 6px;
		border-bottom-right-radius: 6px;
		height: 17px;
		margin-top: 2px;
		border-top-left-radius: 0px;
		border-bottom-left-radius: 0px;
	}

	.error_message,.error_message label{float:left;width:100%;color:red;font-size:12px;clear:both;}
#main-wrapper{
	width:50%;
	margin:0 auto;
}
#nav-bar{
	min-height:55px;
	width:710px;
}
#nav-bar ul{
	margin:0px;
	padding:0px;
	background:#efefef;
}
#nav-bar ul li{
	float:left;
	list-style:none;
	min-height:47px;
	background:#efefef;
	text-align:center;
	color:black;
}
#nav-bar ul .active{
	width:205px;
	display:block;
	text-align:center;
	color:white;
	background:#ff4814;
}
#nav-bar ul li span{
padding: 15px;
display: inline-block;
}


#nav-bar-view {
min-height: 55px;
width: 710px;
margin:0 auto;
font-size: 14px;
}

#nav-bar-view ul li a {
text-decoration: none;
display: block;
padding: 13px;
float: left;
color: #505050;
}
#nav-bar-view ul li{
list-style: none;
}
#nav-bar-view ul li a:hover{
	border-bottom:5px solid #ff4814;
	color:#ff4814;
	text-decoration:none;
}

#formmethod{
width: 600px;
margin: 0 auto;
}




#edit-profile-div #mandatory-div .field{
	width:600px;
}
#optional-div{
background:white;
opacity:0.9;
padding: 10px;
}
#edit-profile-div #optional-div .field{
	width:600px;
	margin-bottom:10px;
}
#edit-profile-div .field .label-field{
	margin-top:6px;
	font-size:13px;
	width:180px;
	font-weight:bold;
}
#edit-profile-div .field .input-field{
	margin-left: 250px;
	font-size:13px;
}
#edit-profile-div .field .input-field input{
	width:232px;
	font-size:13px;
	background:white;
	border:1px solid #bcbbbb;
	font-weight:bold;	
	border-radius:6px;
	padding:8px 3px;
}
#edit-profile-div .field .input-field select{
	width:232px;
	font-size:13px;
	background:white;
	border:none;
	font-weight:bold;	
	border-radius:6px;
	border:1px solid #bcbbbb;
	padding:8px 3px;
}
.datepick select{
  width:75px!important;
    font-size: 13px;
    border:1px solid #bcbbbb !important;
    font-weight:bold;	
  background-color: #f6f4f4;
  border: none;
  background:white;
  border-radius: 6px;
  padding: 7px 3px;
}
#first, #second, #last {
width: 200px!important;
}
#login_form{
 padding:15px;
}

.redtag-inputfields {
width: 167px;
border: none;
min-height: 27px;
padding-left: 4px;
border-top-right-radius: 3px;
border-bottom-right-radius: 3px;
border-right: 1px solid #bcbbbb;
border-top: 1px solid #bcbbbb;
border-bottom: 1px solid #bcbbbb;
}
a#cancel {
color: #ff4814;
text-decoration: none;
font-size: 12px;
}
#start-divs #profile-div .field {
min-height: 38px;
}
.input-container.dob{
   float: left;
margin-left: 67px;
}
.header_points{display:inline-block;padding:0 0.5em;z-index:99;background:white;position:relative;text-transform:uppercase;color:#ff4814;}
#header_line{text-align:center;width:100%;float:left;position:relative;}
#header_line:after{
	  content: "";
  position: absolute;
  width: 100%;
  height: 1px;
  border-top: 1px solid #ff4814;
  top: 50%;
  right: 0;
}
#template_ch{
	width:100%;clear:both;float:left;background:white;
}
#left_content{width:45%;float:left;}
#right_content{width:53%;float:left;}
#calc_header{border:1px solid #ccc;padding:20px;float:left;width:100%;background:white;}
#calc_nav{width:100%;float:left;}
#calc_nav ul{margin:0;padding:0;width:100%;float:left;border: 1px solid #a4a4a4;}
#calc_nav ul li{display:inline-block;list-style:none;width:50%;padding:10px 0;float:left;text-align:center;  background: #efefef;
  background: -moz-linear-gradient(top,#efefef 0%,#d7d7d7 100%);
  background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#efefef),color-stop(100%,#d7d7d7));
  background: -webkit-linear-gradient(top,#efefef 0%,#d7d7d7 100%);
  background: -o-linear-gradient(top,#efefef 0%,#d7d7d7 100%);
  background: -ms-linear-gradient(top,#efefef 0%,#d7d7d7 100%);
  background: linear-gradient(to bottom,#efefef 0%,#d7d7d7 100%);
  border: none;
  border-right: 1px solid #a4a4a4;
  color: #666666;
  font-weight:bold;
  text-transform: uppercase;
  font-size: 12px;
  cursor:pointer;
 }
 #calc_nav ul li a{text-decoration:none;text-transform:uppercase;display:block;float:left;text-align:center;color:#999999;width:100%;font-weight:bold;}
#calc_nav ul li.activetab{  background: #ff4814;
  background: -moz-linear-gradient(top,#ff6134 0%,#ff4814 100%);
  background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#ff6134),color-stop(100%,#ff4814));
  background: -webkit-linear-gradient(top,#ff6134 0%,#ff4814 100%);
  background: -o-linear-gradient(top,#ff6134 0%,#ff4814 100%);
  background: -ms-linear-gradient(top,#ff6134 0%,#ff4814 100%);

  background: linear-gradient(to bottom,#ff6134 0%,#ff4814 100%);
  color: #ffffff;}
  .activetab a{color:#ffffff !important;}
  .desc_info{float:left;clear:both;width:100%;font-size:14px;}
  .calc_input{float:left;padding:10px 4px;width:100%;border: 1px solid #d7d7d7;}
.calc_cal{margin-bottom:20px;font-weight:bold;}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
#calc_convert,.both_conversion{
	text-align:center;float:left;width:100%;clear:both;
}
#button_calc{  float: left;
  text-align: center;
  background: #efefef;
  background: -moz-linear-gradient(top,#efefef 0%,#d7d7d7 100%);
  background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#efefef),color-stop(100%,#d7d7d7));
  background: -webkit-linear-gradient(top,#efefef 0%,#d7d7d7 100%);
  background: -o-linear-gradient(top,#efefef 0%,#d7d7d7 100%);
  background: -ms-linear-gradient(top,#efefef 0%,#d7d7d7 100%);
  background: linear-gradient(to bottom,#efefef 0%,#d7d7d7 100%);
  border: none;
  border: 1px solid #a4a4a4;
  color: #666666;
  font-weight:bold;
  text-transform: uppercase;
  font-size: 12px;
  cursor: pointer;}
#calc_points{float:left;width:40%;padding:9px 5px;}
#calc_amount{float:right;width:40%;padding:9px 5px;}
#calc_convert span{width:20%;float:left;text-align:center;padding:5px 0;font-size:20px;color:#ff4814;font-weight:bold;line-height:20px;}
#result{text-align:center;}
.combodate select{
width: 21.4% !important;
}
.clear{
 clear:both;
height: 10px;
}
input[type=mobile]{
 width: 85%;
 height: 38px;
font-size:16px;
}
.iti-flag {
background-image:  url(https://s3-eu-west-1.amazonaws.com/fs.capillary.eu/intouch_creative_assets/827af28ffab18f927e86.png) !important   
}
.intl-tel-input{
display:block !important;
}
@media all and (max-width: 730px) and (min-width: 641px) {
label{
font-size: 20px !important;
}
#submit{
font-size: 20px !important;
}
	.field,#nav-bar,#start-divs,#nav-bar-view,#main-wrapper{width:100% !important;}
	.act_nav{display:none !important;}
	#code{width:15%;}
	#login-content .field .input-field #username, #username{width:85%;}
	#main-content{background:white;opacity:0.9;text-align:center;}
	#mobile_header{display:block !important;}
.edit{
margin-right:0% !important;
}
}
@media all and (max-width: 640px) and (min-width: 500px) {
label{
font-size: 20px !important;
}
#submit{
font-size: 20px !important;
}
	body{padding:0px !important;}
	.field,#main-wrapper,#left_content,#right_content,#nav-bar-view,#login-content,.field,#nav-bar,#start-divs,#formmethod,#nav-bar-view,#edit-profile-div #mandatory-div .field{width:100%;}#code{width:15%;}
	#login-content .field .input-field #username, #username{width:85%;}
	#password, #changepwd{width:100%;}.act_nav{display:none !important;;}
	#mobile_header{display:block !important;}
	#main-content{background:white;opacity:0.9;text-align:center;}
.edit{
margin-right:0% !important;
}
}
@media all and (max-width: 499px) and (min-width: 100px) {
label{
font-size: 20px !important;
}
#submit{
font-size: 20px !important;
}
	body{padding:0px !important;}.act_nav{display:none !important;;}
	.field,#main-wrapper,#left_content,#right_content,.label-field,#nav-bar-view,#edit-profile-div .field .input-field input,#edit-profile-div .field .label-field,#edit-profile-div .field .register-input-field select,#edit-profile-div .field .register-input-field input,#edit-profile-div #mandatory-div .field,#edit-profile-div .field .register-input-field,#edit-profile-div .field .label-field,#login-content,.field,#nav-bar,#start-divs,#formmethod{width:100%}#code{width:15%;}
	#login-content .field .input-field #username, #username,#edit-profile-div .field .register-input-field #username{width:85%;}
	#edit-profile-div .field .label-field,#edit-profile-div .field .label-field{text-align:left;font-size:16px;}
	.register-input-field,#edit-profile-div .field .input-field,.input-container.dob{margin:5px 0 0 0;}
	#password, #changepwd,.input-container.dob,#edit-profile-div .field .input-field select,#edit-profile-div #optional-div .field{width:100%;}
	.datepick select,#edit-profile-div .field .datepick select{width:32% !important;float:left;}
	#submit1,.input-field{margin:10px 0 10px 0 !important;width:100%;font-size:16px;}
	#mandatory-div{text-align:center;}
	#optional-div{margin:auto;width:98%;}#mobile_header{display:block !important;}
	.label-field{text-align:left;}
	.nav_bar_desk{display:none;}
	#mobile_nav_head{display:block !important;text-align:center;}
	#mobile_nav_head select{padding:8px 10px;width:80%;}
	#edit-profile-div{background:white;opacity:0.9;text-align:center;}
	#main-content{background:white;opacity:0.9;text-align:center;}
	#anch{margin:0px;}
.edit{
margin-right:0% !important;
}
}
@media only screen and (max-width: 800px) {
label{
font-size: 20px !important;
}
#submit{
font-size: 20px !important;
}
.edit{
margin-right:0% !important;
}
#up-submit{
font-size:20px;
 padding: 15px 29px;
}
	/* Force table to not be like tables anymore */
	#no-more-tables table, 
	#no-more-tables thead, 
	#no-more-tables tbody, 
	#no-more-tables th, 
	#no-more-tables td, 
	#no-more-tables tr { 
		display: block; 
	}
#start-divs{
width:100%;
}
	/* Hide table headers (but not display: none;, for accessibility) */
	#no-more-tables thead tr { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
 
	#no-more-tables tr { border: 1px solid #ccc; }
 
	#no-more-tables td { 
		/* Behave  like a "row" */
		border: none;
		border-bottom: 1px solid #eee; 
		position: relative;
		padding:5px 0 0 50% !important; 
		white-space: normal;
		text-align:left !important;
		word-break:break-all;
	}
 
	#no-more-tables td:before { 
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: 6px;
		left: 6px;
		width: 45%; 
		padding-right: 10px; 
		white-space: nowrap;
		text-align:left;
		font-weight: bold;
	}
 
	/*
	Label the data
	*/
	#no-more-tables td:before { content: attr(data-title); }
}