@CHARSET "ISO-8859-1";

/*
 * Primefaces overriden styles.
 */
.ui-widget {
	font-size: 11px !important;
	font-family: Verdana, Arial;
}

.ui-datatable .ui-datatable-data .xnet-no-border td, 
.ui-datatable .ui-datatable-data-empty .xnet-no-border td {
    border-style: none;
    text-align: left; 
}

.ui-widget-content .ui-menu-list .ui-menu-child {
	width: 250px !important;
}

/* Force the width of the datatable to 100% of the ocntainer */
.ui-datatable.ui-datatable-resizable table {
    width: 100% !important;
}

/* Force the component width */
.ui-autocomplete-multiple-container {
    width: 200px !important;
}
.ui-autocomplete-input {
    width: 192px;
    background: url("/static/images/search_magnifier.gif?v=3.4.2'") no-repeat right;
}
.ui-autocomplete-multiple-container {
    overflow: auto !important;
    max-height: 70px;
    background: url("/static/images/search_magnifier.gif?v=3.4.2'") no-repeat right !important;
}

.ui-inputtext {
    width: 192px !important;
}

.ui-selectcheckboxmenu {
	width: 200px !important;
}

.ui-selectcheckboxmenu-filter-container {
	width: 140px !important;
}

.ui-selectcheckboxmenu-filter-container input.ui-inputtext {
	width: 120px !important;
}

.ui-selectcheckboxmenu-label-container label {
	height: 15px;
}

.ui-selectcheckboxmenu-panel{
	width: 200px !important;
}

.xnet-crud-panel .ui-selectonemenu,
.xnet-crud-panel .ui-selectonemenu-panel {
	/* XNET-3105 We are obliged to use !important as primefaces force width inside element style attribute */
	width: 200px !important;
}

.ui-selectonemenu-filter-container {
	width: 190px !important;
}

.ui-selectonemenu-filter-container input.ui-inputtext {
	width: 170px !important;
}

/* Force datatable scrollable footer to the datatable width */
.ui-datatable-scrollable-footer-box {
	width: 100%;
}

/* Generalize the CSS style of the Now button of date picker */
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
	opacity: 1 !important;
	font-weight: bold !important;
}

/* XNET-2857 - UI Tables - Labels of columns are not readable when the table contains a plenty of columns */
span.ui-sortable-column-icon {
	position: static !important;
	display: inline-block !important;
}

/* overlay panel */
.ui-overlaypanel {
	text-align: center;
}

/* resizable proxy */
.ui-resizable-proxy {
	border: 2px dotted black;
}

/* Log position */
.ui-log {
	left: auto !important; 
	top: auto !important; 
	right: 5px !important; 
	bottom: 5px !important;
}

/** Force overflow of datatable empty message. */
.ui-datatable-empty-message td div {
	text-align: left;
}

/** Fix related to XNET-3301. 
	The message detail related to the list was in bold in the crudList.xhml. */
.ui-messages div ul li span{
	display: list-item !important; 
}
.ui-messages div ul li {
	text-align: left !important; 
	white-space: pre-wrap !important;
}
.ui-messages-info-detail, .ui-messages-warn-detail, .ui-messages-error-detail, .ui-messages-fatal-detail {
	font-weight: normal !important;  
}


/*
 * HTML styles.
 */
body {
	padding: 0px;
	margin: 0px;
}

html, body {
	height: 100%;
}

* {
	margin: 0;
}

table {
	border-collapse: collapse;
}

/*
 * Xnet styles.
 */
.xnet-title {
	height: 20px;
    margin-left: 0px;
    padding: 5px 0 0 20px;
}
 
.xnet-ajaxStatus {
	font-size: 11px !important;
	font-family: Verdana, Arial;
}

.xnet-legal-image-column {
	text-align: center;
}

.xnet-legal-image {
	padding: 0 2px;
}

