body {
	font-size: 0.65em;
	padding: 5px;
	background-color: #efefef;
}
.header.ui-widget-content {
	border: 0;
	background-color: transparent;
	background-image: none;
}
.header .ui-widget-content, .header a {
	color: #ffffff;
}
.header.ui-layout-unit .ui-layout-unit-content {
	overflow: hidden !important;
	padding: 0 !important;
	background-color: transparent !important;
	background-image: none !important;
}
.header .header-elements {
	width: 100%;
}



#centerLayout > .ui-widget-content {
	position:initial !important;
}

/** TO FIX FONT AWESOME PROBLEM (ICON CUT OFF) **/

span.ui-button-icon-left.ui-icon.ui-c.fa.fa-file-code-o {
	font-size: 13px;
}

/** ICONS **/

.infoIcon {
	text-decoration: none;
	display: inline-block;
	opacity: 0.6;
    margin-left: 5px;
    margin-right: 5px;
}

/** DIALOG LAYOUT **/

.mainDialog .ui-dialog-content.ui-widget-content {
	padding: 0 !important;
}

.dialogCenterLayout {
	border:0;
	padding: 10px;
}

.dialogCenterLayout .tlvPanel.ui-panel {
    border:none;
}

.dialogCenterLayout .tlvPanel.ui-panel .ui-panel-content {
    padding: 0;
}

.southLayout {
	border:0;
	height: 50px !important;
	width: 100%;
	position: absolute;
	padding: 0;
	bottom:0;
	left:0;
}

.southLayout > .ui-layout-unit-content {
	/** To avoid scrolls on the southLayouts **/
	overflow: hidden !important;
	border: 0;
	border-top: 1px solid #eee;
	padding-top: 10px;
}

.southLayout .buttonWrap {
	padding: 0 10px 10px 10px;
}

.mainDialog .ui-dialog-footer.ui-widget-content {
	height: 45px;
}

.mainDialog .ui-dialog-footer.ui-widget-content .buttonWrap {
	padding-top: 10px;
}

.importDialog-template{
    /*position:absolute;*/
    /*bottom: 50px;  !*SouthLayout ist 50px*!*/
	margin-top:50px;
    width:93%;
    padding: 10px;
    margin-left: 10px;
    border: 1px solid #dddddd;
    text-align: center;
    font-size: 0.85em;
}

.importDialogTable.ui-panelgrid>*>tr,
.importDialogTable.ui-panelgrid .ui-panelgrid-cell {
    padding-top: 0;
    padding-bottom: 0;
}

tr .importDialog-info {
    font-size: 0.6em;
    padding-top: 0
}

/** AUTOCOMPLETE **/

.notificationsCompose .ui-autocomplete-multiple-container {
    width : 762px !important;
}



.textWithToolTip {
	cursor:help
}

.preformatted {
    white-space: pre-wrap;
}

.preformatted.xmlView {
	font-family:'Courier New', Courier, 'Lucida Sans Typewriter', 'Lucida Typewriter', monospace;
}


.companyHeaderGrid.ui-panelgrid>*>tr,
.companyHeaderGrid.ui-panelgrid .ui-panelgrid-cell {
    border: none;
}

.ui-menuitem-text {
	width: inherit;
}

/** Style for the icons inside a button **/
.ui-button-icon-only .ui-icon.fa, .ui-button-text-icon-left .ui-icon.fa, .ui-button-text-icon-right .ui-icon.fa {
	margin-top: -6px;
}

/** Style for disabled elements in the GUI **/

form[id*='editForm'] .ui-state-disabled, #editDialogForm .ui-state-disabled, form[id*='editForm'] div.ui-state-disabled label,
#editForm div.ui-state-disabled .ui-selectonemenu-label, #editForm li.ui-state-default.ui-corner-top.ui-state-disabled,
#editDialogForm div.ui-state-disabled .ui-selectonemenu-label {
	color: black;
	background-color: rgb(235, 235, 228);
 	opacity: 1;
/* 	filter: alpha(opacity=100); For IE8 and earlier */
}

#editForm li.ui-state-default.ui-corner-top.ui-state-disabled > a {
	cursor: not-allowed !important;
}

#editForm button:disabled {
    cursor: not-allowed !important;
}

#editForm .ui-chkbox-box.ui-widget.ui-corner-all.ui-state-default.ui-state-disabled {
    cursor: not-allowed !important;
}

#actionButtonWrap button:disabled {
	cursor: not-allowed !important;
}

/** Disables all buttons inside the div **/
.disabledDiv {
 	pointer-events: none;
 	cursor: pointer;
}

/** Color for the hyperlink **/

