.taboff {
    font-family: 'SunwaySans', 'Roboto', 'Raleway' !important;
    font-size: 8pt;
    font-weight: bold;
    background-image: url(../images/tab_on1.jpg);
    background-repeat: no-repeat;
    text-align: center;
    vertical-align: middle;
    color: #666666;
}

body {
/* 	font-family: Roboto, Raleway, Inter, sans-serif !important; */
/* 	font-size : 10px; */
	font-style : normal;
	margin-bottom : 0px;
	margin-left : 0px;
	margin-right : 0px;
	margin-top : 0px;
	overflow : auto;
	background-color: white;
	color: black;
	
}

.title {
	font-family: 'SunwaySans', 'Roboto', 'Raleway' !important;
	font-size : 12px;
	font-weight : bold;
	padding-left: 5px;
	padding-right: 5px;
	color: #435167;
	
}

.tableStyle{
	border-bottom-color : #3D466D;
	border-bottom-style : solid;
	border-bottom-width : 1px;
	border-left-color : #4D5686;
	border-left-style : solid;
	border-left-width : 1px;
	border-right-color : #3D466D;
	border-right-style : solid;
	border-right-width : 1px;
	border-top-color : #4D5686;
	border-top-style : solid;
	border-top-width : 1px;
	
}

.reportTable{
	border-color : #9AA2B6;
	border-style : solid;
	border-width : 1px;
	border-bottom-width : 0px;
	border-right-width : 0px;
	font-family: 'SunwaySans', 'Roboto', 'Raleway' !important;
	font-size:9px;
}

.reportLabel
{
    FONT-SIZE: 7pt;
	COLOR: black;
    font-family: 'SunwaySans', 'Roboto', 'Raleway'
}
.reportTitle
{
    FONT-WEIGHT: bolder;
    FONT-SIZE: 8pt;
	font-family: 'SunwaySans', 'Roboto', 'Raleway'
}

table.reportTable td{
	border-bottom-color : #9AA2B6;
	border-bottom-style : solid;
	border-bottom-width : 1px;
	border-right-color : #9AA2B6;
	border-right-style : solid;
	border-right-width : 1px;
}

table.tblInfo td{
	border-bottom-color : #3D466D;
	border-bottom-style : solid;
	border-bottom-width : 1px;
	/*border-left-color : #4D5686;
	border-left-style : solid;
	border-left-width : 1px;
	border-right-color : #3D466D;
	border-right-style : solid;
	border-right-width : 1px;
	border-top-color : #4D5686;
	border-top-style : solid;
	border-top-width : 1px;*/
	padding-bottom: 4;
	padding-top: 4;
	padding-left:5;
	padding-right:5;
	text-align : center;
	font-weight: normal;
}

table.tbl2 td{
	border-bottom-color : #FCE2BC;
	border-bottom-style : solid;
	border-bottom-width : 1px;
	border-left-color : #FEF4CF;
	border-left-style : solid;
	border-left-width : 1px;
	border-right-color : #FCE2BC;
	border-right-style : solid;
	border-right-width : 1px;
	border-top-color : #FEF4CF;
	border-top-style : solid;
	border-top-width : 1px;
	background-color: #FEFAF3;
	padding-bottom: 1;
	padding-top: 1;
	padding-left:3;
	padding-right:3;
	text-align : left;
	font-size: 11px;
}
table.tbl2 tr td.title{
	background-color : #B0c4DE;
	border-bottom-color : #D2D8E8;
	border-bottom-style : solid;
	border-bottom-width : 1px;
	border-left-color : #D2D8E8;
	border-left-style : solid;
	border-left-width : 1px;
	border-right-color : #D2D8E8;
	border-right-style : solid;
	border-right-width : 1px;
	border-top-color : #D2D8E8;
	border-top-style : solid;
	border-top-width : 1px;
	padding-bottom: 1;
	padding-left:3;
	padding-right:3;
	text-align : left;
	font-size: 11px;
	color: #384154;
	font-weight: normal;
	margin-top:4px;
	margin-bottom:4px;
}
table.tbl2 tr td.resultCellinfo{
	border-bottom-color : #CECEDB;
	border-bottom-style : solid;
	border-bottom-width : 1px;
	border-left-color : #F7F7F9;
	border-left-style : solid;
	border-left-width : 1px;
	border-right-color : #CECEDB;
	border-right-style : solid;
	border-right-width : 1px;
	border-top-color : #F7F7F9;
	border-top-style : solid;
	border-top-width : 1px;
	font-size: 11px;
	font-family: 'SunwaySans', 'Roboto', 'Raleway' !important;
	color: #384154;
	background-color: #EDEDED;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 4px;
	text-align: left;
	padding-right : 4px;
}