.xnet-notification-panel {
	position: fixed; 
	height: 280px; 
	left: 0px; 
	bottom: 0px; 
	width: 100%; 
	
	background-image: -moz-linear-gradient(center top , #FFFFFF, #E6E6E6);
	opacity: 0.9;
}

.xnet-notification-panel-real-time-logs {
	height: 200px; 
	width: 100%; 
}

.xnet-notification-panel-groovy-terminal {
	height: 200px; 
	width: 100%; 
}

.xnet-header {
	background: rgb(41, 41, 163);
	/*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#550000FF, endColorstr=#55FFFF00);*/
	/*For Firefox*/
	background: -moz-linear-gradient(left, rgb(25, 25, 145),
		rgb(155, 155, 255) );
	height: 35px;
	width: 100%;
	background-image: url("/static/images/bandeau.jpg?v=3.4.2"); /* use static images (perf issue) */
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-position: top left;
	background-color: #2A2BA2;
}

.userId {
	font-size: 11px !important;
	font-family: Verdana, Arial;
	font-weight: bold;
	position: absolute;
	top: 0px;
	right: 10px;
	color: rgb(255, 255, 255);
	padding-left: 22px;
}

.logout {
	font-size: 11px !important;
	font-family: Verdana, Arial;
	font-weight: bold;
	position: absolute;
	top: 15px;
	right: 10px;
	color: rgb(255, 255, 255);
	text-decoration: underline;
}

.close {
	font-size: 11px !important;
	font-family: Verdana, Arial;
	color: rgb(0, 0, 0);
	position: absolute;
	right: 10px;
	text-decoration: underline;
}

.applicationVersion {
	font-size: 15px !important;
	font-family: Verdana, Arial;
	font-weight: bold;
	position: absolute;
	top: 15px;
	left: 130px;
	color: rgb(255, 255, 255);
}

.menu-session {
	background: url("/static/images/person.gif?v=3.4.2") no-repeat 2%; /* use static images (perf issue) */
	padding-left: 20px !important;
}

.menu-admin {
	background: url("/static/images/console.gif?v=3.4.2") no-repeat 2%; /* use static images (perf issue) */
	padding-left: 20px !important;
}

.xnet-validation-failed {
	background-color: #F9E7ED;
}

.xnet-panel-grid-top {
	vertical-align: top;
}

/* use static images (perf issue) */
.xnet-monitoring-datasource {
    background: url("/static/images/db.gif?v=3.4.2") no-repeat scroll 0 0 transparent; 
    padding-left: 20px;
}

.xnet-monitoring-ejb {
    background: url("/static/images/process.gif?v=3.4.2") no-repeat scroll 0 0 transparent;
    padding-left: 20px;
}

.xnet-monitoring-queue {
    background: url("/static/images/xml.gif?v=3.4.2") no-repeat scroll 0 0 transparent;
    padding-left: 20px;
}

.xnet-monitoring-qcf {
    background: url("/static/images/xml.gif?v=3.4.2']}") no-repeat scroll 0 0 transparent;
    padding-left: 20px;
}

.xnet-monitoring-url {
    background: url("/static/images/url.gif?v=3.4.2']}") no-repeat scroll 0 0 transparent;
    padding-left: 20px;
}

.xnet-monitoring-property {
    background: url("/static/images/property.gif?v=3.4.2") no-repeat scroll 0 0 transparent;
    padding-left: 20px;
}

.xnet-logger-all {
    background: url("/static/images/log-level_01.gif?v=3.4.2") no-repeat scroll 0 0 transparent;
    padding-left: 20px;
}

.xnet-logger-trace {
    background: url("/static/images/log-level_02.gif?v=3.4.2") no-repeat scroll 0 0 transparent;
    padding-left: 20px;
}

.xnet-logger-debug {
    background: url("/static/images/log-level_03.gif?v=3.4.2") no-repeat scroll 0 0 transparent;
    padding-left: 20px;
}

.xnet-logger-info {
    background: url("/static/images/log-level_05.gif?v=3.4.2") no-repeat scroll 0 0 transparent;
    padding-left: 20px;
}

.xnet-logger-warn {
    background: url("/static/images/log-level_07.gif?v=3.4.2") no-repeat scroll 0 0 transparent;
    padding-left: 20px;
}

.xnet-logger-error {
    background: url("/static/images/log-level_09.gif?v=3.4.2") no-repeat scroll 0 0 transparent;
    padding-left: 20px;
}

.xnet-logger-off {
    background: url("/static/images/log-level_10.gif?v=3.4.2") no-repeat scroll 0 0 transparent;
    padding-left: 20px;
}

.xnet-color-shiny-silver {
	background-color: #EEEEEE;
}

.xnet-color-magnolia {
	background-color: #F9F7ED;
}

.xnet-color-qoop-mint  {
	background-color: #CDEB8B;
}

.xnet-color-gmail-blue {
	background-color: #C3D9FF;
}

/* Powered by Xnet logo */
.xnet-body-wrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -30px;
}

