html {
	font-size:100%;
}

body {
	width: 100%;
	background-color: #f3f2ef;
	font-family: Comfortaa, Frutiger, Dejavu Sans, Helvetica Neue, Arial,
		sans-serif;
	color: #495057;
}

body .ui-widget{
	font-family: Comfortaa, Frutiger, Dejavu Sans, Helvetica Neue, Arial,
		sans-serif;
}

body .ui-button {
	background-color: #FF8C00;
	border-color: #FF8C00;
}

/*Input-Field Focus*/
.ui-inputfield.ui-state-focus, .ui-widget-content .ui-inputfield.ui-state-focus, .ui-widget-header .ui-inputfield.ui-state-focus {
	border-color: rgba(246, 168, 0, 0.8);
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(246, 168, 0, 0.6);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(246, 168, 0, 0.6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(246, 168, 0, 0.6);
}

body .ui-inputfield.ui-state-hover {
    border-color: rgba(246, 168, 0, 0.8);
}

body .ui-inputfield.ui-state-focus {
    border-color: rgba(246, 168, 0, 0.8);
    outline: 0 none;
    box-shadow: 0 0 0 0.2em rgba(246, 168, 0, 0.8); 
}

body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item.ui-state-highlight {
	background: rgba(246, 168, 0, 0.8);
}

body .ui-selectonemenu.ui-state-hover:not(.ui-state-error) {
    border-color: rgba(246, 168, 0, 0.8);
}
body .ui-selectonemenu.ui-state-focus:not(.ui-state-error) {
    border-color: rgba(246, 168, 0, 0.8);
    outline: 0 none;
    box-shadow: 0 0 0 0.2em rgba(246, 168, 0, 0.8);
}

body .ui-button.ui-state-hover {
    background: rgba(246, 168, 0);
    border-color: rgba(246, 168, 0);
    color: #ffffff; 
}
body .ui-button.ui-state-focus {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2em rgba(246, 168, 0, 0.8);
}
body .ui-button.ui-state-active, body .ui-button.ui-state-down {
    background: rgba(246, 168, 0, 0.8);
    border-color: rgba(246, 168, 0, 0.8);
    color: #ffffff; }

/*Adds icon after each link which opens a new tab*/
.ui-widget-content a[target="_blank"]::after {
	font-family: 'FontAwesome';
    content: ' \f08e';
    font-weight: 900;
    font-size: .8em;
}

/*Status-Dialog Background*/
.ui-dialog.ui-widget-content.transBackground {
	background-color: rgba(0, 0, 0, 0);
	border: none;
	-webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
}

/*PF10*/
.ui-dialog.ui-widget-content.transBackground > div.ui-dialog-content {
	background-color: rgba(0, 0, 0, 0);
	border: none;
	-webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
}

/*PF10*/
body .ui-datepicker .ui-datepicker-calendar td a.ui-state-active {
	background-color: rgba(246, 168, 0, 0.8);
}

/*PF10*/
body .ui-datepicker .ui-datepicker-next:hover,
body .ui-datepicker .ui-datepicker-prev:hover,
body .ui-datepicker .ui-datepicker-calendar td a:hover {
      background: rgba(246, 168, 0, 0.8);
      color: #495057;
      border-color: transparent; 
}

body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today a {
	color: rgb(246, 168, 0);
}

/*PF10*/
body .ui-progressbar .ui-progressbar-value {
    background: rgba(246, 168, 0, 0.8);
    border-radius: 4px; 
}

/*PF10*/
body .ui-chkbox .ui-chkbox-box.ui-state-hover {
	border-color: rgba(246, 168, 0, 0.8); 
}
body .ui-chkbox .ui-chkbox-box.ui-state-focus {
	box-shadow: 0 0 0 0.2em rgba(246, 168, 0, 0.6);
}
body .ui-chkbox .ui-chkbox-box.ui-state-active {
	background: rgba(246, 168, 0, 0.8);
	border-color: rgba(246, 168, 0, 0.8);
	color: #ffffff; 
}
body .ui-chkbox .ui-chkbox-box.ui-state-active.ui-state-hover {
	background: rgba(246, 168, 0, 0.8); 
}

/*PF10*/
body .ui-radiobutton .ui-radiobutton-box.ui-state-hover {
      border-color: rgba(246, 168, 0, 0.8); 
}
body .ui-radiobutton .ui-radiobutton-box.ui-state-focus {
      box-shadow: 0 0 0 0.2em rgba(246, 168, 0, 0.6); 
}
body .ui-radiobutton .ui-radiobutton-box.ui-state-active {
	background: rgba(246, 168, 0, 0.8);
	border-color: rgba(246, 168, 0, 0.8);
	color: #000000;
}
body .ui-radiobutton .ui-radiobutton-box.ui-state-active.ui-state-hover {
	background: rgba(246, 168, 0, 0.8);
}

/*PF10*/
.ui-selectonemenu .ui-selectonemenu-label {
	white-space: normal;
}

.sub-input-info {
	font-size: 0.7rem;
	font-style: italic;
	padding-top:0.2rem;
	padding-left:0.5rem;
}

body .ui-selectonemenu-panel {
	max-width:100%;
}

/*Background - Modal Dialog*/
body .ui-widget-overlay {
    background-color: rgba(244, 244, 244, 0.48);
}

.ui-datatable-even {
	background-color: #ffe4b2;
}

.noHeader.ui-datatable table thead tr {
    display: none;
}

.ui-tabs .ui-tabs-nav.ui-widget-header li {
	color: white;
	text-shadow: none;
    background: rgb(231 81 19);
/*	background-image: -webkit-linear-gradient(top, #e75313, #f6a800);*/
/*	background-image: -moz-linear-gradient(top, #e75313, #f6a800);*/
/*	background-image: -ms-linear-gradient(top, #e75313, #f6a800);*/
/*	background-image: -o-linear-gradient(top, #e75313, #f6a800);*/
/*	background-image: linear-gradient(to bottom, #e75313, #f6a800);*/
    border: 1px solid #DDDDDD;
}

.ui-tabs .ui-tabs-nav.ui-widget-header li a {
    color: black !important;
}

.ui-tabs .ui-tabs-nav.ui-widget-header li.ui-state-active {
	color: black;
	text-shadow: none;
    background: transparent;
}

/*Slider*/
.ui-slider {
    background-color: #c8c8c8;
}

.ui-slider .ui-slider-handle {
	width: 1.429em;
    height: 1.429em;
    background-color: #fff;
    border: 2px solid #666;
    -moz-transition: background-color .3s;
    -o-transition: background-color .3s;
    -webkit-transition: background-color .3s;
    transition: background-color .3s;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
}

.ui-slider .ui-slider-handle.ui-state-focus {
	border: 2px solid #e75113;
	background-color: #e75113;
	outline: 0 none;
}

.ui-slider .ui-slider-handle.ui-state-hover {
	border: 2px solid #e75113;
	background-color: #fff;
}

body .ui-slider .ui-slider-range {
    background-color: #e75113;
}

body .ui-slider .ui-slider-handle {
    background: #ffffff;
    border-color: #e75113;
}

body .ui-slider .ui-slider-handle.ui-state-hover {
    background: #e75113;
    border-color: #e75113;
}

.colLabel {
	width: 250px;
}

.colCheckbox {
	vertical-align: top;
	padding-right: 5px;
}

.colorLink{
	float:right;
	display:block;
	padding: 0;
}

.colorLink a {
    text-decoration: none;
    cursor: pointer;
    color: #5e695f;
}
.colorLink a:visited {
    text-decoration: none;
    cursor: pointer;
    color: #5e695f;
}

.colorLink a:focus a:active {
    text-decoration: none;
    cursor: pointer;
    color: #5e695f;
}

.colorLink a:hover {
    text-decoration: none;
    cursor: pointer;
    color: #5e695f;
}

.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
    color: #ffffff;
    text-decoration: none;
    background-color: rgb(231 81 19);
    background-position: 0;
/*    background-image: -moz-linear-gradient(top, #F6A800, #E75113);*/
/*    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#F6A800), to(#E75113));*/
/*    background-image: -webkit-linear-gradient(top, #F6A800, #E75113);*/
/*    background-image: -o-linear-gradient(top, #F6A800, #E75113);*/
/*    background-image: linear-gradient(to bottom, #F6A800, #E75113);*/
    background-repeat: repeat-x;
    filter: progid:dximagetransform.microsoft.gradient(startColorstr='F6A800', endColorstr='#E75113', GradientType=0);
}

#colNormal .ui-messages li {
	float: none;
	margin-left: 30px;
	padding-bottom: 5px;
}

