p, td {  font-family: "Roboto",Helvetica, Verdana, Arial, sans-serif; font-size: 13px; }
input,textarea, select { font-family: "Roboto",Helvetica, Verdana, Arial, sans-serif; font-size: 13px; color: #000000; border: 1pt #000000 solid; background-color: #F5F5F5; } 
.errorHeading {  font-family: "Roboto",Helvetica, Verdana, Arial, sans-serif; font-size: 13px; color: #000000}
.error {  font-family: "Roboto",Helvetica, Verdana, Arial, sans-serif; font-size: 13px; color: #FF0000}
.button {  font-family: "Roboto",Helvetica, Verdana, Arial, sans-serif; color: #000000; background-color: #F5F5F5; border: 1pt #CCCCCC solid; cursor: hand}
.gridButton {  font-family: "Roboto",Helvetica, Verdana, Arial, sans-serif; color: #FFFFFF; background-color: #ADB8CB; border: 1pt #333333 solid; cursor: hand}
.gridTitleButton {  font-family: "Roboto",Helvetica, Verdana, Arial, sans-serif; color: #000000; background-color: #F5F5F5; border: 1pt #333333 solid; cursor: hand}
h3 {  font-family: "Roboto",Helvetica, Verdana, Arial, sans-serif; color: #000000; font-size: 14px; font-weight: bold}
.innerTable {  background-color: #FFFFFF; border: #FFF; border-style: solid; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; margin-bottom: 10px}

/*
table.fieldset {  
	background-color: #FFFFFF; 
	margin-bottom: 10px;
	border-collapse: collapse;
}
table.fieldset td.fieldset {  
	background: #F9FBFC;
}
*/



BODY {scrollbar-3dlight-color:#F5F5F5;
	   scrollbar-arrow-color:#708090;
	   scrollbar-base-color:#696969;
	   scrollbar-track-color:#696969;
	   scrollbar-darkshadow-color:#696969;
	   scrollbar-face-color:#F5F5F5;
	   scrollbar-highlight-color:#D3D3D3;
	   scrollbar-shadow-color:#C0C0C0;
	   overflow: visible;
		margin:0;
}

.title {  font-family: "Roboto",Helvetica, Verdana, Arial, sans-serif; font-size: 14px; font-weight: bold; color: #FFFFFF; background-color: #333366; text-align: center; height: 27px }
/*
.outerTable {  background-color: #333366}
*/
input.green { background-color: #66CC66 }
.menuTable {background-color: #FFFFFF; border: #FFFFFF solid; border-width: 1pt 1pt 0px}
.gridData { font-family: "Roboto",Helvetica, Verdana, Arial, sans-serif; font-size: 13px; color: #000000; background-color: #F5F5F5}
.menuGridData {  font-family: "Roboto",Helvetica, Verdana, Arial, sans-serif; font-size: 13px; color: #000000; background-color: #66CC66}
.menuGridData:hover {  font-family: "Roboto",Helvetica, Verdana, Arial, sans-serif; font-size: 13px; color: #FFFFFF}
.gridDataNumber {  font-family: "Roboto",Helvetica, Verdana, Arial, sans-serif; font-size: 13px; color: #000000; background-color: #F5F5F5; text-align: right}
.gridTitle { font-family: "Roboto",Helvetica, Verdana, Arial, sans-serif; font-size: 13px; font-weight: bold; color: #000000; background-color: #ADB8CB;}
.gridDataWhite { font-family: "Roboto",Helvetica, Verdana, Arial, sans-serif; font-size: 13px; color: #000000; background-color: #FFFFFF}
.gridDataWhiteNumber { font-family: "Roboto",Helvetica, Verdana, Arial, sans-serif; font-size: 13px; color: #000000; background-color: #FFFFFF; text-align: right }
.gridDataTitle { font-family: "Roboto",Helvetica, Verdana, Arial, sans-serif; font-size: 13px; color: #000000; background-color: #C6E4C6; font-weight: bold}
.calendar {  font-family: "Roboto",Helvetica, Verdana, Arial, sans-serif; font-size: 9px; background-color: #FFFFFF}
.today {  background-color: #006699; font-family: "Roboto",Helvetica, Verdana, Arial, sans-serif; font-size: 9px; font-weight: bold; color: #FFFFFF}
.menuLinks {  font-family: "Roboto",Helvetica, Verdana, Arial, sans-serif; font-size: 9px; color: #006699; text-decoration: none}
.menuLinks:hover {  font-family: "Roboto",Helvetica, Verdana, Arial, sans-serif; font-size: 9px; color: #CC0000; text-decoration: none}
.menuLinks:active {  font-family: "Roboto",Helvetica, Verdana, Arial, sans-serif; font-size: 9px; color: #000000; text-decoration: none}
.outerGridTable {  }
.gridTable {  border-style: solid; border-top-width: 1pt; border-right-width: 1pt; border-bottom-width: 1pt; border-left-width: 1pt; background-color: #999999}
.buttonCalendar { width:18px; font-family: "Roboto",Helvetica, Verdana, Arial, sans-serif; color: #006699; background-color: #FFFFFF; border: 1pt #000000 solid; cursor: hand ; font-size: 8px; font-weight: bold}
.calendarHeading {  font-family: "Roboto",Helvetica, Verdana, Arial, sans-serif; font-size: 9px; background-color: #ADB8CB}
.textNumber { font-family: "Roboto",Helvetica, Verdana, Arial, sans-serif; font-size: 13px; color: #000000; background-color: #F5F5F5; text-align: right }
.emphasis {  font-family: "Roboto",Helvetica, Verdana, Arial, sans-serif; font-size: 13px; font-weight: bold}
.titleText {  font-family: "Roboto",Helvetica, Verdana, Arial, sans-serif; font-size: 13px; font-weight: bold; text-align: right; color: #FFFFFF}
.tableWhite {  background-color: #FFFFFF}
.outerTableShade {  background-color: #CCCCCC}
/*
.imgBorder{  border: #FFFFFF; border-style: solid; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px}
*/
.imgBorder{  border: 0 }
.radioButtons { font-family: "Roboto",Helvetica, Verdana, Arial, sans-serif; font-size: 13px; color: #000000; border:none; background-color: transparent} 
.parentTable{ background-color: #99CC99; }
.borderTable{ border:1pt #FFFFFF solid; background-color: #fff }
.itemise {  background-color: #99CC99; border: #333333; border-style: solid; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px}
hr {  background-color: #000000; border: #000000; border-style: groove; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px}
td.updated expid {
	background-color:#069;
	color:#FFF;
}
#info-text { text-align:left; width:80%; padding:10px; border:1px dotted #CCC }
#phone-declaration { text-align:justify; margin:10px; padding:10px; border:1px dotted #CCC}
.mandatory { background-color:#fffb8e; }

.validation-advice {
	margin: 1px 0;
	padding: 1px;
	color : #FF3300;
	font-weight: bold;
}

.radio-mandatory { border:solid 1px #999; background-color:#fffb8e; }
.invalidExpense {
	background-color:#fffb8e;
}

fieldset legend {
	/*
	color: #066F00;
	*/
	color: darkblue;
	font-weight: bold;
}

.formtitle {
	color: darkblue;
	font-weight: bold;
}

fieldset .tip {
	color: #868F86;
	font-weight: bold;
	padding: 10px;
}

fieldset {
	margin-bottom: 8px;
	border: 1px solid #000;
	/*
	border: 1px solid #868F86;
	*/
}

.fixed-button {
	/*
    background-color:#236BB5;
    color:#FFFFFF;
    font-weight:bold;
    height:23px;
    */
    width:80px;
}
	
.fluid-button {
    background-color:#236BB5;
    color:#FFFFFF;
}

div.subhead {
	/*
	background-color: #218359;
	background-color: #99CC99;
	background-color: #5E72A1;
	background-color: #A0AFD0;
	*/
	background-color: #8FA3D0;
	font-weight: bold;
	padding: 8px;
	margin-bottom: 10px;
}

.modal.modal-lg,
.modal.modal-lg.fade.in {
	width: 1052px;
	margin-left: -525px;
	top: 4%;
}

.modal.modal-lg .modal-body {
	max-height: 531px;
	overflow-y: auto;
}

.input-prepend .add-on:first-child,
.input-append .add-on:last-child {
	border-radius: 0px;
}

/*
Done to override global class
*/
.input-append input.has-add-on {
	margin: 0px;
}

.split-expense-table input[type="text"],
.split-expense-table input[type="number"],
.split-expense-table select {
	margin: 0px;
}

.modal .toast {
	top: 15px;
}

.toast {
	position: fixed;
	z-index: 650;
	top: 9px;
	left: 50%;
	margin-left: -300px;
	width: 680px;
	text-align: center;
}

.toast .toast-message {
	display: inline-block;
	padding: 8px 8px;
	font-size: 14px;
	color: #333;
	font-weight: bold;
	/*
	background-color: #fff;
	border: 1px solid #b4ddf5;
	*/
	border: 1px solid #f0c36d;
    background-color: #f9edbe;
}

.toast-message.info {
	color: #3a87ad;
}

.toast-message.error {
	color: #b94a48;
}

input[type="text"].ng-invalid,
input[type="password"].ng-invalid,
input[type="number"].ng-invalid,
input[type="email"].ng-invalid,
select.ng-invalid {
	border-color: #b94a48;
}

input[type="text"].ng-dirty,
input[type="password"].ng-dirty,
input[type="number"].ng-dirty,
input[type="email"].ng-dirty,
select.ng-dirty:not(.clean) {
	background-color: #fcf8e3;
}

input.ng-dirty {
	border-color: #c09853;
	background-color: #fcf8e3;
}

div.search input.ignore-dirty,
input[type="text"].ignore-dirty,
input[type="text"].ng-dirty.ignore-dirty,
input[type="password"].ng-dirty.ignore-dirty,
input[type="number"].ng-dirty.ignore-dirty,
input[type="email"].ng-dirty.ignore-dirty,
select.ng-dirty.ignore-dirty {
    background-color: transparent;
}


.text-capitalize {
	text-transform: capitalize;
}

#main-content .router-view-container {
    overflow-x: hidden;
    overflow-y: hidden;
}