/* open-sans-regular - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/open-sans-v15-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Regular'), local('OpenSans-Regular'),
       url('../fonts/open-sans-v15-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v15-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v15-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v15-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v15-latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* open-sans-700 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/open-sans-v15-latin-700.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Bold'), local('OpenSans-Bold'),
       url('../fonts/open-sans-v15-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v15-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v15-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v15-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v15-latin-700.svg#OpenSans') format('svg'); /* Legacy iOS */
}


html {
	background: url(/images/grgrad.png) #eee fixed repeat-x 0px top;
    border: 0 none;
    outline: 0 none;
    vertical-align: baseline;
    overflow-y: scroll;
    font-size: 100%;
	background-color: #eee;
}

html input[disabled] {
	color: #000000 !important;
	background-color: #EEEEEE !important;
	border-color: #CCCCCC !important;
	opacity: 1 !important;
}

body {
    margin: 0 auto;
    background: white;
    font-style: normal;
    font-family: 'Open Sans',Arial,Helvetica,sans-serif;
    font-weight: normal;
    font-stretch: normal;
    height: auto;
    /* font-size: 1em; */
    color: #000000;
    line-height: 1.6;
	vertical-align: baseline;
    z-index: 0;
}

#mainbody {
	/* width: 1280px; */
    max-width: 99%;
    background-color: white;
    padding-top: 0;
    padding-left: 1em;
    padding-right: 1em;
    padding-bottom: 0.5em;
    border: 1px solid #aaa;
    margin: 0 auto;
    margin-top: 1em;
    margin-bottom: 1em;
    border-radius: 12px;
	-webkit-box-shadow: 4px 8px 12px 0 #aaa;
    box-shadow: 4px 8px 12px 0 rgba(0,0,0,0.25);
}

table[role=grid] {
	table-layout: auto;
}

.advance-payment {
	color: red;
}


.ui-button, 
.ui-button:hover.ui-state-disabled, 
.ui-button:active.ui-state-disabled {
	text-shadow: 0 0 0 !important;
	background-image: none !important;
	background-color: #56B7E9 !important;
	border-color: #56B7E9 !important;
	color: #FFFFFF !important;
	font-family: 'Open Sans', Arial, Helvetica, sans-serif !important;
	font-weight: normal;
}

.ui-button:hover, 
.ui-button:active {
	background-image: none !important;
	background-color: #002B55 !important;
	border-color: #002B55 !important;
	color: #FFFFFF !important;
	font-family: 'Open Sans',Arial,Helvetica,sans-serif;
}

.ui-linkbutton > a:hover {
	text-decoration: none !important;	
}

.ui-outputlabel {
	font-weight: normal;
}

.ui-outputlabel.ui-widget.ui-state-error {
	background: none;
	border: 0 !important;
	color: #FF0000;
}

.page-header {
	margin-top: 0;
}

.ui-panel {
	margin-bottom: 2em;
	box-shadow: 3px 5px #A5A5A5;
}

.ui-panel-title {
	color: #002B55;
	font-family: 'Open Sans',Arial,Helvetica,sans-serif;
}

.ui-selectoneradio  label {
	font-weight: normal;
}

.ui-datatable-selectable.ui-state-hover {
	background-color: #56B7E9 !important;
}

.ui-datatable-odd {
	background-color: #E3EFF5;
}

.ui-datatable-selfPaid{
	background-color: #FFFFFF;
}

.ui-datatable-noneSelfPaid{
	background-color: #E3EFF5;
}

.ui-datatable .ui-column-filter {
	width: 100%;
}

.ui-datatable thead th, .ui-datatable tfoot td {
	vertical-align: top;
}

.ui-datatable-footer {
	background-color: #F5F5F5 !important;
}

.no-padding > .ui-datatable-footer {
	padding: 0 !important;
}

.ui-paginator {
	background-color: #F5F5F5 !important;
}

.ui-column-title {
	color: #002B55;
	font-family: 'Open Sans',Arial,Helvetica,sans-serif;
}

.ui-widget-header{
	background-color: #E5E5E5;
}

.ui-widget-header .ui-inputfield, .ui-widget-content .ui-inputfield {
	font-size: small;
}
.ui-selectonemenu {
	width: 100%;
	padding-right: 0;
}
/*
.ui-selectonemenu .ui-selectonemenu-trigger {
	width: auto;
}
*/