.ui-messages-info-summary, .ui-messages-warn-summary, .ui-messages-error-summary, .ui-messages-fatal-summary, .ui-message-info-summary, .ui-message-warn-summary, .ui-message-error-summary, .ui-message-fatal-summary {
    font-weight: bold;
    margin: 0;
}

.ui-button.ui-widget.ui-state-default.ui-corner-all.ui-button-text-only.btn, body .ui-commandlink.btn, body .ui-link.btn {
  background: rgb(231 81 19);
/*  background-image: -webkit-linear-gradient(top, #e75313, #f6a800);*/
/*  background-image: -moz-linear-gradient(top, #e75313, #f6a800);*/
/*  background-image: -ms-linear-gradient(top, #e75313, #f6a800);*/
/*  background-image: -o-linear-gradient(top, #e75313, #f6a800);*/
/*  background-image: linear-gradient(to bottom, #e75313, #f6a800);*/
  -webkit-border-radius: 0.75rem;
  -moz-border-radius: 0.75rem;
  border-radius: 0.75rem;
/*  -webkit-box-shadow: 0px 1px 3px #666666;*/
/*  -moz-box-shadow: 0px 1px 3px #666666;*/
/*  box-shadow: 0px 1px 3px #666666;*/
  color: #ffffff;
  font-size: 16px;
  /*padding: 10px 10px 10px 10px;*/
  text-decoration: none;
/*  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.75);*/
  float: right;
/*  margin-left:0.5rem;*/
/*  margin-top:0.5rem;*/
  padding-left: 2rem;
  padding-right: 2rem;
  padding-top: 1rem;
  padding-bottom: 1rem;
  border: none;
}