.contentTable{
	background-color:#FBF0DD;
}

table.tblText{
	font-size: 11px;
}

.tbl{
	border-bottom-color : #546CA5;
	border-bottom-style : solid;
	border-bottom-width : 1px;
	border-left-color : #546CA5;
	border-left-style : solid;
	border-left-width : 1px;
	border-right-color : #546CA5;
	border-right-style : solid;
	border-right-width : 1px;
	border-top-color : #546CA5;
	border-top-style : solid;
	border-top-width : 1px;
	padding-bottom: 8;
	padding-top: 8;
	padding-left:3;
	padding-right:3;	
}

.tblbottom{
	border-bottom-color : #3D466D;
	border-bottom-style : solid;
	border-bottom-width : 1px;
	border-left-color : #4D5686;
	border-left-style : solid;
	border-left-width : 1px;
	border-right-color : #3D466D;
	border-right-style : solid;
	border-right-width : 1px;
	border-top-color : #4D5686;
	border-top-style : solid;
	border-top-width : 1px;
		
}

/* textarea { */
/* 	overflow:auto; */
/* 	/*border : 1px inset Gray; */
/* 	*/ */
/* 	background-color : #FFFCF9; */
/* 	font-family : "MS Sans Serif", Geneva, sans-serif; */
/* 	font-size : xx-small; */
/* } */


/* input { */
/* 	/*border : 1px inset #A9A9A9;*/ */
/* 	font-family : "MS Sans Serif", Geneva, sans-serif; */
/* 	font-size : xx-small; */
/* 	/*text-align:right;*/ */
/* 	/*vertical-align:middle;*/ */
/* } */

/* tr{ */
/* font-family: Roboto, Raleway, Inter, sans-serif !important; font-size: 10px */
/* } */

/* select { */
/* 	font-family : "MS Sans Serif", Geneva, sans-serif; */
/* 	font-size : xx-small; */
/* } */


.button
{
	border-style: solid; 
	border-color : #546CA5;
	border-width: 1px;
	PADDING-RIGHT: 4px; 
	PADDING-LEFT: 4px; 
	FONT-SIZE: 8pt; 
	PADDING-BOTTOM: 1px; 
	PADDING-TOP: 1px; 
	font-family: 'SunwaySans', 'Roboto', 'Raleway' !important; 
	COLOR:#FFFF99;
	background-color: #798BBB;
}

table tr.header{
	color: #793E09;
	font-weight: bold;
	font-size:13px;
	
}
table tr.header td{
	background : #FDF5EC;
}
.error{
	font-family : 'SunwaySans', 'Roboto', 'Raleway';
	font-size : 9px;
	color : red;
}

hr {
}