a.hyperlink:link {
	color: blue !important;
}
a.hyperlink:visited {
	color: #609;
}

/** TOOLTIP **/

.ui-tooltip {
    max-width: 400px;
    white-space: pre-wrap;
    text-align: justify;
}

/** ACCORDION **/

.ui-accordion .ui-accordion-header{
	background: #f6f7f9;
}

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

/** LABEL **/

.error_message {
    color: #F00;
}

.warningText {
	color: red;
	text-decoration: underline;
	margin-bottom: 0.67em;
	font-size: 2em;
	font-weight: bold;
	display: block;
}

/** DATALIST **/

.datalist_noBorders .ui-widget-content {
	border:none;
    background: none;
}

.datalist_noBorders .ui-widget-content ol {
	padding-left: 0;
}


/** PANEL **/

.disabled > .ui-panel-content {
   pointer-events: none;
   cursor: not-allowed;
   opacity: 0.4;
   filter: alpha(opacity=40); /* msie */
}

/** PANELGRID **/

.cronValidatorPanel {
	width: 100%;
}
.cronValidatorPanel td {
    vertical-align:text-top;
}
.cronValidatorPanel tr td:first-child {
    width: 15em;
}

div .footNote {
	position: absolute;
	bottom: 0;
	font-size: 0.9em;
}

.panelGridNoBorder > div {
	border: none;
}

/*BUTTONS */

button.secondary {
    background-color: #F3F3F3 !important;
    background-image: none !important;
    border-color: #CCCCCC !important;
    color: #5F8DAF !important;
}

/** BUTTON STATES PERMISSIONS **/

.imgBlocked {
    background: url(../images/status_blocked.png) no-repeat center;
    background-color: Transparent;
    border: none;
    cursor:pointer;
    overflow: hidden;
    outline:none;
    width: 18px;
    height: 18px;
}

.imgOnlyRead {
    background: url(../images/eye.png) no-repeat center;
    background-color: Transparent;
    border: none;
    cursor:pointer;
    overflow: hidden;
    outline:none;
    width: 18px;
    height: 18px;
}

.imgWrite {
    background: url(../images/status_normal.png) no-repeat center;
    background-color: Transparent;
    border: none;
    cursor:pointer;
    overflow: hidden;
    outline:none;
    width: 18px;
    height: 18px;
}

/** BUTTON MESSAGE IN MENU **/

.container {
    position:relative;
}

.container .round-button {
	padding: 1px 10px;
    -moz-border-radius: 100px;
    -webkit-border-radius: 100px;
    border-radius: 100px;
    -moz-box-shadow: 0px 0px 2px #00557E;
    -webkit-box-shadow: 0px 0px 2px #00557E;
    box-shadow: 0px 0px 2px #00557E;
    background:#2367bc;
    margin-right: 10px;
    right:0;
    /* bottom:0;  */
    top:0;
    position:absolute;
    /* display: inline-flex; */
}
.round-button label {

	text-align:center;
	color:#e2eaf3;
    font-family:Verdana;
    font-size:0.8em !important;
    font-weight:bold;
    text-decoration:none;
}

/** TABLE **/

/** general css table **/
.cubicTable tr td {
    height: 20px;
}

.cubicTable .ui-radiobutton .ui-radiobutton-box {
	border-radius: 10px !important;
}

.cubicTable span.ui-radiobutton-icon.ui-icon.ui-icon-bullet.ui-c {
	background-image: url("../../javax.faces.resource/images/ui-icons_333333_256x240.png.jsf?ln=primefaces-bootstrap");
	margin-left: 0.9px !important
}

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

.cubicTable.ui-panelgrid>*>tr,
.cubicTable.ui-panelgrid .ui-panelgrid-cell {
	/* to make the table use multiple lines on long text using css */
   word-wrap: break-word;
   word-break:break-all;
}

.cubicTable2.ui-panelgrid>*>tr,
.cubicTable2.ui-panelgrid .ui-panelgrid-cell {
	/* to make the table use multiple lines on long text using css */
   word-wrap: break-word;
}


/** table with middle align **/

.dataTableVerticalAlign td > * {
    vertical-align : middle;
}

/** table without borders and transparent **/

.dataTableTransparent.ui-panelgrid>*>tr,
.dataTableTransparent.ui-panelgrid .ui-panelgrid-cell {
    border: none;
    background-color: transparent;
}

.dataTableProperties {
	background-color: transparent;
}

.dataTableProperties thead tr {
	display: none;
}
.dataTableProperties td {
	/*background-color: white;*/
}


.tableCenter td {
	text-align: center;
}

/** table without header **/

