@font-face{
		font-family: Roboto-Condensed;
	    src: url(custom/css/font/Roboto-Condensed.ttf);
	}
	@font-face{
		font-family: Roboto-Condensed;
	    src: url(custom/css/font/Roboto-Condensed.woff);
	}

	@font-face{
		font-family: Roboto-Regular;
	    src: url(custom/css/font/Roboto-Regular.ttf);
	}
	@font-face{
		font-family: Roboto-Regular;
	    src: url(custom/css/font/Roboto-Regular.woff2);
	}

	@font-face{
		font-family: Lato-Light;
	    src: url(custom/css/font/Lato-Light.ttf);
	}
	@font-face{
		font-family: Lato-Light;
	    src: url(custom/css/font/Lato-Light.eot);
	}
	@font-face{
		font-family: Lato-Light;
	    src: url(custom/css/font/Lato-Light.woff);
	}
	@font-face{
		font-family: Lato-Light;
	    src: url(custom/css/font/Lato-Light.woff2);
	}

	@font-face{
		font-family: Lato-Regular;
	    src: url(custom/css/font/Lato-Regular.ttf);
	}
	@font-face{
		font-family: Lato-Regular;
	    src: url(custom/css/font/Lato-Regular.eot);
	}
	@font-face{
		font-family: Lato-Regular;
	    src: url(custom/css/font/Lato-Regular.woff);
	}
	@font-face{
		font-family: Lato-Regular;
	    src: url(custom/css/font/Lato-Regular.woff2);
	}

	@font-face{
		font-family: Roboto-Thin;
	    src: url(custom/css/font/Roboto-Thin.ttf);
	}
	@font-face{
		font-family: Roboto-Thin;
	    src: url(custom/css/font/Roboto-Thin.eot);
	}
	@font-face{
		font-family: Roboto-Thin;
	    src: url(custom/css/font/Roboto-Thin.woff);
	}


