@media all and (max-width: 35em) {
	.my-breakpoint .ui-block-a,
	.my-breakpoint .ui-block-b,
	.my-breakpoint .ui-block-c,
	.my-breakpoint .ui-block-d,
	.my-breakpoint .ui-block-e {
	  width: 100%;
	  float:none;
	}
	
	/* Remove ui-body padding if using mobile - Fahmi */
	.ui-body {
		padding: 0 0 0 0 !important;
	}
	
	/* Remove listview margin(top & bottom) if using mobile - Fahmi */
	.ui-content .ui-listview-inset{
		margin: 0.5em 0;
	}
	
	.chart_retirement_container{
	  width: 100%;
	  margin: auto;
	}
	
	.breakpoint-cashflow-info .ui-block-a,	.breakpoint-investManage .ui-block-a,
	.breakpoint-cashflow-info .ui-block-b,	.breakpoint-investManage .ui-block-b,
	.breakpoint-cashflow-info .ui-block-c,	.breakpoint-investManage .ui-block-c,
	.breakpoint-invitePage .ui-block-a	{
		width: 100%;
		margin: auto;
	}
	
	.footer-button-container { text-align: center;	}
	
	.footer-button-left,
	.footer-button-right {
		/*position: absolute;
		margin: 0;*/
		/*top: auto;
		bottom: 0.24em;*/
		width: 79%;
		/*display: block;*/
		/*left: 0.4em;
		right: 0.4em;*/
	}
	
	.h2_footer {	display: none !important;	}
	
	.Investment-list tbody th,
	.Investment-list tbody td {
		background-color: #eeeeee; /* non-RGBA fallback  */
		background-color: rgba(0,0,0,0.05);
	}
	.Investment-list tbody td.hide-on-mobile{	display: none !important;	}
	.Investment-list tbody td span a.ui-btn {	float:right;	margin:0 !important;	}
}
  
@media all and (min-width: 35em) {	/* 45em */
	.breakpoint-login {
	  width: 25%;
	  margin: auto;
	}
	
	.breakpoint-home {
	  width: 55%;
	  margin: auto;
	}
	
	.breakpoint-profile, .breakpoint-invitePage  {
	  width: 30%;
	  margin: auto;
	}
	
	.chart_retirement_container{
	  width: 55%;
	  margin: auto;
	}
	
	.breakpoint-employment, .breakpoint-cashflow {
		width: 60%;
		margin: auto;
	}
	
	.breakpoint-investManage {
		width: 70%;
		margin: auto;
	}
	
	.breakpoint-cashflow .ui-field-contain>label {
		width: 50%;
	}

	.breakpoint-cashflow .ui-field-contain>label~[class*=ui-] {
		width: 48%;
	}
	
	.breakpoint-cashflow .ui-field-contain>label~[class*=ui-slider-switch] {
		width: 5.8em;
	}	/*	.ui-field-contain div.ui-slider-switch	*/
	
	.Investment-list tbody td.invest-center{	text-align: center !important;	}
	.Investment-list tbody td.invest-right{		text-align:right !important;	}
	.Investment-list tbody td a.ui-btn {		margin:0 !important;	}
	/*.Investment-list tbody td span.show-mobile-only{	display: none !important;	}	*/
	.Investment-list tbody td span a.ui-btn {		display: none !important;	}
	
	/*.my-breakpoint {
        overflow: hidden; /* Use this or a "clearfix" to give the container height 
    }*/
	/*.my-breakpoint.ui-grid-b .ui-block-a { width: 49.95%; }
	.my-breakpoint.ui-grid-b .ui-block-b,
	.my-breakpoint.ui-grid-b .ui-block-c { width: 24.925%; }*/
}

@media all and (min-width: 35em) and (orientation: landscape) {		/* Footer button for NetworthPage	*/
	.footer-button-left,
	.footer-button-right {
		position: absolute;
		margin: 0;
		top: auto;
		bottom: 0.24em;
		width: 45%;
		display: block !important;
	}
	
	.footer-button-left {
		left: 0.3em;	/*	0.4em;	*/
	}
	.footer-button-right {
		right: 0.3em;
	}
}