.ui-icon-calendar {
	background-image: url(/icons/fa-calendar.png) !important;
	background-position: center center !important;
}

.ui-tabs-nav > li > a {
	color: #002B55 !important;
	font-family: 'Open Sans',Arial,Helvetica,sans-serif;
	background-color: #E3EFF5;
}

.ui-tabs .ui-tabs-panel {
	padding: 1em 0;
}

.ui-tabs-selected a {
	font-weight: bold !important;
	background-color: #FFFFFF !important;
}

.ui-toolbar.ui-widget-header {
    padding-top: 1em;
    padding-bottom: 1em;
    padding-left: .6em;
}

.ui-state-disabled {
	pointer-events: all;
} 

.ui-state-highlight {
	background-image: linear-gradient(to bottom, #56B7E9, #002B55) !important;
}

.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled {
	opacity: .75;
}

.ui-state-highlight .ui-icon {
	background-image: url("/javax.faces.resource/images/ui-icons_333333_256x240.png.xhtml?ln=primefaces-bootstrap")
}

.ui-spinner-button {
	text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75) !important;
	background-image: none !important;
	background-color: #f5f5f5 !important;
	border-color: #e6e6e6 !important;
	color: #333333 !important;
	font-family: 'Open Sans', Arial, Helvetica, sans-serif !important;
	font-weight: normal;
}

.ui-spinner-button:hover.ui-state-hover {
	text-shadow: 0 0 0 !important;
	background-image: none !important;
	background-color: #d9d9d9 !important;
	border-color: #e6e6e6 !important;
	color: #333333 !important;
	font-family: 'Open Sans', Arial, Helvetica, sans-serif !important;
	font-weight: normal;
}

.form-title {
	font-family: 'Open Sans',Arial,Helvetica,sans-serif;
	font-size: 1em;
	font-weight: bold;
	color: #002B55;
	padding-left: 5px;
	padding-top: 10px;
	padding-bottom: 10px;
}

.form-grid-none {
	width: 100%;
}

.form-grid-none.ui-panelgrid>*>tr, .form-grid-none.ui-panelgrid .ui-panelgrid-cell {
	border: none;
	padding-left: 0;
}

.form-grid-none > .ui-grid {
	border: none;
}

.outer-panel {
	border: none;
	box-shadow: none;
}

.outer-panel > .ui-panel-content.ui-widget-content {
	padding-left: 1px;
	padding-right: 1px;
}

.button-filter .ui-button {
	-webkit-box-shadow: 2px 2px 12px 0 #aaa;
    box-shadow: 2px 2px 12px 0 rgba(0,0,0,0.25);
	text-shadow: 0 0 0 !important;
	background-image: none !important;
	background-color: #56B7E9 !important;
	border-color: #56B7E9 !important;
	color: #FFFFFF !important;
	font-family: 'Open Sans',Arial,Helvetica,sans-serif;
	margin-left: 1px;
}

.button-filter .ui-button.ui-state-hover, .button-filter .ui-button.ui-state-active {
	background-image: none !important;
	background-color: #002B55 !important;
	border-color: #002B55 !important;
	color: #FFFFFF !important;
}

.button-filter .ui-button-text {
	font-family: 'Open Sans',Arial,Helvetica,sans-serif;
	font-size: .7em;
	font-weight: normal;
	padding: .3em .3em;
}

.button-panel {
	margin-top:10px; 
	text-align:center;
}

.button-trash, 
.button-trash:hover.ui-state-disabled, 
.button-trash:active.ui-state-disabled {
	background-color: #B22222 !important;
	border-color: #B22222 !important;
}

.button-trash:hover,
.button-trash:active {
	background-color: #8B0000 !important;
	border-color: #8B0000 !important;
}

.button-agree, 
.button-agree:hover.ui-state-disabled, 
.button-agree:active.ui-state-disabled {
	text-shadow: 0 0 0 !important;
	background-image: none !important;
	background-color: #32CD32 !important;
	border-color: #32CD32 !important;
	color: #FFFFFF !important;
	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
	margin-left: 1px;
}

.button-agree:hover, 
.button-agree:active {
	background-image: none !important;
	background-color: #437743 !important;
	border-color: #437743 !important;
	color: #FFFFFF !important;
}