body{
	min-width: 320px;
	overflow-x: hidden;
}
td.txnHeader {
top: 15px;
padding: 5px 0;
text-indent : 5pt;
padding: 5px 0;
color: #ececec;
font-size: 17px;
font-family : "Tahoma";
}
td.prompt {

text-align : left;
text-indent : 12pt;
margin-top : 0;
margin-bottom : 0;
margin-right : 0;
margin-left : 0;
font-size : 8.5pt;
font-weight : normal;
font-style : normal;
color : #000000;
text-decoration : none;
vertical-align : top;
text-transform : none;
font-family : "Tahoma";
}
td.label {
text-align : left;
text-indent : 0;
margin-top : 0;
margin-bottom : 0;
margin-right : 0;
margin-left : 0;
font-size : 8pt;
font-weight : bold;
font-style : normal;
color : #89794e;
text-decoration : none;
vertical-align : top;
text-transform : none;
font-family : "Tahoma";
}
td.control {
text-align : left;
text-indent : 0;
margin-top : 0;
margin-bottom : 0;
margin-right : 0;
margin-left : 0;
font-size : 8pt;
font-weight : bold;
font-style : normal;
color : #000000;
text-decoration : none;
vertical-align : top;
text-transform : none;
font-family : "Tahoma";
}
td.gridTitle {
text-align : left;
text-indent : 0;
margin-top : 0;
margin-bottom : 0;
margin-right : 0;
margin-left : 0;
font-size : 17px;
font-weight : normal;
color : #ffffff;
text-decoration : none;
vertical-align : baseline;
text-transform : none;
font-family : "Tahoma";
}
td.gridHeader {
text-align : left;
text-indent : 0;
margin-top : 0;
margin-bottom : 0;
margin-right : 0;
margin-left : 0;
font-size : 8.5pt;
font-weight : normal;
font-style : normal;
color : #4a4b4b;
text-decoration : none;
vertical-align : baseline;
text-transform : none;
font-family : "Tahoma";
}
td.gridBoldHeader {
text-align : left;
text-indent : 0;
margin-top : 0;
margin-bottom : 0;
margin-right : 0;
margin-left : 0;
font-size : 8.5pt;
font-weight : bold;
font-style : normal;
color : #000000;
text-decoration : none;
vertical-align : baseline;
text-transform : none;
font-family : "Tahoma";
}
td.gridLabel {
text-align : left;
text-indent : 0;
margin-top : 0;
margin-bottom : 0;
margin-right : 0;
margin-left : 0;
font-size : 7.5pt;
font-weight : normal;
font-style : normal;
color : #000000;
text-decoration : none;
vertical-align : baseline;
text-transform : none;
font-family : "Tahoma";
}
table.fixed {
	table-layout : fixed;
}
td.gridLabelCenter {
text-align : center;
text-indent : 0;
margin-top : 0;
margin-bottom : 0;
margin-right : 0;
margin-left : 0;
font-size : 7.5pt;
font-weight : normal;
font-style : normal;
color : #000000;
text-decoration : none;
vertical-align : baseline;
text-transform : none;
font-family : "Tahoma";
}
td.gridLabelNum {
text-align : right;
text-indent : 0;
margin-top : 0;
margin-bottom : 0;
margin-right : 0;
margin-left : 0;
font-size : 7.5pt;
font-weight : normal;
font-style : normal;
color : #000000;
text-decoration : none;
vertical-align : baseline;
text-transform : none;
font-family : "Tahoma";
}
td.pageFormat {
text-align : center;
text-indent : 0;
margin-top : 0;
margin-bottom : 0;
margin-right : 0;
margin-left : 0;
font-size : 7.5pt;
font-weight : bold;
font-style : normal;
color : #000000;
text-decoration : none;
vertical-align : baseline;
text-transform : none;
font-family : "Tahoma";
}
td.statusBar {
text-align : left;
text-indent : 0;
margin-top : 0;
margin-bottom : 0;
margin-right : 0;
margin-left : 0;
font-size : 8pt;
font-weight : normal;
font-style : normal;
color : #000000;
text-decoration : none;
vertical-align : baseline;
text-transform : none;
font-family : "Tahoma";
}
.mainButton {
height: 25px;
margin: 0;
font-size: 15px;
border-radius: 5px;
box-shadow: 0 1px 5px 1px #4b4a4a;
background: #fff;
border: 0;
color: #717070;
}
.gridButtonBig {
background : #f4f3ef;
border-color : #999999;
color : #000000;
border-style : solid;
border-width : 1px;
font-size : 7pt;
font-weight : normal;
width : 65px;
height : 20px;
}
.gridButtonHuge {
background : #f4f3ef;
border-color : #999999;
color : #000000;
border-style : solid;
border-width : 1px;
font-size : 7pt;
font-weight : normal;
width : 105px;
height : 20px;
}
.mainButtonBig {
height: 25px;
margin: 0;
font-size: 15px;
border-radius: 5px;
box-shadow: 0 1px 5px 1px #4b4a4a;
background: #fff;
border: 0;
color: #717070;
}
.mainButtonMedium {
height: 20px;
margin: 0;
font-size: 11px;
border-radius: 5px;
box-shadow: 0 1px 5px 1px #4b4a4a;
background: #fff;
border: 0;
color: #717070;
}
.mainButtonSmall {
height: 17px;
margin: 0;
font-size: 9px;
border-radius: 5px;
box-shadow: 0 1px 5px 1px #4b4a4a;
background: #fff;
border: 0;
color: #717070;
}
.gridButton {
background : #f4f3ef;
border-color : #999999;
color : #000000;
border-style : solid;
border-width : 1px;
font-size : 7pt;
font-weight : normal;
width : 40px;
height : 20px;
}
.textRequired {
background : #ffffe1;
border-color : #000000;
border-style : solid;
border-width : 1px;
font-size : 8pt;
}
.comboRequired {
background : #ffffe1;
border-color : #000000;
border-style : solid;
border-width : 1px;
font-size : 8pt;
}
.combo {
background : #ffffff;
border-color : #000000;
border-style : solid;
border-width : 1px;
font-size : 8pt;
}
.text {
background : #ffffff;
border-color : #000000;
border-style : solid;
border-width : 1px;
font-size : 8pt;
}
.mainWelcome {
font-size : 18pt;
font-style : normal;
color : #ae2c2c;
font-family : "Tahoma";
}
.userWelcome {
font-size : 8pt;
font-style : normal;
color : #ae2c2c;
font-family : "Tahoma";
}
.mainSegmentTitle {
background : #c6ba9c;
font-size : 10pt;
font-style : normal;
font-weight : bold;
color : #ffffff;
font-family : "Tahoma";
}
.mainSegmentDetail {
background : #efe9e9;
font-size : 9pt;
font-style : normal;
font-weight : normal;
color : #000000;
font-family : "Tahoma";
}
.mainSegmentDetailValue {
background : #fff3e7;
font-size : 9pt;
font-style : normal;
font-weight : normal;
color : #727072;
font-family : "Tahoma";
}
td.group {
display : block;
text-align : left;
text-indent : 12pt;
margin-top : 0;
margin-bottom : 0;
margin-right : 0;
margin-left : 0;
font-size : 8pt;
font-weight : bold;
color : #89794e;
text-decoration : none;
vertical-align : top;
text-transform : none;
font-family : "Tahoma";
}
.textAmountRequired {
background : #ffffe1;
text-align : right;
border-color : #000000;
border-style : solid;
border-width : 1px;
font-size : 8pt;
}
.textAmount {
background : #ffffff;
text-align : right;
border-color : #000000;
border-style : solid;
border-width : 1px;
font-size : 8pt;
}
.moduleTitle {
font-size : 8pt;
font-style : normal;
color : #ff9a00;
font-family : "Tahoma";
}
#periodlabelVisibility {
visibility:hidden;
}
#periodComboVisibility {
visibility:hidden;
}
#asOfDateLabelVisibility {
visibility:visible;
}
#asOfDateTextVisibility {
visibility:visible;
}
#divider {
	padding-left:15em;
}
.amount-align {
	text-align: right !important;
}
.amount-align-table {
	text-align: right !important;
	padding-right: 20px !important;
}
.report-info{
  font-size: 12px!important;
}
.report-info a{
  color: #fff!important;
}
.ui-widget-content.ui-autocomplete{
	z-index: 100;
}
.no-margin{
	margin: 0!important;
}
.no-margin-sides{
	margin-left: 0!important;
	margin-right: 0!important;
}
.no-padding{
	padding: 0!important;
}
.no-padding .input-holder label {
	left: 15px;
}
.no-padding-sides{
	padding-left: 0!important;
	padding-right: 0!important;
}
.glyphicon{
	z-index: 1;
}
#records-table .input-group{
  margin: 0!important;
  background: white;
}
#records-table tr td{
	vertical-align: middle;
}
#records-table tr .check-container{
	height: 20px;
}
#records-table tr .checkmark{
	top: 0px;
}

