/*=============================================================================================
* Customer		Van Rossem Timeware
* Project		VRTsim
* File			components.css
* Description	Styles that override the Primefaces component structural CSS. General CSS formatting styles that are used throughout 
*				the web-site and that are not related to the primeFaces components are provided in html.css. Theme related styles 
*				(that are invoked by the primefaces generated elements) are provided in primefaces-modest/theme.css. 
*				Many style elements need to be marked !important here, to prevent overriding by the primefaces.css stylesheet that is loaded last.
* Author		P.H. van Rossem, Van Rossem Timeware.
* Copyright		©2008-2014 Van Rossem Timeware, 's-Hertogenbosch. All rights reserved.
* Version		4.4
=================================================================================================
* History:		2.0 - PvR (03-08-2008): Initial build.
*				3.0 - PvR (09-08-2011): PrimeFaces 2.2 version.
*				3.1 - PvR (17-11-2011): PrimeFaces 3.0 version.
*				4.0 - PvR (31-08-2012): HTML-5 version. Restructured templates.
*				4.1 - PvR (24-04-2013): Solved bug with hidden FaceBook popup.
*				4.4 - PvR (13-08-2014): Removed overlay panel CSS.
===============================================================================================*/

.ui-layout-unit {padding: 0px !important; background-color: transparent !important}
.ui-layout-unit-content {background-color: transparent !important}
.ui-layout-unit .ui-layout-unit-content {padding: 0px !important; -webkit-overflow-scrolling: touch}
.ui-layout-container .ui-layout-pane {border: none !important}
/* set layout margins to non-scrolling, but allow pop-ups (FB!) to display even if wider than margin: */
.ui-layout-pane-north .ui-layout-unit-content, .ui-layout-pane-south .ui-layout-unit-content, .ui-layout-pane-east .ui-layout-unit-content, .ui-layout-pane-west .ui-layout-unit-content {overflow: visible !important}

.ui-widget-content {color: inherit !important}

.ui-panel .ui-panel-content {padding: 0px !important;}

.ui-overlaypanel-content {padding: 8px !important}

.ui-fieldset {padding: 0.5em 0.6em; background-color: inherit}
.ui-fieldset-legend {padding: 0.2em 0.3em !important; background-color: inherit !important; font-weight: bold !important; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px;}

.ui-button {white-space: nowrap !important; font-size: 9pt !important}
.ui-button-text-only .ui-button-text {padding: .2em .4em !important}
.small-button {margin-top: 5px; font-size: 9pt; padding: 1px 4px; color: #000; background: #c4c4c4 url("/javax.faces.resource/images/ui-bg_highlight-hard_80_c4c4c4_1x100.png.jsf?ln=primefaces-modest") 50% 50% repeat-x; text-shadow: 0px 1px 0px rgba(255,255,255,0.7); border: 1px solid #a8a8a8; border-radius: 5px; box-shadow: inset 0px 1px 0px #fff}

.ui-selectonemenu-panel .ui-selectonemenu-table td {padding: 4px 6px 4px 6px !important}

.ui-dialog {position: absolute !important}

.ui-tabs .ui-tabs-nav {background: transparent !important;}
.ui-tabs .ui-tabs-nav li {margin-right: 5px !important;}
.ui-tabs .ui-tabs-nav li a {float: left !important; padding: 0.3em 0.4em !important; text-decoration: none !important;}
.ui-tabs .ui-tabs-panel {background-color: #FFD !important; border: 1px solid #AAA !important; padding: 0px 10px !important} 
.ui-tabs .ui-tabs-panel .ui-tabs .ui-tabs-panel {background-color: #EEF !important} 
.ui-tabs .ui-tabs-panel .ui-tabs .ui-tabs-panel .ui-tabs .ui-tabs-panel {background-color: #EFE !important} 
.ui-tabs {padding-bottom: 0px !important; background-color: transparent !important}
.ui-tabs .ui-tabs-selected {background-color: #FFD !important}
.ui-tabs .ui-tabs .ui-tabs-selected {background-color: #EEF !important}
.ui-tabs .ui-tabs .ui-tabs .ui-tabs-selected {background-color: #EFE !important}

.ui-tree {padding: 0em !important; border: 0px !important; width: inherit !important;}
.ui-tree-item {line-height: 1.0 !important;}
.ui-tree-node-content {padding: 1px !important;}

.ui-datatable .ui-datatable-data td, .ui-datatable .ui-datatable-data-empty td {padding: 2px 4px !important;}
.ui-datatable .ui-sortable-column .ui-dt-c {overflow: visible !important; position: relative !important; margin-right: 16px !important}
.ui-datatable .ui-sortable-column .ui-dt-c .ui-sortable-column-icon {float: none !important; position: absolute !important; right: -16px !important}
.ui-datatable thead .ui-dt-c {padding: 4px 10px !important}
.ui-datatable div.ui-dt-c {padding: 1px !important}
.ui-datatable .ui-datatable-header {height: 20px}
.ui-datatable .ui-datatable-header .filter {position: absolute; right: 50px}
/* @todo 2: the following causes empty table cells on the view-leader page if left out, but screws up the scrollable tables if added.
	probably an aristo styling problem, so try to drop aristo a.s.a.p. */
.ui-dt-c {width: inherit !important;} 

.ui-datagrid-data {width: inherit !important}
.ui-datagrid .ui-widget-content {border: none !important; background: transparent !important}

.ui-wizard-step-titles {margin: 20px 0px !important}
.ui-wizard-step-title {font-size: 10pt !important; font-weight: bold !important; margin: 0 12px 0 0 !important; padding: 0.3em !important;}

.ui-progressbar-value {background: #8BF !important}

.ui-tooltip {font-size: 9pt !important; background-color: #FFC !important; color: #630 !important; border: 4px ridge #999 !important;}

.ui-confirm-dialog {text-align: left !important; background-color: #edc;}

.ui-dialog-buttonpane button {margin: 0.4em !important;}

.ui-messages-info, .ui-message-info {color: #080 !important; background-color: #BFB !important}

.ui-state-highlight {text-shadow: none !important}

.inplace {padding: 0px !important; margin: 0px !important; border: none !important; font-weight: bold !important; background-color: transparent !important; text-align: right !important}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {color: #000}

.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {background: #9CF url("/javax.faces.resource/images/ui-bg-table-selected-row.png.jsf?ln=primefaces-modest") 50% bottom repeat-x !important; background: #9CF linear-gradient(top, rgba(0, 100, 200, 0.25), rgba(0, 100, 200, 0.75)) !important; background: #9CF -webkit-gradient(linear, left top, left bottom, from(rgba(0, 100, 200, 0.25)), to(rgba(0, 100, 200, 0.75))) !important; background: #9CF -moz-linear-gradient(top, rgba(0, 100, 200, 0.25), rgba(0, 100, 200, 0.75)) !important;}

.hasDatepicker {width: 74px !important}

.ui-inputfield {padding: 2px !important}

/* hide ugly, solid primefaces drag box */
.ui-draggable-dragging {opacity: 0.1} 

.jqplot-target .jqplot-data-label {color: black}
.jqplot-title {font-weight: bold}