.button-reject, 
.button-reject:hover.ui-state-disabled, 
.button-reject:active.ui-state-disabled {
	text-shadow: 0 0 0 !important;
	background-image: none !important;
	background-color: #FF0000 !important;
	border-color: #FF0000 !important;
	color: #FFFFFF !important;
	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
	margin-left: 1px;
}

.button-reject:hover, 
.button-reject:active {
	background-image: none !important;
	background-color: #8B0000 !important;
	border-color: #8B0000 !important;
	color: #FFFFFF !important;
}

.login-button-sso {
	width: 200px;
	height: 75px;
}

.login-button-sso > a > .ui-button-text {
	padding: 1.65em 1.5em;
	height: auto;
}

.ui-chkbox-label {
	color: #000000 !important;
}

.ui-chkbox-icon.ui-icon.ui-icon-check.ui-c {
	color: #000000 !important;
}

.ui-editable-column {
	background-color: beige !important;
	color: black !important;
}

.link_external {
	color: #002B55 !important;
	text-decoration: underline;
}

.news-panel {
	/*background-color: #F8F8F8;*/
	min-height: 300px;
}

.news-panel .ui-accordion-header {
	background-color: #F8F8F8;
	font-weight: bold;
}

.search-panel .ui-accordion-header {
	background-color: #F5F5F5;
	color: #002B55;
	padding-left: 25px;
	font-weight: bold;
}

.ui-state-error {
	border: 1px solid #ff0000 !important;
	color: #000000 !important;
}

.ui-autocomplete-input {
	width: 100% !important;
}

.ui-paginator-current {
	font-family: 'Open Sans',Arial,Helvetica,sans-serif;
	color: #002B55;
}

.ui-paginator-page, .ui-paginator-first, .ui-paginator-prev, .ui-paginator-next, .ui-paginator-last {
	-webkit-box-shadow: 2px 2px 12px 0 #aaa;
    box-shadow: 2px 2px 12px 0 rgba(0,0,0,0.25);
	text-shadow: 0 0 0 !important;
	background-image: none !important;
	background-color: #56B7E9 !important;
	border-color: #56B7E9 !important;
	color: #FFFFFF !important;
	font-family: 'Open Sans',Arial,Helvetica,sans-serif;
	margin-left: 1px;
}

.ui-paginator-page.ui-state-active,  
.ui-paginator-first.ui-state-active, 
.ui-paginator-prev.ui-state-active, 
.ui-paginator-next.ui-state-active, 
.ui-paginator-last.ui-state-active,
.ui-paginator-page.ui-state-hover,
.ui-paginator-first.ui-state-hover, 
.ui-paginator-prev.ui-state-hover, 
.ui-paginator-next.ui-state-hover, 
.ui-paginator-last.ui-state-hover {
	background-image: none !important;
	background-color: #002B55 !important;
	border-color: #002B55 !important;
	color: #FFFFFF !important;
}

.ui-icon-seek-first {
	background-image: url(/icons/fa-step-backward.png) !important;
	background-position: 0;
}

.ui-icon-seek-end {
	background-image: url(/icons/fa-step-forward.png) !important;
	background-position: 0;
}

.ui-icon-seek-next {
	background-image: url(/icons/fa-forward.png) !important;
	background-position: 0;
}

.ui-icon-seek-prev {
	background-image: url(/icons/fa-backward.png) !important;
	background-position: 0;
}

.ui-paginator-rpp-options {
	font-family: 'Open Sans',Arial,Helvetica,sans-serif;
	font-weight: normal;
	color: #002B55;
}

.ui-wizard-nav-next > span.ui-button-icon-left.ui-icon.ui-c.ui-icon-arrowthick-1-e {
	background-image: url(/icons/fa-arrow-right.png) !important;
	background-position: 0;
}

.ui-wizard-nav-back > span.ui-button-icon-left.ui-icon.ui-c.ui-icon-arrowthick-1-w {
	background-image: url(/icons/fa-arrow-left.png) !important;
	background-position: 0;
}

.ui-wizard-step-title {
	cursor: default !important;
	color: #002B55 !important;
	font-family: 'Open Sans',Arial,Helvetica,sans-serif;
	font-size: 100%;
	text-shadow: none;
	background-color: #E3EFF5 !important;
	background-image: none !important;
}