/*Headers*/
h1 { color: #435167; font-size: 10pt; font-weight: bold; text-align: left; }
h2 { color: #3f698e; font-size: 9pt; font-weight: bold; }
h3 { color: #018dc7; font-size: 8pt;  font-weight: bold; }
h4 { color: #3f698e; font-size: 7pt; font-weight: bold; }
h5 { color: #018dc7; font-size: 7pt; font-weight: bold; }

.pagetitle{
color: #435167; font-size: 10pt; font-weight: bold; text-align: left;
}

td.textinfoValue {
/* 	font-family: Roboto, Raleway, Inter, sans-serif !important; */
	font-size : 11px;
/* 	background-color:#E2E6F1; */
/* 	border-bottom-color : #CECEDB; */
/* 	border-bottom-style : solid; */
/* 	border-bottom-width : 1px; */
/* 	border-left-color : #F7F7F9; */
/* 	border-left-style : solid; */
/* 	border-left-width : 1px; */
/* 	border-right-color : #CECEDB; */
/* 	border-right-style : solid; */
/* 	border-right-width : 1px; */
/* 	border-top-color : #F7F7F9; */
/* 	border-top-style : solid; */
/* 	border-top-width : 1px; */
	padding-left : 5px;
}

.subTable td.textinfo {
	font-family: 'SunwaySans', 'Roboto', 'Raleway' !important;
	font-size : 12px;
/* 	background-color:#CCD9EA; */
/* 	border-bottom-color : #BBCCE3; */
	border-bottom-style : solid;
	border-bottom-width : 1px;
/* 	border-left-color : #DCE6F1; */
	border-left-style : solid;
	border-left-width : 1px;
/* 	border-right-color : #BBCCE3; */
	border-right-style : solid;
	border-right-width : 1px;
/* 	border-top-color : #DCE6F1; */
	border-top-style : solid;
	border-top-width : 1px;
}

td.textinfo {
	font-family: 'SunwaySans', 'Roboto', 'Raleway' !important;
	font-size : 13px;
	color: #004085;
/* 	background-color:#B0c4DE; */
/* 	border-bottom-color : #A0B8D8; */
/* 	border-bottom-style : solid; */
/* 	border-bottom-width : 1px; */
/* 	border-left-color : #D2D8E8; */
/* 	border-left-style : solid; */
/* 	border-left-width : 1px; */
/* 	border-right-color : #A0B8D8; */
/* 	border-right-style : solid; */
/* 	border-right-width : 1px; */
/* 	border-top-color : #D2D8E8; */
/* 	border-top-style : solid; */
/* 	border-top-width : 1px; */
	padding-left : 2px;
	padding-top : 2px;
	padding-right : 2px;
	padding-bottom : 2px;
}

table.textinfoValue tr td{
	margin-top:2px;
	margin-bottom:2px;
	margin-left:2px;
	font-family: 'SunwaySans', 'Roboto', 'Raleway' !important;
	font-size : 11px;
	padding-left:3px;
	padding-bottom: 2px;
	padding-top: 2px;
	background-color: #EDEDED;	
}

.buttonSmall {
border-style: solid; 
border-color : #546CA5;
border-width: 1px;
PADDING-RIGHT: 4px; 
PADDING-LEFT: 4px; 
FONT-SIZE: 8pt; 
PADDING-BOTTOM: 1px; 
PADDING-TOP: 1px; 
font-family: 'SunwaySans', 'Roboto', 'Raleway' !important; 
COLOR:#FFFF99;
background-color: #798BBB;
}

/* .buttonLinkage { */
/* border-style: solid;  */
/* border-width: 1px; */
/* PADDING-RIGHT: 4px;  */
/* PADDING-LEFT: 4px;  */
/* FONT-SIZE: 8pt;  */
/* COLOR:#FFFFFF; */
/* font-weight:bold; */
/* PADDING-BOTTOM: 1px;  */
/* PADDING-TOP: 1px;  */
/* font-family: Roboto, Raleway, Inter, sans-serif !important;  */
/* background-color: #4E568F; */
/* } */

/* .buttonInactive { */
/* border-style: solid;  */
/* border-width: 1px; */
/* PADDING-RIGHT: 4px;  */
/* PADDING-LEFT: 4px;  */
/* FONT-SIZE: 8pt;  */
/* COLOR:#FFFFFF; */
/* font-weight:bold; */
/* PADDING-BOTTOM: 1px;  */
/* PADDING-TOP: 1px;  */
/* font-family: Roboto, Raleway, Inter, sans-serif !important;  */
/* background-color: #9FA6BB; */
/* } */
td#tabmenu{
	
}
A.tabmenu { 
	text-decoration: none;
	font-size: 11px;
	text-align: center;	
	border-style: solid; 
	border-color : #8D9CC5;
	border-bottom-color : #C4CCDF;
	border-right-color : #C4CCDF;
	border-width: 2px;
	PADDING-RIGHT: 1px; 
	PADDING-LEFT: 1px; 
	FONT-SIZE: 8pt;
	PADDING-BOTTOM: 1px; 
	PADDING-TOP: 1px; 
	font-family: 'SunwaySans', 'Roboto', 'Raleway' !important; 
	COLOR:#FAFECB;
	margin:0px;
	background-color: #9DAACC;
	letter-spacing: 0px;
	width: 130px;
	height: 20px;
}
A.tabmenu:vlink {
	color:#FAFECB;
}
A.tabmenu:link {
	color:#FAFECB;
}
A.tabmenu:hover { 
	color:#939393;
}
A.tabmenu #active_menu { 
	border-style: solid; 
	border-color : #495F8F;
	border-top-color : #9EADCD;
	border-left-color : #9EADCD;
	border-width: 2px;
	COLOR:#FFFF99;
	background-color: #5A71AB;
}
.inactiveTab {
border-style: solid; 
border-color : #8D9CC5;
border-bottom-color : #C4CCDF;
border-right-color : #C4CCDF;
border-width: 2px;
PADDING-RIGHT: 1px; 
PADDING-LEFT: 1px; 
FONT-SIZE: 8pt; 
PADDING-BOTTOM: 1px; 
PADDING-TOP: 1px; 
font-family: 'SunwaySans', 'Roboto', 'Raleway' !important; 
COLOR:#FAFECB;
margin:0px;
background-color: #9DAACC;
letter-spacing: 0px;
width: 130px;
}

.activeTab {
border-style: solid; 
border-color : #495F8F;
border-top-color : #9EADCD;
border-left-color : #9EADCD;
border-width: 2px;
PADDING-RIGHT: 1px; 
PADDING-LEFT: 1px; 
FONT-SIZE: 8pt; 
PADDING-BOTTOM: 1px; 
PADDING-TOP: 1px; 
font-family: 'SunwaySans', 'Roboto', 'Raleway' !important; 
COLOR:#FFFF99;
background-color: #5A71AB;
margin:0px;
width: 130px;
/*font-weight: bold;*/
}

/* Version 2 - Revamp */
.HighlightTableSCBS	{
	width:100%; 
	height:95px; 
	background-color:#71002C;
	margin-top: 90px;
}

.whitelinks	{
	color:white;
}

/*new css*/
.form-header {font-size:25px; font-weight:bold; color:#004085; padding-bottom:5px;padding-left:10px;padding-top:5px}

table.form-table{
	border-bottom-color : #D3D3D3;
	border-bottom-style : solid;
	border-bottom-width : 1px;
	border-left-color : #D3D3D3;
	border-left-style : solid;
	border-left-width : 1px;
	border-right-color : #D3D3D3;
	border-right-style : solid;
	border-right-width : 1px;
	border-top-color : #D3D3D3;
	border-top-style : solid;
	border-top-width : 1px;
	padding-bottom: 8px;
	padding-top: 8x;
	padding-left:8x;
	padding-right:8x;	
}

table.form-table tr td.header{
	background-color : #B0c4DE;
	border-bottom-color : #D3D3D3;
	border-bottom-style : solid;
	border-bottom-width : 1px;
	border-left-color : #D3D3D3;
	border-left-style : solid;
	border-left-width : 1px;
	border-right-color : #D3D3D3;
	border-right-style : solid;
	border-right-width : 1px;
	border-top-color : #D3D3D3;
	border-top-style : solid;
	border-top-width : 1px;
	padding-bottom: 3px;
	padding-left:10px;
	padding-right:3px;
	padding-top:3px;
	text-align : left;
	font-size: 20px;
	color: #4d4d33;
	font-weight: bold;
	margin-top:4px;
	margin-bottom:4px;
}

table.form-content{
	padding-bottom: 8px;
	padding-top: 8x;
	padding-left:8x;
	padding-right:8x;	
}

table.form-content tr{
	height: 38px;
}
 
table.form-content tr td {
	text-align : right;
	vertical-align : middle;
	font-size : 12px;
	color : #2e2e1f;
	font-weight : normal;
}

.form-subtitle{
	text-align: left;
	font-size: 14px;
	color: #2e2e1f;
	font-weight: bold;
	width : 100%;
	padding-left: 30px;
	padding-top: 5px;
}
/*TODO: to be removed if got problem*/
table.form-content tr td.label{
	text-align : right;
	vertical-align : middle;
	font-size: 12px;
	color: #2e2e1f;
	font-weight: normal;
	width : 100%;
}

table.form-table tr td.note{
	font-size: 10px;
	width : 100%;
	text-align : justify;
	align : center;
	border-bottom: 1px solid white;
	border-top: 1px solid white;	
}

input[type="button"],
input[type="submit"].form-button {
	font-family: 'SunwaySans', 'Roboto', 'Raleway' !important;
	background-color: #fff;
	color: #333;
	border: 1px solid #D3D3D3;
	font-size: 12px;
	text-align: center;
	vertical-align: middle;	
	box-shadow: 0 2px 3px 0 rgba(0,0,0,0.2), 0 2px 3px 0 rgba(0,0,0,0.19);
    padding: 5px 10px;
    text-decoration: none;
    display: inline-block;
}

input[type="submit"].form-button:disabled{
	font-family: 'SunwaySans', 'Roboto', 'Raleway' !important;
	background-color: #fff;
	color: grey;
	border: 1px solid #D3D3D3;
	font-size: 12px;
	text-align: center;
	vertical-align: middle;	
/* 	box-shadow: 0 2px 3px 0 rgba(0,0,0,0.2), 0 2px 3px 0 rgba(0,0,0,0.19); */
    padding: 5px 10px;
    text-decoration: none;
    display: inline-block;
}

/* Individual Report New Pymt - Added by Shahkir 20170504*/
.spacer {
  margin-top: 3%;
  margin-bottom: 2%;
}

.btn-checkout-margin{
	text-align: right;
	width: 118%;
	padding-top: 20px;
}
.btn-checkout{
   	background-color: #4CAF50;
    border: none;
    color: white;
    padding: 8px 20px;
    text-align: center;
    text-decoration: none;
    font-size: 14px;
    border-radius: 8px;
}

.container-menu-left{
	padding-top:130px; 
	min-height:500px;
}

.header-padding{
	padding-bottom: 20px;
}

.tr-text-align-right{
	text-align:right;
}

.nav-justified-edit{
	width: 121%;
}

.container-menu-prof{
	padding-top: 130px;
    min-height: 1240px;
}

.th-text-align-center{
	text-align:center;
}

.th-right{
	text-align: right !important;
    font-weight: 100 !important;
    font-size: 12px;
}

.border-bottom-grey{
	border-bottom: 1px solid #ccc;
}

.border-white{
	border-bottom: 1px solid white;;
	border-top: 1px solid white;;
}

.padding-top-0{
	padding-top: 0px;
}

.profile-header-label{
	color: #999;
    font-size: 18px;
}

.profile-header-grey{
	color: #999;
}

/* End table Receipt & Report*/

/*Table New Purchase*/
.table-new-purchase {
	color: #333; /* Lighten up font color */
	font-family: 'SunwaySans', 'Roboto', 'Raleway' !important; /* Nicer font */
	width: 640px;
	border-collapse:
	collapse; border-spacing: 0;
}

.th-new-purchase {
	background: #F3F3F3; /* Light grey background */
	font-weight: bold; /* Make sure they're bold */
	padding: 10px;
	border: 1px solid #CCC; 
	height: 30px; 
}

.td-new-purchase {
	padding: 10px;
	border: 1px solid #CCC; 
	height: 30px;
	
}

.td-font-weight-bold{
	font-weight: bold;
}

.tr-new-purchase:last-child{
	padding: 10px;
	font-weight: bold;
}

.h2-new-purchase{
	color: #999;
}
/*End Table New Purchase*/

/** Start: to style navigation tab **/
.nav {
	margin-bottom: 18px;
	margin-left: 0;
	list-style: none;
}

.nav>li>a {
	display: block;
}

.nav-tabs {
	*zoom: 1;
}

.nav-tabs:before, .nav-tabs:after {
	display: table;
	content: "";
}

.nav-tabs:after {
	clear: both;
}

.nav-tabs>li {
	float: left;
}

.nav-tabs>li>a {
	padding-right: 12px;
	padding-left: 12px;
	margin-right: 2px;
	line-height: 14px;
}

.nav-tabs {
	border-bottom: 1px solid #ddd;
}

.nav-tabs>li {
	margin-bottom: -1px;
}

.nav-tabs>li>a {
	padding-top: 8px;
	padding-bottom: 8px;
	line-height: 18px;
	border: 1px solid transparent;
	-webkit-border-radius: 4px 4px 0 0;
	-moz-border-radius: 4px 4px 0 0;
	border-radius: 4px 4px 0 0;
}

.nav-tabs>li>a:hover {
	border-color: #eeeeee #eeeeee #dddddd;
}

.nav-tabs>.active>a, .nav-tabs>.active>a:hover {
	color: #555555;
	cursor: default;
	background-color: #ffffff;
	border: 1px solid #ddd;
	border-bottom-color: transparent;
}

li {
	line-height: 18px;
}

.tab-content.active {
	display: block;
}

.tab-content.hide {
	display: none;
}

/* table Receipt & Report*/
table.table-receipt {
	color: #333;
	font-family: 'SunwaySans', 'Roboto', 'Raleway' !important;
	font-size: 14px; 
	width: 700px;
	border-collapse:
	collapse; border-spacing: 0;
}

table.table-receipt th {
	background: #F3F3F3;
	padding: 10px 10px 10px 10px;
}

.th-receipt {
	border: 1px solid #CCC; 
	height: 20px; 
	font-weight: bold; /* Make sure they're bold */
	padding: 10px 10px 10px 10px;

}

.td-receipt {
	border: 1px solid #CCC; 
	height: 30px;
	padding: 10px;
}

.h2-receipt{
	color: #999;
}

/** End: to style navigation tab **/
/* End Individual Report New Pymt - Added by Shahkir 20170504*/