/*
	Basic style shared between login and main app
*/

@font-face {
	font-family: 'montego';
	src: url();
	font-weight: bold;
	font-style: normal;
}

@font-face {
	font-family: 'montego';
	src: url();
	font-weight: normal;
	font-style: normal;
}

@font-face {
    font-family: 'app';
    
    src: url();
    src: url() format('embedded-opentype'),
         url() format('woff2'),
         url() format('woff'),
         url() format('truetype'),
         url() format('svg');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'app';
    
    src: url();    
    src: url() format('embedded-opentype'),
         url() format('woff2'),
         url() format('woff'),
         url() format('truetype'),
         url() format('svg');
         
    font-weight: normal;
    font-style: normal;
}

#banner {
	background: #151f6d;
	width: 100%; 
	height: 100px;	
}

body, html {
	font-family: 'app', Arial;
	margin: 0px;
	padding: 0px;
	height: 100%;
}

.ui-widget, .ui-widget button, .ui-widget select, .ui-widget input {
	font-family: 'app', Arial, sans-serif;   	
}

#page {
 	min-height:100%;
 	position:relative;
}



#footer {
	font-size: 11px;	
}

#footer a {	 
	color: white;
	text-decoration: none;	
}

.proagrica-logo{
	width: 240px;
	height: 57px;
	padding-right: 20px;
	background: url(/ppm/javax.faces.resource/PPM logo.png.xhtml?ln=images) no-repeat;
}


/* General font size for site */
body {
    font-size: 11px;
    font-family: 'app', Arial, sans-serif;
	background: #c2c2c2;
	background: url() repeat fixed;
}

.columnHeaderTop {
	font-weight: bold;
	vertical-align: top;
}

.columnHeader {
	font-weight: bold;
}
 
.columnNormal {}


.columnNormalQuarter {
	width: 25%;
}
.columnNormalHalf {
	width: 50%;
}
.columnNormalThird {
	width: 33%;
}

.columnHeader130 {
	font-weight: bold;
	width: 130px;
} 
.columnNormal400 {
	width: 400px;
} 
.columnNormal130 {
	width: 130px;
} 
.columnHeaderQuarter {
	font-weight: bold;
	width: 25%;
}
.columnHeaderHalf {
	font-weight: bold;
	width: 50%;
}
.columnHeaderThird {
	font-weight: bold;
	width: 33%;
}


.columnNormalTop {
  vertical-align: top;	
}

.column_third {
	width: 33%;
	vertical-align: top;
}

.column_quarter{
	width: 25%;
	vertical-align: top;
}

.column_fifth{
	width: 20%;
	vertical-align: top;
}

.column_tenth{
	width: 10%;
	vertical-align: top;
}

.column_twothird {
	width: 66%;
	vertical-align: top;
}

.column_45 {
	width: 45%;
	vertical-align: top;
}


.column_half {
	width: 50%;
	vertical-align: top;
}

.column_full {
	width: 100%;
	vertical-align: top;
}

borderless-panel {
    border: 0px;
}

.ui-chkbox-label {
    font-weight: bold;
}

.smallSpinner .ui-spinner-input {
	width: 32px;	
}

.claimNote {
	width: 95%;		
}

.dashboardColumn {
	vertical-align: top;
}

.columnNormalCenter, .ui-datatable tbody .columnNormalCenter {
	text-align: center;
}

.columnNormalRight, .ui-datatable tbody .columnNormalRight {	
	text-align: right;	
}

.columnMoney, .ui-datatable tbody .columnMoney {
	text-align: right;
	width: 100px;
}

.columnDate, .ui-datatable tbody .columnDate {
	width: 100px;
}

.columnProductCode, .ui-datatable tbody .columnProductCode {
	width: 100px;
}
.fluidLabel {
	font-weight: bold; 
	margin-bottom: 7px;
}

.productTable{
	font-size: 12px;
}

/* Makes all panelgrid tables have cellpadding:5px */
.ui-panelgrid {	
	border-spacing: 2px;
    border-collapse: separate;
}
.ui-panelgrid .ui-panelgrid-cell {
	padding: 2px 4px;
}
/* Remove borders from panelGrids */
.ui-panelgrid td, .ui-panelgrid tr
{
    border-style: none !important;
}

.ui-panelgrid tr 
{
	background: none;
}

.ui-breadcrumb
{
	border: none;
	background: none;
}
.csvicon{
    background: url('../images/icons/xlsx-win-icon.png') !important;
    height:24px;
    width:24px;
}
.ui-menuitem-text {
	font-weight: bold;
}
.ui-menuitem-text {
	text-align: left;
}
/*
.ui-menubar .ui-menuitem-link {
    padding: 0.5em 0.4em;
    width: auto;
}*/