@CHARSET "UTF-8";

/*:root {
  --fa-font-family: "Font Awesome 6 Pro";
  --fa-font-weight: @fa-icon-font-weight;
}*/

.clearfix::before, .clearfix::after {
	content: " ";
	display: table;
}

.clearfix::after {
	clear: both;
}

.ui-autocomplete-multiple-container.ui-inputfield {
	padding: 0 !important;
}

.change {
	display: block;
}

.change .change-from {
	text-decoration: line-through;
	display: block;
}

.change .change-to {
	display: block;
}

.deviceSelection {
	display: block !important;
	width: 100% !important;
	margin-bottom: 4px !important;
}

.simpleDeviceLink {
	display: flex !important;
	align-items: center;
	text-decoration: none;
	text-align: left !important;
	font-size: 24px !important;
	padding: 0;
	margin: 0;
	width: 280px !important;
	margin-bottom: 4px;
}

.simpleDeviceLink .ui-icon {
	position: relative !important;
	margin: 0 !important;
	left: auto !important;
	right: auto !important;
	top: auto !important;
	height: auto !important;
	padding: 16px;
}

.simpleDeviceLink .ui-button-text {
	padding: 0 !important;
}

.ajax-status {
	z-index: 1000;
	display: none;
	position: fixed;
	bottom: 0;
	right: 0;
	padding: 4px;
	background: #c9c9c9;
	border-radius: 4px 0 0 0;
}

.ajax-status .fa {
	width: 36px;
	text-align: center;
}

.ui-tree {
	box-sizing: border-box;
}

.tr-inplace .ui-inplace-editor {
	display: block;
	text-align: right;
}

.tr-inplace .ui-inplace-content {
	display: flex;
}

.ui-tabs .ui-tabs-panel {
	border-width: 1px !important;
	border-top: 0 !important;
}

.tr-inplace .ui-inplace-content>*:first-child {
	min-width: 0px;
	overflow: hidden;
	margin-right: 16px;
}

.entity-status {
	display: inline-block;
	text-align: center;
	vertical-align: middle;
	width: 8px;
	height: 8px;
	border-radius: 100%;
	box-shadow: 1px 1px 1px 0px rgba(0, 0, 0, 0.25);
	background: gray;
}

.ui-selectbooleancheckbox .ui-chkbox-box, .ui-selectbooleancheckbox .ui-chkbox-label
	{
	vertical-align: middle !important;
}

.ui-chkbox-box.ui-state-hover {
	cursor: pointer;
}

.entity-status.active {
	background: rgba(59, 195, 76, 1);
	background: linear-gradient(135deg, rgba(59, 195, 76, 1) 0%,
		rgba(0, 148, 37, 1) 100%);
}