body .ui-button.ui-button-text-only .ui-button-text {
	padding: 0;	
}

.ui-button.ui-widget.ui-state-default.ui-corner-all.ui-button-text-only.btn:hover {
/*  background: #f6a800;*/
/*  background-image: -webkit-linear-gradient(top, #f6a800, #e75313);*/
/*  background-image: -moz-linear-gradient(top, #f6a800, #e75313);*/
/*  background-image: -ms-linear-gradient(top, #f6a800, #e75313);*/
/*  background-image: -o-linear-gradient(top, #f6a800, #e75313);*/
/*  background-image: linear-gradient(to bottom, #f6a800, #e75313);*/
/*  text-decoration: none;*/
/*  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.75);*/
/*  float: right;*/
	transform: scale(1.05) translateZ(0px);
}

.ui-button.ui-widget.ui-state-default.ui-corner-all.ui-button-text-icon-left.btn {
  background: rgb(231 81 19);
/*  background-image: -webkit-linear-gradient(top, #e75313, #f6a800);*/
/*  background-image: -moz-linear-gradient(top, #e75313, #f6a800);*/
/*  background-image: -ms-linear-gradient(top, #e75313, #f6a800);*/
/*  background-image: -o-linear-gradient(top, #e75313, #f6a800);*/
/*  background-image: linear-gradient(to bottom, #e75313, #f6a800);*/
  -webkit-border-radius: 0.75rem;
  -moz-border-radius: 0.75rem;
  border-radius: 0.75rem;
/*  -webkit-box-shadow: 0px 1px 3px #666666;*/
/*  -moz-box-shadow: 0px 1px 3px #666666;*/
/*  box-shadow: 0px 1px 3px #666666;*/
  color: #ffffff;
  font-size: 16px;
  /*padding: 10px 10px 10px 10px;*/
  text-decoration: none;
/*  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.75);*/
  float: right;
/*  margin-left:0.5rem;*/
/*  margin-top:0.5rem;*/
  padding-left: 2rem;
  padding-right: 2rem;
  padding-top: 1rem;
  padding-bottom: 1rem;
  border: none;
}