.hide-column-names thead tr {
    display: none;
}

.table-column-group thead tr th {
	cursor: default;
	background: #f5f5f5 none !important;
	color: #333333 !important;
}

.dataTableFirstSearch .ui-datatable-tablewrapper tbody tr.ui-datatable-empty-message {
	color: red;
}

/** Topic table **/
.columnWithNumber {
	width:3%;
	text-align:center
}

/** First column format  **/
.column1Class {
    background-color: #f5f5f5;
    border:1px solid #dddddd
}

.whiteBackGroundTable {
    background-color: white;
}

.chipKarteEinlesenTable .ui-datatable-header {
	height: 10px;
	padding: 9px 10px !important;
}

/** truncate large text in a column **/

.truncate {
    max-width: 160px;
}

.truncate > span {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;
    display: block;
    position: relative;
}

.buttonsWrap {
	background-color: transparent;
}

td.button-set {
    text-align: right;
    white-space: nowrap;
    width: 5%;
}
td.button-set button {
    margin-left: 5px;
}

/** ICONS **/

.redIcon .fa {
    color: red;
}

.blueIcon .fa {
    color: blue;
}

.whiteIcon .fa {
    color: white;
}

/* *************** */

.transparentDialogTable.ui-panelgrid>*>tr,
.transparentDialogTable.ui-panelgrid .ui-panelgrid-cell {
    border: none;
}

.header .header-elements.ui-panelgrid td, .header .header-elements.ui-panelgrid tr.ui-widget-content {
	border: 0;
	background-color: transparent;
}
.header .header-elements.ui-panelgrid td {
	padding: 2px;
}
.header .header-elements.ui-panelgrid td {
	text-align: right;
}
.header .header-elements.ui-panelgrid td.first {
	text-align: left;
}
.header .header-elements.ui-panelgrid td.second {
	padding-right: 10px;
}
.header .header-elements.ui-panelgrid td.header-logout {
	width: 80px;
	padding-left: 0px;
	padding-right: 10px;
}
.header .header-elements.ui-panelgrid td.header-help {
	width: 100px;
	padding-right: 0px;
}


.header .header-languages .current {
	border-right: 1px solid #ffffff;
	padding-left: 15px;
	padding-right: 5px;
}
.header .header-languages a {
	padding-left: 3px;
}
.header .header-welcome {
	text-align: right;
}
.header .button-logout {
	float: right;
}

/** HELP SPLITBUTTON **/

/** Icons inside the Help-SplitButton remains in the same line as the text	 **/
.ui-menu .ui-helper-reset .help-menuButton-item .ui-menuitem-text {
	float: none !important;
}

.ui-menu .ui-helper-reset .help-menuButton-item .ui-menuitem-icon {
	padding-top: 2px;
}

/** MAIN MENU **/

.sidebar-navi.ui-panelmenu .ui-panelmenu-header a {
	text-decoration: none;
	color: black !important;
}

.sidebar.ui-layout-unit {
	padding: 0;
}
.sidebar-navi.ui-menu {
	width: 100% !important;
	border: 0;
	padding: 0;
}
.sidebar.ui-layout-unit .ui-layout-unit-content {
	padding: 0;
}
.sidebar-navi.ui-menu .ui-menu-list {
	margin: 0 0.2em 0.2em 0.3em;
	padding-top: 0.3em;
}

.sidebar-navi .ui-widget-content .ui-state-hover {
	background-image: linear-gradient(to bottom, #0088cc, #0077b3) !important;
	color: white;
	background-position: 0;
}

/** NOTIFICATIONS MENU **/

#navform .notificationsSubMenu span.ui-menuitem-text {
	padding-left: 7%;
	width: 90%;
}

#navform  a.ui-menuitem-link.ui-corner-all.ui-state-active {
	color: white;
	background-color:#65B8E1;
}

/** **/

.footer.ui-widget-content, .footer.ui-widget-content .ui-widget-content {
	border: 0;
	background-color: transparent;
	background-image: none;
}
.footer-right {
	float: right;
}
.main-content {
	margin: 0 10px;
}
.main-content.no-margin {
	margin: 0;
}

/* top links */
.header .ui-layout-unit-content .header-toplinks {
	position: absolute;
	bottom: -1px;
	right: 10px;
	text-align: right;
}
.header .ui-layout-unit-content .header-toplinks a {
	border-right: 1px solid #FFFFFF;
	padding-right: 5px;
	padding-left: 5px;
	color: #ffffff;
	text-decoration: none;
	line-height: 1em;
}
.header .ui-layout-unit-content .header-toplinks a.last {
	border-right: none;
	padding-right: 0;
}
.header .ui-layout-unit-content .header-toplinks a.current {
	font-weight: bold;
}