.entity-status.inactive {
	background: #d1c321;
	background: linear-gradient(135deg, #d1c321 0%, #b5a817 100%);
}

.entity-status.deleted {
	background: #d12121;
	background: linear-gradient(135deg, #d12121 0%, #b51717 100%);
}

.ui-treenode-leaf-icon {
	height: auto !important;
}

.ui-tabs {
	padding: 0 !important;
}

.ui-tabs .ui-tabs-nav li {
	float: none !important; /* theme fix */
}

.ui-breadcrumb .ui-state-disabled {
	opacity: inherit !important;
	filter: inherit !important;
}

.ui-datatable.hide-all-selection th.ui-selection-column .ui-chkbox {
	visibility: hidden;
}

.ui-datatable.hide-header thead {
	visibility: hidden;
}

.ui-datatable-tablewrapper {
	overflow: visible !important;
}

.ui-datatable .ui-datatable-footer {
	padding: 0 !important;
	border: 0 !important;
	text-align: inherit !important;
	font-weight: inherit !important;
	text-shadow: inherit !important;
}

.ui-datatable .ui-datatable-footer .ui-datatable thead {
	display: none !important;
}

.ui-datatable.hide-header thead * {
	font-size: 0px !important;
	border: none !important;
	margin: 0px !important;
	line-height: 0px !important;
	padding: 0px !important;
	height: 0px !important;
}

.ui-datatable tr.deleted {
	background: #ff4c4c;
}

body, .ui-widget, .ui-widget .ui-widget {
	font-family: Formular Light, sans-serif;
	font-size: 14px;
}

.ui-inplace-display.ui-state-highlight {
	border: 1px solid #14A4FF;
	background: none;
	color: #14A4FF;
}

.ui-menu {
	box-sizing: border-box;
	width: 100% !important;
}

.ui-menu a {
	width: 100% !important;
	box-sizing: border-box;
}

.ui-menu .ui-menu-parent .ui-menu-child {
	width: 24em !important;
}

.left {
	float: left;
}

.right {
	float: right;
}

.clear {
	clear: both;
}

.italic {
	font-style: italic;
}

.enum-order-list, .enum-order-list .ui-orderlist-list {
	width: 100% !important;
}

/* error view */
.errorView {
	max-width: 533px;
	margin: 20px auto;
}

.error-view .icon {
	margin-top: 18px;
}

/* logon view */
.logonView {
	max-width: 533px;
	margin: 20px auto;
}

.logonCol1 {
	width: 120px;
}

.logonCol2 {
	width: 350px;
}

/* layout main units */
.applicationTitleView {
	text-align: center;
	font-size: 17px;
	font-weight: bold;
	line-height: 30px;
}

.applicationTitleImg {
	height: 80px;
	width: auto;
}

.topicView {
	
}

.contentView {
	
}

.divider {
  	font-size: 90%;
  	display: flex;
 	align-items: center;
 	margin-top: 12px;
 	margin-bottom: 8px;
}

.divider::before, .divider::after {
  	flex: 1;
  	content: '';
  	padding-top: 1px;
  	padding-bottom: 1px;
  	background-color: #09090929;
  	margin: 5px;
}

.ui-fileupload.simple {
	display: inline-block;
}

.ui-fileupload.simple .ui-fileupload-buttonbar {
	background: none;
	border: none;
	padding: 0;
}

.ui-fileupload.simple .ui-fileupload-content {
	display: none;
}

.ui-fileupload-simple .ui-button, .ui-fileupload-simple .ui-fileupload-filename
	{
	vertical-align: middle;
}

.ui-panel.without-border {
	border: 0;
	padding: 0;
}

/* print */
.ui-panelgrid.panel-grid-print {
	width: 100%;
}

.ui-panelgrid.panel-grid-print>tbody>tr {
	border: none;
}

.ui-panelgrid.panel-grid-print>tbody>tr>td.ui-panelgrid-cell {
	border: none;
	padding: 0;
	padding-right: 4px;
	padding-left: 4px;
	vertical-align: top;
}

.ui-panelgrid.panel-grid-print>tbody>tr>td.ui-panelgrid-cell:first-child
	{
	padding-left: 0;
}

.ui-panelgrid.panel-grid-print>tbody>tr>td.ui-panelgrid-cell:last-child
	{
	padding-right: 0;
}

/* general definitions */
.viewTitleMainBreadCrump {
	font-size: 14px;
	/*font-weight: bold;*/
}

.viewTitle {
	text-align: left;
	padding-left: 8px;
	padding-top: 7px;
	padding-bottom: 7px;
	display: block;
	font-size: 13px;
	/*font-weight: bold;*/
}

.detailViewSeparator {
	
}

.detailViewSeparatorText {
	line-height: 2;
	margin-left: 10px;
}

/* Top Info Bar */
.topBarTenantPathHeader {
	width: 100px;
}

.topBarTenantPath {
	width: 70%;
	display: inline-block;
	text-align: left;
}

.topBarLoginInfo {
	width: 180px;
	display: inline-block;
	text-align: right;
}

.topBarLogout {
	width: 100px;
}

.topBarLable {
	/* font-weight: bold; */
	margin-right: 8px;
	margin-left: 8px;
}

.topBarData {
	font-style: italic;
}

.topBarThemeSwitcher {
	width: 145px !important;
}

.topBarLogout {
	margin-left: 8px;
}

/* Styles for Detail views */
.detailViewOverlay {
	width: 280px;
}

.detailViewFieldWithAction1 {
	width: 257px !important;
}

.detailViewFieldWithAction2 {
	width: 227px !important;
}

.detailViewFieldWithAction3 {
	width: 197px !important;
}

.detailViewLazySelect {
	width: 257px !important;
}

.detailViewColPropertyIcon {
	width: 50px;
	text-align: center;
}

.detailViewColPropertyDomain {
	width: 100px;
	text-align: left;
}

.detailViewColPropertyKey {
	width: 250px;
	text-align: right;
}

.detailViewColPropertyValue {
	width: auto;
}

.detailViewCol1 {
	vertical-align: top;
	padding-top: 6px;
	padding-bottom: 6px;
	width: 150px;
	text-align: right;
}

.detailViewCol2 {
	width: 300px;
	text-align: left;
	vertical-align: top;
}

.detailViewCol2Dialog {
	width: 350px;
	text-align: left;
	vertical-align: top;
}

.detailViewCol2.noPadding {
	padding: 0;
}

.detailViewCol2Extended {
	text-align: left;
	vertical-align: top;
	width: 758px; /* 750 + 2 * 4 (padding) */
}

.detailViewCol3 {
	vertical-align: top;
	padding-top: 6px;
	padding-bottom: 6px;
	width: 150px;
	text-align: right;
}

.detailViewCol3Extended {
	width: 454px; /* 750 + 1 * 4 (padding) */
	text-align: left;
	vertical-align: top;
}

.detailViewCol4 {
	width: 300px;
	text-align: left;
	vertical-align: top;
}

.detailViewColBig {
	width: auto;
	text-align: left;
}

.detailViewLable {
	
}

.detailViewInputField {
	width: -webkit-fill-available;
	margin: 5px !important;
	height: 25px;
}

.detailViewPanel {
	margin-top: -33px;
	margin-bottom: 30px;
}

.detailViewField, .ui-inputnumber.detailViewField input,
	.ui-autocomplete.detailViewField input, .ui-calendar.detailViewField input
	{
	width: 100% !important;
	box-sizing: border-box;
}

.ui-calendar.detailViewField {
	border-spacing: 0;
}

.ui-calendar.detailViewField>.ui-calendar-input-datetime {
	width: 185px;
	padding-right: 2px;
}

.ui-calendar.detailViewField>.ui-calendar-input-date {
	width: 100% !important;
	display: block;
}

.defaultErrorOverviewText {
	display: inline-block;
	margin-top: 10px;
	margin-bottom: 10px;
	font-weight: bold;
	font-size: 1.1em;
}

.defaultErrorCol1 {
	width: 100px;
}

.defaultErrorCol2 {
	width: 100%;
}

.borderless {
	border: none;
	padding: 0;
	margin: 0;
}

.inplaceColumn table {
	border: none !important;
	border-color: none !important;
}

.inplaceColumn table td {
	border: none !important;
	border-color: none !important;
}

.idColumn {
	width: 55px;
}

.idColumn .ui-column-filter {
	width: 47px !important;
}

.ui-column-customfilter .ui-inputnumber>.ui-inputfield {
	width: 100%;
	box-sizing: border-box;
}

.statusColumn {
	width: 55px;
	text-align: center;
}

.actionsColumn {
	width: 50px;
	text-align: center;
}

.actionsColumnLarge {
	width: 120px;
	text-align: center;
}

.definitionVisibleColumn, .definitionTypeVisibleColumn,
	.definitionMandatoryColumn {
	width: 70px;
	text-align: center;
}

.definitionPriorityColumn {
	width: 70px;
	text-align: center;
}

.definitionPriorityColumn input {
	width: 50px;
}

.idColumnFilter {
	width: 55px !important;
}

.tableNoBorder {
	width: auto !important;
}

.tableNoBorder td, .tableNoBorder th, .tableNoBorder tr {
	border: none !important;
}

.fa {
	font-weight: normal !important;
}

.ui-dialog.hide-header .ui-dialog-titlebar {
	display: none;
}

.ui-confirm-dialog>.ui-dialog-titlebar {
	margin: 0px !important;
}

.ui-confirm-dialog>.ui-dialog-titlebar>.ui-dialog-titlebar-icon {
	top: 4px !important;;
	right: 4px !important;;
}

.ui-confirm-dialog>.ui-dialog-buttonpane>.ui-button {
	margin: 0.3em 0.0em 0.3em 0.5em !important;
}

.ui-confirm-dialog>.ui-dialog-content>span {
	float: none !important;
	display: inline !important;
	vertical-align: middle !important;
}

.red {
	color: red !important;
}

.RedButton {
	background-color: #E53935 !important;
	color: white !important;
	border: 0 none !important;
}

.RedButton.ui-state-hover, .RedButton.ui-state-focus {
	background-color: #EA5753 !important;
	border: 0 none !important;
}

html body .spacer-bottom {
	margin-bottom: 1em !important;
}

html body .spacer-bottom2 {
	margin-bottom: 1.5em !important;
}

html body .spacer-bottom3 {
	margin-bottom: 2em !important;
}

/* INNER TABLE */
td.inner-table {
	padding: 0px !important;
}

td.inner-table>div>div>table {
	border-collapse: collapse;
	border-style: hidden;
}

td.inner-table>div>div>table>thead {
	display: none;
	visibility: hidden;
}

td.inner-table>div>div>table>tbody {
	border: none;
}

td.inner-table>div>div>table>thead th, td.inner-table>div>div>table>tbody>tr>td
	{
	border: 1px solid rgb(213, 213, 213);
}

.datatable-no-header thead {
	visibility: hidden;
}

.datatable-no-header thead tr th {
	padding: 0;
}

.datatable-no-border, .datatable-no-border tbody, .datatable-no-border tr,
	.datatable-no-border td, .datatable-no-border th {
	border: none !important;
}

/* component group */
.component-group {
	display: inline-block;
	width: 100%;
}

.component-group.contains-postfix .ui-inputfield {
	-moz-border-radius-topright: 0px;
	-webkit-border-top-right-radius: 0px;
	-khtml-border-top-right-radius: 0px;
	border-top-right-radius: 0px;
	-moz-border-radius-bottomright: 0px;
	-webkit-border-bottom-right-radius: 0px;
	-khtml-border-bottom-right-radius: 0px;
	border-bottom-right-radius: 0px;
	border-right: none;
}

.component-group.contains-prefix .ui-inputfield {
	-moz-border-radius-topleft: 0px;
	-webkit-border-top-left-radius: 0px;
	-khtml-border-top-left-radius: 0px;
	border-top-left-radius: 0px;
	-moz-border-radius-bottomleft: 0px;
	-webkit-border-bottom-left-radius: 0px;
	-khtml-border-bottom-left-radius: 0px;
	border-bottom-left-radius: 0px;
	border-left: none;
}

.component-group label {
	border: 1px solid #d3d3d3;
	background: #D7D7D7;
	-moz-box-shadow: inset 0 2px 2px #8f8f8f;
	-webkit-box-shadow: inset 0 2px 2px #8f8f8f;
	box-shadow: inset 0 2px 2px #8f8f8f;
	color: #222222;
	margin: 0;
	outline: medium none;
	padding: 4px;
	font-family: Arial, Helvetica, sans-serif;
}

.component-group label.prefix {
	-moz-border-radius: 4px 0px 0px 4px;
	-webkit-border-radius: 4px 0px 0px 4px;
	-khtml-border-radius: 4px 0px 0px 4px;
	border-radius: 4px 0px 0px 4px;
	border-right: none;
}

.component-group label.postfix {
	-moz-border-radius: 0px 4px 4px 0px;
	-webkit-border-radius: 0px 4px 4px 0px;
	-khtml-border-radius: 0px 4px 4px 0px;
	border-radius: 0px 4px 4px 0px;
	border-left: none;
}

.ui-datatable .ui-datatable-data td.ui-cell-editing {
	background: none;
	border: none;
	-webkit-box-shadow: inset 4px 0px 0px 0px #14A4FF;
	-moz-box-shadow: inset 4px 0px 0px 0px #14A4FF;
	box-shadow: inset 4px 0px 0px 0px #14A4FF;
}

.ui-datatable .ui-datatable-data td.ui-cell-editing .ui-cell-editor .ui-cell-editor-input input
	{
	border: none;
	background: none;
	box-shadow: none;
	padding: 4px 10px;
}

/* DEVICE LINK */
.scrollable-tree>.ui-tree-container {
	height: 200px;
}

.device-link-tree {
	display: inline-block;
	vertical-align: middle
}

.device-link-tree>.ui-tree-container {
	height: 200px;
}

/*DEVICE LINK DIAGRAM*/
._jsPlumb_endpoint {
	cursor: pointer;
}

.device-link-container {
	display: block;
	height: 400px;
}

.device-link-container::after {
	display: table;
	clear: both;
	content: " ";
}

.device-link-container .ui-tree, .device-link-container .device-link-diagram-container
	{
	-ms-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	float: left;
	height: 100%;
}

.device-link-container .ui-tree>.ui-tree-container {
	-ms-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	height: 100%;
}

.device-link-container .ui-tree {
	width: 320px;
}

.device-link-container .device-link-diagram-container {
	width: 100%;
	margin-left: -320px;
	margin-right: -320px;
	padding-left: 320px;
	padding-right: 320px;
	text-align: center;
}

.device-link-diagram-header {
	display: inline-block;
	position: relative;
	height: 40px;
	width: 730px;
}

.device-link-diagram-header .ui-selectcheckboxmenu {
	box-sizing: border-box;
}

.device-link-diagram-legend {
	position: absolute;
	top: 40px;
	z-index: 900;
}

.device-link-diagram {
	display: inline-block;
	-ms-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	width: 730px;
	height: 360px;
	padding: 3px;
}

.device-link-diagram .ui-diagram-element {
	background: #ebedf0;
	border: 1px solid #d9d9d9;
}

.device-link-diagram .ui-diagram-element.other-facility {
	background: url("/iPCA/javax.faces.resource/images/bg-diagonals.png.xhtml");
}

.device-link-diagram .ui-diagram-element .element-container {
	-ms-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	display: block;
	position: relative;
	width: 200px;
	box-shadow: 0 5px 10px rgba(0, 0, 0, 0.8);
}

.device-link-diagram .ui-diagram-element .element-container .header-container
	{
	display: inline-block;
	text-align: left;
	vertical-align: middle;
	width: 168px;
	max-height: 32px;
	overflow-y: auto;
}

.device-link-diagram .ui-diagram-element .element-container .image-container
	{
	display: inline-block;
	text-align: center;
	vertical-align: middle;
	height: 32px;
	width: 32px;
}

.device-link-diagram .ui-diagram-element .element-container .image-container img
	{
	max-width: 100%;
	max-height: 100%;
}

.width10 {
	width: 10%;
}

.width20 {
	width: 20%;
}

.width30 {
	width: 30%;
}

.width40 {
	width: 40%;
}

.width50 {
	width: 50%;
}

.width60 {
	width: 60%;
}

.width70 {
	width: 70%;
}

.width80 {
	width: 80%;
}

.width90 {
	width: 90%;
}

.width100 {
	width: 100%;
}

.ui-widget-content .ui-inputfield.placeholder-listbox {
	border: none;
	box-shadow: none;
	margin: 0;
	padding: 0;
	width: 100%;
	background: #F9F9FC;
	border-bottom: 1px solid lightgrey;
}

.ui-widget-content .ui-inputfield.placeholder-listbox .ui-selectlistbox-listcontainer
	{
	height: auto !important;
}

.ui-widget-content .ui-inputfield.placeholder-listbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item
	{
	display: inline-block;
	margin: 0;
	padding: 5px;
	border-radius: 0px;
}

.ui-selectonemenu-filter-container {
	width: 100%;
}

.ui-treetable-scrollable-theadclone input {
	display: none !important;
}

.ui-treetable-scrollable-body {
	overflow: scroll !important;
}

.ui-fieldset, .ui-fieldset .ui-fieldset-legend {
	padding: .2em 1em !important;
}

.ui-treetable.export-tree {
	padding: 0;
	border: none;
}

.ui-tree.export-tree.export-tree .ui-treenode-content {
	display: block;
	height: 22px;
}

.ui-treetable.export-tree thead {
	display: none;
}

.ui-treetable.export-tree tbody td {
	padding: 0;
	border-color: transparent !important;
}

.ui-tree.without-highlight .ui-state-highlight {
	border: inherit;
	background: inherit;
	color: inherit;
}

.ui-treetable.without-highlight tr.ui-state-highlight {
	border: inherit;
	background: inherit;
	color: inherit;
	background: inherit;
}

.ui-treetable.without-highlight .ui-state-highlight .ui-icon {
	background-image: url(/iPCA/javax.faces.resource/images/ui-icons_888888_256x240.png.xhtml?ln=primefaces-delta);/
}

.export-container {
	padding: 4px;
	border-radius: 4px;
	border: 1px solid #D5D5D5;
}

.Card:before, .Card:after {
	content: "";
	display: table;
	border-collapse: collapse;
}

.Card:after {
	clear: both;
}

div.Card {
	display: block;
	background-color: #ffffff;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	color: #333333;
	-webkit-box-shadow: 0px 1px 2px 0px rgba(43, 59, 93, 0.4);
	-moz-box-shadow: 0px 1px 2px 0px rgba(43, 59, 93, 0.4);
	box-shadow: 0px 1px 2px 0px rgba(43, 59, 93, 0.4);
}

div.Card.CardIndent {
	margin: 0 5px 10px;
}

div.Card.CardImage a.CardWrapper div.CardIconContainer, div.Card.CardImage div.CardWrapper div.CardIconContainer
	{
	padding: 0;
}

div.Card.CardImage a.CardWrapper div.CardIconContainer img, div.Card.CardImage div.CardWrapper div.CardIconContainer img
	{
	max-width: 170px;
}

div.Card.FullHeight {
	height: 100%;
}

div.Card.ui-state-highlight {
	border: 3px solid #08adee;
}

div.Card.HoverEffect, div.Cardhtml body .ui-button.ui-button-big {
	outline: 3px solid transparent;
}

div.Card.HoverEffect:hover, div.Cardhtml body .ui-button.ui-button-big:hover
	{
	-webkit-transition: none;
	-moz-transition: none;
	-ms-transition: none;
	-o-transition: none;
	transition: none;
	opacity: 1.0;
	outline: 3px solid #0898d1;
}

div.Card.Hover {
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

div.Card.Hover:hover {
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
	box-shadow: 0 19px 38px rgba(43, 59, 93, 0.3), 0 15px 12px
		rgba(43, 59, 93, 0.22);
}

div.Card h1 {
	background-color: transparent;
	font-size: 20px;
	color: #333333;
	padding: 0;
	text-align: center;
	margin: 1em 0 2em !important;
}

div.Card .ui-separator {
	margin-left: 0;
	margin-right: 0;
}

div.Card div.CardFooter {
	border-top: solid 1px #e0e0e0;
	margin: 0;
	padding: 0;
	overflow: hidden;
	display: block;
	clear: both;
}

div.Card div.CardFooter .ui-button.ui-button-big {
	margin: 10px;
}

div.Card div.CardFooter .ui-selectbooleancheckbox {
	display: inline-block;
	float: right;
	padding: 10px;
	border-left: solid 1px #e0e0e0;
}

div.Card div.CardFooter .ui-button:not(.ui-button-big ):not(.ui-button-plain) .ui-icon,
	div.Card div.CardFooter .ui-button:not(.ui-button-big ):not(.ui-button-plain ) .fa
	{
	margin-top: -12px !important;
	margin-left: 0px;
}

div.Card div.CardFooter .ui-menubutton {
	display: inline-block;
	float: right;
}

div.Card div.CardFooter .ui-menubutton .ui-button {
	padding: 0px !important;
	min-height: 44px !important;
}

div.Card div.CardFooter .ui-button:not(.ui-button-big ):not(.ui-button-plain ),
	div.Card div.CardFooter .CardFooterBtn {
	padding: 10px;
	margin: 0;
	display: inline-block;
	float: right;
	min-height: 24px;
	border-left: solid 1px #e0e0e0;
	background: transparent none;
	color: #0898d1;
	-webkit-border-radius: 0 !important;
	-moz-border-radius: 0 !important;
	border-radius: 0 !important;
	-moz-background-clip: padding !important;
	-webkit-background-clip: padding-box !important;
	background-clip: padding-box !important;
}

div.Card div.CardFooter .ui-button:not(.ui-button-big ):not(.ui-button-plain ).Fleft,
	div.Card div.CardFooter .CardFooterBtn.Fleft {
	border-right: solid 1px #e0e0e0;
	border-left: none;
}

div.Card div.CardFooter .ui-button:not(.ui-button-big ):not(.ui-button-plain):not(.ui-state-disabled ):hover,
	div.Card div.CardFooter .CardFooterBtn:not(.ui-state-disabled ):hover {
	background-color: #f5f5f5;
	color: #000000;
}

div.Card div.CardFooter .ui-button:not(.ui-button-big ):not(.ui-button-plain) .ui-icon,
	div.Card div.CardFooter .CardFooterBtn .ui-icon, div.Card div.CardFooter .ui-button:not(.ui-button-big ):not(.ui-button-plain ) .fa,
	div.Card div.CardFooter .CardFooterBtn .fa {
	font-size: 24px;
	line-height: 24px;
	vertical-align: middle;
}

div.Card div.CardFooter .ui-button:not(.ui-button-big ):not(.ui-button-plain 
	 ) span.HoverText, div.Card div.CardFooter .CardFooterBtn span.HoverText
	{
	display: none;
}

div.Card div.CardFooter .ui-button:not(.ui-button-big ):not(.ui-button-plain 
	 ):hover span.HoverText, div.Card div.CardFooter .CardFooterBtn:hover span.HoverText
	{
	display: inline-block;
}

div.Card div.CardWrapper, div.Card a.CardWrapper {
	margin: 0px;
	padding: 0px;
	width: 100%;
	color: #333333 !important;
	text-decoration: none !important;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-flex-wrap: nowrap;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-webkit-justify-content: flex-start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-align-content: stretch;
	-ms-flex-line-pack: stretch;
	align-content: stretch;
	-webkit-align-items: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
}

div.Card div.CardWrapper:hover, div.Card a.CardWrapper:hover {
	color: #333333 !important;
	text-decoration: none !important;
}

div.Card div.CardWrapper div.CardIconContainer, div.Card a.CardWrapper div.CardIconContainer
	{
	background-color: #6bc1e3;
	color: #0898d1 !important;
	padding: 10px;
	-webkit-order: 0;
	-ms-flex-order: 0;
	order: 0;
	flex-grow: 1;
	-webkit-flex-grow: 1;
	-ms-flex-grow: 1;
	flex-shrink: 0;
	-webkit-flex-shrink: 0;
	-ms-flex-shrink: 0;
	flex-basis: auto;
	-webkit-flex-basis: auto;
	-ms-flex-basis: auto;
	-webkit-align-self: auto;
	-ms-flex-item-align: auto;
	align-self: auto;
}

div.Card div.CardWrapper div.CardIconContainer span, div.Card a.CardWrapper div.CardIconContainer span,
	div.Card div.CardWrapper div.CardIconContainer i, div.Card a.CardWrapper div.CardIconContainer i
	{
	margin: 20px 10px;
	display: block;
	font-size: 100px;
	width: 1.28571429em !important;
	text-align: center !important;
}

div.Card div.CardWrapper div.CardIconContainer img, div.Card a.CardWrapper div.CardIconContainer img
	{
	margin: 0;
	display: block;
	max-width: 150px;
}

div.Card div.CardWrapper div.CardTextContainer, div.Card a.CardWrapper div.CardTextContainer
	{
	padding: 10px;
	box-sizing: border-box;
	color: #333333;
	width: 100%;
	-webkit-order: 0;
	-ms-flex-order: 0;
	order: 0;
	flex-grow: 1;
	-webkit-flex-grow: 1;
	-ms-flex-grow: 1;
	flex-shrink: 1;
	-webkit-flex-shrink: 1;
	-ms-flex-shrink: 1;
	flex-basis: auto;
	-webkit-flex-basis: auto;
	-ms-flex-basis: auto;
	-webkit-align-self: auto;
	-ms-flex-item-align: auto;
	align-self: auto;
}

div.Card div.CardWrapper div.CardTextContainer div.CardTopic, div.Card a.CardWrapper div.CardTextContainer div.CardTopic
	{
	font-size: 18px;
	font-wight: 300;
	margin: 0px -10px 10px -10px;
	padding: 5px 0 15px 10px;
	width: auto;
	display: block;
	color: #333333;
	border-bottom: 1px solid #e0e0e0;
}

div.Card div.CardLinkContainer {
	display: block;
	float: right;
	min-width: 350px;
	margin-left: 5px;
}

div.Card div.CardLinkContainer a {
	display: block;
	padding: 0.25em 0;
}

@media ( min-width :481px) and (max-width: 640px) , ( max-width : 480px)
	{
	div.Card h1 {
		font-size: 1.5em;
		margin: 0.5em 0 1em !important;
	}
	div.Card .CardFooterBtn:hover span.HoverText {
		display: none;
	}
	div.Card div.CardLinkContainer {
		float: none;
	}
}

@media ( min-width : 961px) and (max-width:1400px) {
	div.Card .CardFooterBtn.Responsive100 {
		float: right !important;
		width: auto !important;
	}
}

@media ( max-width : 480px) , ( min-width :481px) and (max-width: 640px) , (
		min-width : 640px) and (max-width: 960px) {
	div.Card .CardFooterBtn.Responsive100 {
		display: block !important;
		width: 100% !important;
		float: none !important;
		margin: 0px 0px 0px -10px !important;
		border-left: none;
		border-bottom: solid 1px #e0e0e0;
	}
	div.Card .CardFooterBtn.Responsive100::first-child {
		margin-top: -10px !important;
	}
}

@media ( max-width : 480px) {
	div.Card {
		position: relative;
	}
	div.Card div.CardWrapper, div.Card a.CardWrapper {
		display: block;
	}
	div.Card div.CardWrapper div.CardIconContainer, div.Card a.CardWrapper div.CardIconContainer
		{
		display: block;
		float: none;
		width: 100%;
		overflow: hidden;
		max-height: 150px;
		box-sizing: border-box;
		padding-left: 10px;
		padding-right: 10px;
	}
	div.Card div.CardWrapper div.CardIconContainer span, div.Card a.CardWrapper div.CardIconContainer span,
		div.Card div.CardWrapper div.CardIconContainer i, div.Card a.CardWrapper div.CardIconContainer i
		{
		margin: 0 auto;
		padding: 0;
		text-align: center;
		width: 100% !important;
		box-sizing: border-box;
	}
	div.Card div.CardWrapper div.CardIconContainer img, div.Card a.CardWrapper div.CardIconContainer img
		{
		box-sizing: border-box;
		margin: 0 auto;
		max-width: none;
		max-height: none;
	}
	div.Card div.CardWrapper div.CardIconContainer img.cover, div.Card a.CardWrapper div.CardIconContainer img.cover
		{
		width: 100%;
	}
	div.Card div.CardWrapper div.CardTextContainer, div.Card a.CardWrapper div.CardTextContainer
		{
		display: block;
		width: 100%;
	}
	div.Card div.CardWrapper div.CardTextContainer .button-bar, div.Card a.CardWrapper div.CardTextContainer .button-bar
		{
		position: absolute;
		right: 0;
		top: -45px;
	}
	div.Card div.CardLinkContainer {
		display: block;
		width: 100%;
		min-width: none;
		float: none;
	}
	div.Card div.CardFooter {
		margin: 0;
		padding: 0;
		display: block;
		height: auto;
	}
	div.Card div.CardFooter .ui-button.ui-button-next {
		margin: 0;
		font-size: 1.6em;
		width: 100%;
		box-sizing: border-box;
		float: none !important;
	}
}

.example-value {
	background: #f6f6e4;
	border: 1px solid rgb(166, 166, 172);
	box-shadow: inset 0 2px 2px #8f8f8f;
	display: block;
	padding: 4px;
	border-radius: 4px;
	margin-top: -6px;
	padding-top: 8px;
}

#eventConfigs {
  display: inline;
  list-style: none;
  padding-inline-start: 10px;
}

#eventConfigs li {
  display: inline;
}

ul#eventConfigs li:not(:last-child):after {
    content: ", ";
}