.ui-button.ui-widget.ui-state-default.ui-corner-all.ui-button-text-icon-left.btn:hover {
  background: rgb(231 81 19);
  text-decoration: none;
  float: right;
}

.ui-button.ui-widget.ui-state-default.ui-corner-all.ui-button-text-only.btn-cancel {
  background: #d3d3d3;
/*  background-image: -webkit-linear-gradient(top, #d3d3d3, #c8c8c8);*/
/*  background-image: -moz-linear-gradient(top, #d3d3d3, #c8c8c8);*/
/*  background-image: -ms-linear-gradient(top, #d3d3d3, #c8c8c8);*/
/*  background-image: -o-linear-gradient(top, #d3d3d3, #c8c8c8);*/
/*  background-image: linear-gradient(to bottom, #d3d3d3, #c8c8c8);*/
  -webkit-border-radius: 0.75rem;
  -moz-border-radius: 0.75rem;
  border-radius: 0.75rem;
/*  -webkit-box-shadow: 0px 1px 3px #a9a9a9;*/
/*  -moz-box-shadow: 0px 1px 3px #a9a9a9;*/
/*  box-shadow: 0px 1px 3px #a9a9a9;*/
  color: #495057;
  font-size: 16px;
  /*padding: 10px 10px 10px 10px;*/
  text-decoration: none;
  float: right;
/*  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.75);*/
/*  margin-left:0.5rem;*/
/*  margin-top:0.5rem;*/
  padding-left: 2rem;
  padding-right: 2rem;
  padding-top: 1rem;
  padding-bottom: 1rem;
  border: none;
}

.ui-button.ui-widget.ui-state-default.ui-corner-all.ui-button-text-only.btn-cancel:hover {
/*  background: #c8c8c8;*/
/*  background-image: -webkit-linear-gradient(top, #c8c8c8, #d3d3d3);*/
/*  background-image: -moz-linear-gradient(top, #c8c8c8, #d3d3d3);*/
/*  background-image: -ms-linear-gradient(top, #c8c8c8, #d3d3d3);*/
/*  background-image: -o-linear-gradient(top, #c8c8c8, #d3d3d3);*/
/*  background-image: linear-gradient(to bottom, #c8c8c8, #d3d3d3);*/
/*  text-decoration: none;*/
/*  float: right;*/
/*  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.75);*/
	transform: scale(1.05) translateZ(0px);
}

/*NEW PF 10.0*/

body #content > h1 {
	text-align:center;
}

body .ui-datatable .ui-datatable-data > tr > td {
	padding: 0.5rem 0.4rem;
}

body .ui-chip {
	margin-bottom: 0.5rem;
	padding: 0.5rem 0.5rem;
	background-color: #ffe4b2;
	font-size: 0.8rem;
}

#main {
	display:flex;
	flex-direction: column;
	min-height: calc(100vh - 120px);
	margin-top: 120px;
}

 #content {
  flex: 1;
}

@media screen and (max-width: 640px) { 
	/*640 is the breakpoint where a p:dataTable width reflow=true will reflow (shows columns as rows)*/
	/* 	body .ui-datatable-reflow .ui-datatable-data tr {
		border-bottom: 2px solid #FF8C00;
		border-top: 2px solid #FF8C00;
	} 
	
	body .ui-datatable-reflow {
		border: 1px solid rgba(246, 168, 0, 0.8);
	}
	*/
	body .ui-selectcheckboxmenu-panel {
		width: 100%;
	}
}

/*Zaehlerstandserfassung internal User*/
.webCodeInternal{
	color:#AF0917;
	font-size:11px;
	line-height:18px;	
}

body .ui-card .ui-card-title {
    font-size: 1.2rem;
    font-weight: 700;
    margin-bottom: 0.5rem;
}

body .ui-card-body {
	margin-bottom: 1rem;
}

body .ui-card .ui-card-content {
	padding-bottom:0;
}