.xnet-footer {
	height: 30px;
}

.xnet-footer-copyright{
	font-size: 11px !important;
	font-family: Verdana, Arial;
	color: #2A2BA2;
}

.xnet-footer, .xnet-footer-push {
	height: 30px;
	/*background-color: #EEEEEE;*/
}

/* Messages in menu area */
.xnet-messages-visible {
	border: 0px; 
	position: absolute; 
	top:36px; 
	right:0px;
}

.xnet-messages-hidden {
	border: 0px; 
	position: absolute; 
	top:36px; 
	right:0px;
	visibility: hidden;
}

/* required styles */
.ui-widget-header .xnet-required,
.ui-widget-content .xnet-required {
	background-color: #FFF5D4;
}
.xnet-required .ui-autocomplete-input {
    background: #FFF5D4 url("/static/images/search_magnifier.gif?v=3.4.2") no-repeat right !important;
}

.xnet-required.ui-state-error {  
	color: #B94A48; 
}

/* xnet column style */
.xnet-actions-column {
	width: 50px;
}
.xnet-status-column {
	width: 50px;
}
.xnet-select-column {
	width: 30px;
}

/* xnet popup panel for createOne.xhtml and createMany.xhtml */
.xnet-panel-popup-button {
	position: absolute;
	text-align: center;
	z-index: 20;
}

.xnet-panel-popup-button div.ui-panel-content{
	padding: 0em 0em !important;
}

/* quick search field */
.xnet-quick-search input {
	width: 300px;
}

/* select one panel */
.xnet-selectone-panel {
	text-align: left !important;
	width: 240px;
}
.xnet-selectone-panel-wrapper {
	float: left; 
	display: inline; 
	width: 100%; 
	text-align: left;
}
.xnet-selectone-btn-panel {
	visibility: hidden; 
	layout: block; 
	position: relative; 
	top: 12px; 
	left: -200px;
}

/* select many panel */
.xnet-selectmany-panel {
	text-align: left !important;
	width: 240px;
}
.xnet-selectmany-panel-wrapper {
	float: left; 
	display: inline;
	width: 240px; 
	text-align: left;
}
.xnet-selectmany-panel-wrapper div.ui-autocomplete-multiple {
	width: 200px !important;
}
.xnet-selectmany-panel-wrapper div.ui-overlaypanel {
	
}
.xnet-selectmany-btn-panel {
	visibility: hidden; 
	layout: block; 
	position: relative; 
	top: 12px; 
	left: -205px;
}

/* select many list panel */
.xnet-selectmanylist-panel {
	text-align: left !important;
}
.xnet-selectmanylist-panel-wrapper {
}
.xnet-selectmanylist-btn-panel {
	visibility: hidden; 
	layout: block; 
	position: relative; 
	top: 13px; 
}

/* JNDI tree */
.xnet-jndiTreeNodeDetails {
	text-align: left;
	width: 700px;
}

.xnet-jndiTreeNodeDetailsContent {
	text-align: left;
	max-width: 700px;
	max-height: 400px;
	display: block;
	overflow: auto;
}

/* CRUD */
.xnet-crud-panel-list .ui-panel-content {
	text-align: center; 
	padding: 0 !important;
}

.xnet-crud-panel-create .ui-panel-content {
	padding: 0 !important;
}

.xnet-crud-panel-detail .ui-panel-content {
	padding: 0 !important;
}

/* Logs */
.xnet-log-path {
	max-width: 400px;
    white-space: pre;           /* CSS 2.0 */
    white-space: pre-wrap;      /* CSS 2.1 */
    white-space: pre-line;      /* CSS 3.0 */
    white-space: -pre-wrap;     /* Opera 4-6 */
    white-space: -o-pre-wrap;   /* Opera 7 */
    white-space: -moz-pre-wrap; /* Mozilla */
    word-wrap: break-word;      /* IE 5+ */
}

/* XNET-3574 */
.xnet-required .ui-inputfield {
    background: #FFF5D4 ;
}