#selectedSoundFileAttachment .detailViewFieldWithAction1 {
	width: 289px !important;
}

#selectedSoundFileAttachment .detailViewFieldWithAction2 {
	width: 289px !important;
}

.selectedSoundFileAttachmentDialog .detailViewFieldWithAction1  {
	width: 383px !important;
}


.ui-timepicker-div .ui-widget-header {
	display: none;
}

.ui-datepicker-title {
	color: rgb(34, 34, 34) !important;
	text-shadow: none !important;
}

.ui-slider-handle {
	cursor: pointer !important;
}


.p {
	padding: 4px;
}

.p-l {
	padding-left: 4px;
}

.p-2l {
	padding-left: 8px;
}

.p-l2 {
	padding-left: 2px;
}

.p-t {
	padding-top: 4px;
}

.p-2t {
	padding-top: 8px;
}

.p-t2 {
	padding-top: 2px;
}

.p-b {
	padding-bottom: 4px;
}

.p-2b {
	padding-bottom: 8px;
}

.p-b2 {
	padding-bottom: 2px;
}

.p-r {
	padding-right: 4px;
}

.p-2r {
	padding-right: 8px;
}

.p-r2 {
	padding-right: 2px;
}

.p-unwrap {
	margin: -4px;
}

.m {
	margin: 4px;
}