/* design issues */
.ui-inputfield, .ui-widget-content .ui-inputfield, .ui-widget-header .ui-inputfield {
    box-shadow: none !important;
}
.ui-corner-all {
    border-radius: 2px !important;
}

/* login */
body.login {
	text-align: center;
	margin: 0;
}
body.login .login-form {
	margin: 15% auto 0 auto;
	width: 300px;
	text-align: left;
}
body.login .login-form table {
	-moz-box-shadow: 0 0 5px #888;
	-webkit-box-shadow: 0 0 5px #888;
	box-shadow: 0 0 5px #888;
}

body.login .login-form #headerText {
    font-size: 1.2em;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-weight:bold;
}

body {
	background-color: #efefef;
	padding: 0;
}

.header img {
	margin-top: 8px;
}

.header.ui-widget-content {
	background: #2367bc;
	background: -moz-linear-gradient(top, #2367bc 0%, #10498e 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2367bc), color-stop(100%,#10498e));
	background: -webkit-linear-gradient(top, #2367bc 0%,#10498e 100%);
	background: -o-linear-gradient(top, #2367bc 0%,#10498e 100%);
	background: -ms-linear-gradient(top, #2367bc 0%,#10498e 100%);
	background: linear-gradient(to bottom, #2367bc 0%,#10498e 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2367bc', endColorstr='#10498e',GradientType=0 );

	padding: 0;
	border-radius: 0 !important;
}
.ui-layout-resizer-north {
	background: #10498e;
	z-index:-1 !important;
}
.footer.ui-widget-content, .footer.ui-widget-content .ui-widget-content {
	padding-top: 0;
}

.ui-dialog.ui-widget-content .ui-dialog-title {
    font-size: 16px;
}
/* Used as a seperator between to columns */
.ui-panelgrid-cell.spacer_cell {
	border-top-style: hidden;
	border-bottom-style: hidden;
	width: 1%;
}
/* Used as a not needed columns in a panelgrid */
.ui-panelgrid-cell.invisible_cell {
	border-bottom-style: hidden;
	border-left-style: hidden;
	border-right-style: hidden;
}
/* Used as a not needed columns in a panelgrid */
div.filter-grid div.ui-datagrid-content.ui-widget-content {
	border: 0px solid;
}
div.filter-grid div.ui-grid-row {
	flex-flow: row wrap;
}
div.filter-grid div.filter-column {
	max-width: 380px;
}
div.filter-grid div.filter-column div.filter-label {
	border-right: 1px;
	min-width: 100px;
	/*width: 100px;*/
	display: inline-block;
}
div.filter-grid div:empty.ui-datagrid-column {
	padding: 0px;
	width: 0px;
}
div.filter-column .filter-option {
	float:left;
	width:70px;
	min-width:70px;
	max-width:70px;
}
div.filter-column .filter-value {
		width:170px;
	min-width:170px;
	max-width:170px;
}

/** Date Inputs*/
div.filter-column .filter-value.ui-calendar > .ui-inputfield {
		width:170px;
	min-width:170px;
	max-width:170px;
}
div.filter-column .double-filter-value {
		width:130px;
	min-width:130px;
	max-width:130px;
}

/** Date Inputs*/
div.filter-column .double-filter-value.ui-calendar > .ui-inputfield {
		width:110px;
	min-width:110px;
	max-width:110px;
}
/** Select Inputs*/
div.filter-column .filter-value.ui-selectonemenu {
		width:156px;
	min-width:156px;
	max-width:156px;
}
/** Select Inputs*/
div.filter-column .filter-value.ui-autocomplete {
		width:156px;
	min-width:156px;
	max-width:156px;
}


div.property-label {
	min-width: 10em;
	width: 10em;
	margin-right: 5em;
	display: inline-block;
}

/** Width for checkboxes in the property table*/
table.ui-selectlistbox-list>tbody>tr>td:first-child {
	width: 5%;
}

.statusOK {
	background: green ;
}
.statusWARN {
	background: yellow ;
}
.statusERROR {
	background: red ;
}

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

.ui-input-invalid {
	border-left-color: red;
    border-left-width: 2px;
}

/** Style for active Tab */
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a {
    color: white;
    background-color: #65B8E1;
    text-shadow: none;
}

/** Menuitems of Menubutton. Avoid that the text and the icon are displayed in different lines **/
a.ervs-menuitem>span.ui-menuitem-text {
	float: none !important;
}

.ui-menu.ui-menu-dynamic {
	width: auto;
	width: 170px;
}