.sub-level .glyphicon{
	display: initial;
	float: right;
	top: 5px;
}
/*.ui-autocomplete ui-front{
	overflow-x: hidden!important;
}
.ui-autocomplete ui-front li div{
	white-space: nowrap;
  text-overflow: ellipsis;
}*/
.batchButton img{
	width: 33px;
	height: 33px;
}
.batchButton img, .newButton img{
	 padding-right: 5px;
}
.batch-row a:nth-child(1){
	margin-left: 15px;
} 
.batch-row, .new-row{
	font:normal 16px Roboto-Condensed !important;
	margin: 15px 0;
}
.batch-row a{
	width: 160px;
} 
.addNew{
  color: #0645AD!important;
}
.tab-content{
	padding: 2% 2%;
  border: 1px solid #F1F1F1;
  border-top: none;
  width: 100%;
}
#records-table input[type=text], #records-table select{
	border: 1px solid #b6b6b6;
}
span.glyphicon-plus, span.glyphicon-minus{
	left: 30px;
}
[name='addLinesButton'], [name='deleteLinesButton']{
    width: initial;
    padding: 5px 10px 5px 25px;
}

@media screen and (max-width: 480px){

}
@media screen and (max-width: 767px){
	.batch-row .batchButton{
    padding: 5px;
	}   
	.new-row .newButton{
		padding: 5px;
	}
	.batch-row .batchButton img{
		display: none;
	}
	.new-row .newButton img{
		display: none;
	}
	.batch-row a{
		width: 45%;
		float: none!important;
	} 
	.batch-row{
		padding: 5px 0;
	}
	.sub-level{
		min-width: 150px;
	}
}
@media screen and (min-width: 768px){
		span.glyphicon-plus, span.glyphicon-minus{
			left: 25px;
		}
}