.m-l {
	margin-left: 4px;
}

.m-2l {
	margin-left: 8px;
}

.m-l2 {
	margin-left: 2px;
}

.m-t {
	margin-top: 4px;
}

.m-2t {
	margin-top: 8px;
}

.m-t2 {
	margin-top: 2px;
}

.m-b {
	margin-bottom: 4px;
}

.m-2b {
	margin-bottom: 8px;
}

.m-4b {
	margin-bottom: 16px;
}

.m-b2 {
	margin-bottom: 2px;
}

.m-r {
	margin-right: 4px;
}

.m-2r {
	margin-right: 8px;
}

.m-r2 {
	margin-right: 2px;
}

.b-none {
	border-left: 0;
	border-top: 0;
	border-right: 0;
	border-bottom: 0;
}

.b-none-l {
	border-top: 0;
	border-right: 0;
	border-bottom: 0;
}

.b-none-t {
	border-left: 0;
	border-right: 0;
	border-bottom: 0;
}

.b-none-r {
	border-left: 0;
	border-top: 0;
	border-bottom: 0;
}

.b-none-b {
	border-left: 0;
	border-top: 0;
	border-right: 0;
}

.bold {
	font-weight: bold;
}

.float-left {
	float: left;
}

.float-right {
	float: right;
}