/* ACCORDION 

body .ui-accordion.validation .ui-accordion-header {
	border: 1px solid rgba(255, 0, 0, 0.5);
	background: #FFCDD2;
	color: red;
}

body .ui-accordion .ui-accordion-header.ui-state-hover {
    border: 1px solid rgba(255, 0, 0, 0.5);
    background: #FFCDD2;
    color: red;
}

body .ui-accordion .ui-accordion-header.ui-state-active:hover {
	border: 1px solid rgba(255, 0, 0, 0.5);
	background: #FFCDD2;
	color: red;
}

body .ui-accordion.validation .ui-accordion-header:focus {
	box-shadow: 0 0 0 0.1rem rgba(255, 0, 0, 0.5);
	background: #FFCDD2;
} 

body .ui-accordion .ui-accordion-header.ui-state-active {
	background: #FFCDD2;
	color: red;
}
*/
body .ui-accordion .ui-accordion-header:focus {
	box-shadow: 0 0 0 0 #ffe4b2; /* Keinen Schatten anzeigen (vierte 0)*/
} 

body .ui-commandlink, body .ui-link {
	color: rgb(231 81 19);
}

body .ui-commandlink:hover, body .ui-link:hover {
	color: rgb(231 81 19);
}

body .ui-commandlink:active, body .ui-link:active {
	color: rgb(231 81 19);
}

.ui-datatable .ui-column-customfilter {
	margin: 0;
}

body .ui-selectcheckboxmenu.ui-state-hover:not(.ui-state-error) {
    border-color: rgba(246, 168, 0, 0.8); 
}

body .ui-selectcheckboxmenu.ui-state-focus:not(.ui-state-error) {
    border-color: rgba(246, 168, 0, 0.8);
    outline: 0 none;
    box-shadow: 0 0 0 0.2em rgba(246, 168, 0, 0.8); 
}

body .ui-toggleswitch.ui-toggleswitch-focus .ui-toggleswitch-slider {
	box-shadow: 0 0 0 0 #a6d5fa; /* kein shadow */
}

body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-slider {
	background: rgba(246, 168, 0, 0.8);
}

body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-slider:before {
	background: #ffffff;
}

.ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-list-item {
	white-space: normal;
}

body ul {
	margin-left: 1rem;
}

body ol {
	padding: 2rem;
}

.ui-selectmanycheckbox.ui-widget td, .ui-selectoneradio.ui-widget td {
    display: flex;
}

.ui-message-info, .ui-message-error, .ui-message-warn, .ui-message-fatal {
	margin: 0;
}

/* chatbot */
.eb7-snippet--button {
	bottom: 15px !important;
	right: 15px !important;
}

body h1, h2, h3, h4, p {
	margin-bottom: 1rem;
}

body a {
	text-decoration: none;
}

body #footer {
	border-top: 1px solid #787C82;
	/*box-shadow: inset 0rem 0.4rem 2rem #787C82, inset 0rem 0rem white;*/
	background-color: #f3f2ef;
	padding-top: 1rem;
	margin-top: 1rem;
}

@media screen and (max-width: 576px) {
	.center-text-responsive {
		text-align: center;
	}
}

body .ui-message {
	width: 100%;
}

body .ui-widget + .ui-message {
	margin: 0;
}

body .ui-linkbutton.btn {
	text-align:center;
}

body .ui-button.ui-button-text-icon-right .ui-button-text {
	padding: 0.5rem 0 0.5rem 0;
}

.mw-100px {
	max-width: 100px;
}

.mw-200px {
	max-width: 200px;
}

.mw-300px {
	max-width: 300px;
}

.mw-400px {
	max-width: 400px;
}

.mw-500px {
	max-width: 500px;
}

.mw-600px {
	max-width: 600px;
}

.checkbox {
	border-spacing: 0.5rem;
}

.checkbox td {
	vertical-align: top;
	padding-bottom: 1rem;
}

/*
@media screen and (min-width: 577px) and (max-width: 768px) {

}

@media screen and (min-width: 769px) and (max-width: 992px) {

}

@media screen and (min-width: 993px) and (max-width: 1200px) {

}

@media screen and (min-width: 1201px) and (max-width: 1400px) {

}

@media screen and (min-width: 1401px) {

}
*/