.ui-wizard-step-title.ui-state-highlight {
	font-weight: bold !important;
	background-color: #FFFFFF !important;
}

.ui-accordion .ui-accordion-header .ui-icon {
	display: inline;
}

.ui-accordion-header > span.ui-icon.ui-icon-triangle-1-e {
	background-image: url(/icons/fa-caret-right.png) !important;
	background-position: 0;
	left: 8px;
	position: absolute;
}

.ui-accordion-header > span.ui-icon-triangle-1-s {
	background-image: url(/icons/fa-caret-down.png) !important;
	background-position: 0;
	left: 0;
	position: absolute;
}

.simpleUpload > .ui-fileupload-content {
	display: none;
}

.simpleUpload > .ui-fileupload .start {
    display: none;
}
.simpleUpload > .ui-fileupload .cancel {
    display: none;
}
.simpleUpload > .ui-fileupload .progress {
 	display: none; /* if you wanted to hide the progress bar as well */
}

.simpleUpload > .ui-fileupload  {
    border: none;
}

.simpleUpload > .fileupload-buttonbar .fileinput-button .ui-icon-plusthick { 
    display: none !important;
}

.simpleUpload > .fileupload-buttonbar .fileinput-button  .ui-button-text { 
    padding-right: 1em!important;
}

.simpleUpload > .ui-fileupload-buttonbar {
    border: none!important;
    background: transparent;
    background-color: transparent;
    float: right; /* Keep button on left */
} 
.simpleUpload > .fileupload-content {
    border: none!important;
    border-bottom-left-radius: 0px!important;
    border-bottom-right-radius: 0px!important;
    background: transparent!important;
    background-color: transparent!important;
    float: right; 
}

.ui-fileupload-content .ui-progressbar{
 	display: none; /* if you wanted to hide the progress bar as well */
}

.ui-fileupload-choose .ui-icon-plusthick {
         background-image: url(/icons/fa-plus.png) !important;
         background-position: center !important;
}

.ui-fileupload-cancel .ui-icon-cancel {
         background-image: url(/icons/fa-cancel.png) !important;
         background-position: center !important;
}

.ui-fileupload-upload .ui-icon-arrowreturnthick-1-n {
         background-image: url(/icons/fa-upload.png) !important;
         background-position: center !important;
}

.ui-selectlistbox-item .ui-chkbox .ui-chkbox-box {
	margin-right: 5px;
}

.col-copy-button {
	min-width:100px; 
	width:100px; 
	text-align:center;
}

.col-amount {
	text-align: right;
}

.col-checked {
		text-align: center;
}

.col-meals {
	background-color: beige;
}

.col-meals .ui-panelgrid-content {
	background-color: beige;
	border: none;
	line-height: 0.9em;
}

.voucher-upload {
	width: 600px;
	height: 300px;
	border: none;
}

.username-short {
	display: none;
}

.privacy-policy {
	font-weight: bold;
}

.privacy-policy p {
	font-weight: normal;
}

.privacy-policy ul {
	font-weight: normal;
}

.privacy-policy ol {
	font-weight: normal;
}

.wizard-button-panel {
		display: none;
}

@media only screen and (max-width: 640px) {
	html {
		font-size: .9em;
	}
	body {
		font-size: .9em;
	}
	
	.col-copy-button, .col-aconinfo-button {
		display: none !important;
	}
	
	.col-amount {
		text-align: left;
	}
	
	.col-checked {
		text-align: left;
	}
	
	.col-meals .ui-chkbox-label {
		vertical-align: middle;
	}
	
	.ui-datatable-reflow thead th, .ui-datatable-reflow tfoot td {
		display: none !important;
	}
	
	/*input, textarea, select, select option, label {
		font-size: 90% !important;
	}*/
	
	.ui-widget, .ui-dialog-title, label {
		font-size: .9em !important;
	}
	
	.voucher-upload {
		height: 300px;
		width: 300px;
	}
	
	.username-short {
		display: unset;
	}
	
	.username-full {
		display: none;
	}
	
	.wizard-button-panel {
		display: table;
	}
}

@media print {
	.header {
		display: none;
	}
	
	.top-header {
		display: none;
	}
	
	.footer {
		display: none;
	}
	
	.button-panel {
		display: none;
	}
}