.statistic table {
	border: 1px solid rgb(200, 200, 200);
	border-spacing: 0;
	margin-top: 8px;
}

.statistic table tbody tr {
	background-color: rgb(250, 250, 250);
}

.statistic table tbody tr:hover .count {
	background-color: rgb(220, 220, 220);
	cursor: pointer;
}

.statistic .border {
	border-left: 1px solid rgb(200, 200, 200);
}

.statistic th, .statistic td {
	font-weight: inherit;
	padding: 4px 16px;
}

.statistic td {
	border-top: 1px solid rgb(200, 200, 200);
	font-weight: inherit;
}

.statistic tr.main {
	background-color: rgb(255, 255, 255);
}

.statistic tr.main td {
	padding: 2px 16px;
}

.statistic .count {
	text-align: right;
	font-weight: bold;
}

.statistic .key {
	min-width: 64px;
	text-align: right;
	font-weight: bold;
	border-right: 1px solid rgb(200, 200, 200);
}

.statistic .type {
	min-width: 64px;
	text-align: right;
}

.statistic .decreased, .statistic .increased, .statistic .equal {
	font-weight: normal;
}

.statistic .equal {
	color: gray;
}

.statistic .decreased {
	color: red;
}

.statistic .increased {
	color: green;
}

.statistic .title {
	background: #0a58ca;
	color: white;
}