.avatar_img {
  border-radius: 50%;
}

/* Spacing Between ListView - Fahmi */
.ui-listview>.ui-li-static {
    padding: .5em 1em;
}

/*.breakpoint-cashflow .ui-btn {
	background-color: #fff;
}*/

.breakpoint-cashflow-info .ui-btn, .ui-btn.no_highlight:hover, .ui-btn.no_highlight:active {
	background-color: #fff;
}

/*	ui-fixed-hidden class was being applied to the footer bug - https://stackoverflow.com/questions/14756061/jquery-mobile-1-2-0-any-page-onclick-hides-fixed-footer - Fahmi	*/
.ui-footer.ui-fixed-hidden {
    position: fixed !important;
}

.Investment-list thead th,
.Investment-list tbody tr:last-child {
	border-bottom: 1px solid #d6d6d6; /* non-RGBA fallback */
	border-bottom: 1px solid rgba(0,0,0,.1);
}
.Investment-list tbody th,
.Investment-list tbody td {
	border-bottom: 1px solid #e6e6e6; /* non-RGBA fallback  */
	border-bottom: 1px solid rgba(0,0,0,0.05);
	/*	background-color: rgba(0,0,0,.03);	*/
}
.Investment-list tbody tr:last-child th,
.Investment-list tbody tr:last-child td {
	border-bottom: 0;
}
.Investment-list tbody tr:nth-child(odd) td,
.Investment-list tbody tr:nth-child(odd) th {
	background-color: #eeeeee; /* non-RGBA fallback  */
	background-color: rgba(0,0,0,.05);
}

.button {border-radius: 12px;}

.IconSets {
	width: 100%;
	padding: 0;
	margin:0;
}
.clsIcon {
	float:left;
	width:33%;
	text-align: center;
	padding-bottom: 15px;
}
.clsIconLink {
	text-decoration: none;
	color:#111111;
	text-shadow: 0 1px 1px #fff;
}

.RetirementIcon {
	/*background-image:url('mp.icons/retirement.png');*/
	background-image:url('mp.icons/contacts.png');
	background-repeat: no-repeat;  
	height:57px;
	width:57px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

.ProfileIcon {
	background-image:url('mp.icons/accounts.png');
	background-repeat: no-repeat;  
	height:57px;
	width:57px;
	margin-left: auto;
	margin-right: auto;
}
.EmploymentIcon {
    background-image:url('mp.icons/products.png');
    background-repeat: no-repeat;
    height:57px;
    width:57px;
    margin-left: auto;
    margin-right: auto;
}

.CashFlowIcon {
    background-image:url('mp.icons/purchase-orders.png');
    background-repeat: no-repeat;
    height:57px;
    width:57px;
    margin-left: auto;
    margin-right: auto;
}

.NetWorthIcon {
    background-image:url('mp.icons/quotations.png');
    background-repeat: no-repeat;
    height:57px;
    width:57px;
    margin-left: auto;
    margin-right: auto;
}

/*	http://demos.jquerymobile.com/1.4.5/controlgroup/#Textinputs	*/
/*	https://github.com/jquery/jquery-mobile/issues/8563	*/
.controlgroup-textinput {
border-width: 1px !important;
padding: .25em 0 !important;
border-bottom-style: solid !important;
-moz-box-shadow: none !important;
-webkit-box-shadow: none !important;
box-shadow: none !important;
width: 75% !important;	/* width: 75% !important;	Added by Fahmi */
}
.controlgroup-textinput input {
text-align: right !important;
font-weight: 700 !important;
/*width: 50% !important;	*/
}

.ui-icon-whatsApp:after {
	background-image: url('mp.icons/WhatsApp.png');
	/* Make your icon fit */
	background-size: 35px 35px;
}

.ui-btn.ui-icon-whatsApp {
	background-color:#25d366 !important;	/* 29b93b	*/
	border-color:#25d366 !important;	/* 61ff75 */
}

.button-wrap	{
	margin-left: 5px;
	margin-right: 5px;
}