.tab_container {
	width:1000px;
	margin:0 auto;
	padding:20px 0 0
}
.tab_container p {
	font-size:14px;
	line-height:20px;
	font-family:Lato, sans-serif;
	color:#2b2b2b;
	text-align:justify;
	margin:0;
	padding:10px 0 0!important
}
ul.tabs {
	padding:0px;
	margin:0 4px;
	list-style-type:none;
	text-align:left;
	z-index:50003;
}
ul.tabs li {
	display:inline;
	margin:0 3px 0 0;
	padding:0
}
ul.tabs li a {
	font:400 14px Verdana;
	text-decoration:none;
	position:relative;
	padding:7px 44px;
	border:0px;
	color:#FFF;
	background:#221f20;
	border-radius:3px 3px 0 0;
	outline:0;
	font-weight:700;
}
ul.tabs li.active a {
	color:#FFF;
	background: #029bc9;
}
ul.tabs li a:hover {
	border:0px;
    background:#029bc9;
	color:#FFF;
}
ul.tabs li.selected a {
	position:relative;
	top:0;
	font-weight:700;
	background:#FFF;
	border:1px solid #efefef;
	border-bottom-color:#FFF;
	color:#221f20!important;
	z-index:50002
}
ul.tabs li.selected a:hover {
	color:#221f20!important;
	text-decoration:none;
	background: #444343 !important;
}
div.tabcontents {
	border:1px solid #efefef;
	padding:10px;
	background-color:#FFF;
	/*margin:-2px 9px 0;*/
	margin: 2px 0px 0px 0px !important;
	z-index:50001
}
#menushowtype {
	display:none;
}
.account_section{
	width:98%;
	margin:1% auto;
	padding:0% 1%;	
}
.account_profile_pic{
	float:left;
	width:20%;
	height:200px;
	margin:0% 3% 0% 0%;
	padding:0%;
}
.account_profile_pic h1 {
    font-family:Lato, sans-serif;
    color: #383839;
    font-size: 20px;
    text-align: left;
    line-height: 22px;
    margin: 8px 0px;
    padding: 0;
	font-weight:bold;
}
.account_profile_pic img{
	width:200px;
	height:200px;
	margin:0px;
	padding:3px;
	border:1px solid #DDD;
	display:block
}
.account_pp_detail{
	float: left;
	width: 30%;
	margin: 0%;
	padding: 0px;
}
.account_pp_detail ul{
	margin: 0%;
	padding: 0px;
}
.account_pp_detail ul li{
	font-weight:normal;
	margin: 0%;
	padding: 8.5px 0px;
	line-height:18px;
	text-align:left;
	font-size:15px;
	clear:both;
}
.account_imp_detail{
	float: right;
	width: 40%;
	margin: 0%;
	padding: 1%;
	background:#fffcfc;
	box-shadow: 1px 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
	border-radius:6px;
}
.acc_bal_summary{
	float: left;
	width: 100%;
	margin: 1% 0% 0% 0%;
	padding: 0%;
}
.acc_bal_summary ul{
	margin: 0%;
	padding: 0px;
}
.acc_bal_summary ul li{
	font-weight:normal;
	margin: 0%;
	padding: 10px 0px;
	line-height:18px;
	text-align:left;
	font-size:14px;
	border-bottom:1px solid #EEE;
}
.acc_bal_summary ul li:last-child {
 border-bottom:0px;
}
.acc_bal_summary ul li a{color:#5c6274;}
.acc_bal_summary span.sale-num{font-weight:bold; float:right;}

.lable_name_img{
	width:90px;
	float:left;
	margin:0px;
	padding:0;
}
.lablename_value{
	width:auto;
	float:left;
	margin:0px;
	padding:0;
}
.semicol{width:auto; margin:0px 10px; padding:0px; float:left;}
.portlet-title .tools, .portlet-title .actions {
    margin-top: 2px !important;
    margin-right: 10px !important;
}
@media only screen and (min-width:768px) and (max-width:947px) {
#LnkPassword, #LnkBooking, #LnkTransaction, #LnkAccount{display:none !important;}
ul.tabs li {
 width: 13%;
 display: block;
 margin: 2px 5px;
 padding: 0;
 float: left;
}
ul.tabs li a:hover {
 border:0px;
 background:#029bc9;
 color:#FFF;
}
ul.tabs li.active a {
 color:#FFF;
 background: #029bc9;
}
ul.tabs {
text-align:center
}
ul.tabs li a {
width:100%;
display:block;
margin:0;
padding:10px 0
}
.tab_container {
width:100%;
margin:0 auto;
padding:20px 0 0
}
}
@media only screen and (min-width:480px) and (max-width:767px) {
#LnkPassword, #LnkBooking, #LnkTransaction, #LnkAccount{display:none !important;}
ul.tabs li {
 width: 22%;
 display: block;
 margin: 2px 5px;
 padding: 0;
 float: left;
}
ul.tabs li a:hover {
 border:0px;
 background:#029bc9;
 color:#FFF;
}
ul.tabs li.active a {
 color:#FFF;
 background: #029bc9;
}
ul.tabs {
text-align:center
}
ul.tabs li a {
width:100%;
display:block;
margin:0;
padding:10px 0
}
.tab_container {
width:100%;
margin:0 auto;
padding:20px 0 0
}
.account_profile_pic{
float: left;
width: 25%;
height:128px;
padding: 5% 5% 1% 4%;
background: #FFF;
margin: 0;
}
.account_profile_pic img{width:98%; height:100px;}
.account_pp_detail {
    float: left;
    width: 66%;
    margin: 0;
    padding: 4% 0% 6% 0%;
    background: #FFF;
}
.account_imp_detail {
    float: left;
    width: 90%;
    margin: 0%;
    padding: 4% 5%;
}
.mobdeviceview{display:none;}
.lable_name_img{width:auto; margin-right:5px;}
.semicol{display:none;}
.lable_name_img .fa-user-circle, .lable_name_img .fa-user, .lable_name_img .fa-drivers-license{font-size:15px !important; padding-right:0 !important;}
.lable_name_img .fa-mobile-phone{font-size:20px !important; padding-right:0 !important;}
.lable_name_img span.mobdeviceview{display:none;}
.sale-info{font-size:14px !important;}


}
@media only screen and (max-width:479px) {
#LnkPassword, #LnkBooking, #LnkTransaction, #LnkAccount{display:none !important;}
ul.tabs li {
 width: 30%;
 display: block;
 margin: 2px 5px;
 padding: 0;
 float: left;
}
ul.tabs li a:hover {
 border:0px;
 background:#029bc9;
 color:#FFF;
}
ul.tabs li.active a {
 color:#FFF;
 background: #029bc9;
}
 ul.tabs {
text-align:center
}
ul.tabs li a {
width:100%;
display:block;
margin:0;
padding:10px 0
}
.tab_container {
width:100%;
margin:0 auto;
padding:20px 0 0
}
.account_profile_pic{
float: left;
width: 25%;
height:auto;
padding: 5% 5% 5% 4%;
background: #FFF;
margin: 0;
}
.account_profile_pic img{width:98%; height:100px;}
.account_pp_detail {
    float: left;
    width: 66%;
    margin: 0;
    padding: 4.6% 0%;
    background: #FFF;
}
.account_imp_detail {
    float: left;
    width: 90%;
    margin: 0%;
    padding: 4% 5%;
}
.mobdeviceview{display:none;}
.lable_name_img{width:auto; margin-right:5px;}
.semicol{display:none;}
.lable_name_img .fa-user-circle, .lable_name_img .fa-user, .lable_name_img .fa-drivers-license{font-size:15px !important; padding-right:0 !important;}
.lable_name_img .fa-mobile-phone{font-size:20px !important; padding-right:0 !important;}
.lable_name_img span.mobdeviceview{display:none;}
.sale-info{font-size:14px !important;}
}