.statistic .summary .count .number {
	text-decoration-line: underline; text-decoration-style: double;
	
}

.statistic .thick-divider td {
	border-top: 2px solid gray;
	
}

.statistic .systems td:not(.key) {
	background-color: rgb(240, 240, 255);
}

.statistic .carparks td {
	background-color: rgb(255, 240, 240);
}

.statistic .devices td {
	background-color: rgb(240, 255, 240);
}

.ui-button, button.ui-button.ui-state-default, .ui-button.ui-state-default {
	background: -webkit-linear-gradient(top, #2665df 0%, #5e7fc0 100%);	
}

.ui-button .ui-button-text {
    font-size: 13px;
}

.ui-menu .ui-state-hover, .ui-menuitem-link .ui-state-hover, .ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight, .ui-icon-triangle-1-s .ui-state-hover {
	background: #2665df;
	color:white;
}

.ui-button, button.ui-button.ui-state-default, .ui-button.ui-state-default {
	border: 1px solid #13379b;
	box-shadow: none !important;
	text-shadow: none !important;
}

.ui-button, button.ui-button.ui-state-hover, .ui-button.ui-state-hover {
	background: white;
	color: black;
	box-shadow: none !important;
	text-shadow: none !important;
}

.ui-button, .ui-button span, button.ui-button.ui-state-default span, .ui-button.ui-state-default span, ui-button.ui-state-hover span, ui-button.ui-state-focus span {
	text-shadow: none !important
}

li.ui-tabs-header.ui-state-default.ui-corner-top.ui-state-hover {
		background: #2665df;
}

li.ui-tabs-header.ui-state-default.ui-corner-top.ui-state-hover a {
    color: white;
    text-shadow: none;
}