/* Google Fonts Import Link */
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Raleway');
@import url('https://fonts.googleapis.com/css2?family=Open+Sans');

@font-face {
  font-family: 'Helvetica now micro';
  font-style: normal;
  font-weight: normal;
  src:	url('../../fonts/HelveticaNowMicro/HelveticaNowMicro-Regular.woff') format('woff');
}

@font-face {
  font-family: 'Helvetica now micro';
  font-style: normal;
  font-weight: bold;
  src:	url('../../fonts/HelveticaNowMicro/HelveticaNowMicro-Bold.woff') format('woff');
}

@font-face {
  font-family: 'Helvetica now micro';
  font-style: italic;
  font-weight: bold;
  src:	url('../../fonts/HelveticaNowMicro/HelveticaNowMicro-BoldItalic.woff') format('woff');
}

@font-face {
  font-family: 'Helvetica now micro';
  font-style: italic;
  font-weight: normal;
  src:	url('../../fonts/HelveticaNowMicro/HelveticaNowMicro-MedIta.woff') format('woff');
}

html, body {
	height: 100%;
	overflow: hidden;
}

body {
	color: black;
}

.ui-datatable .ui-datatable-data tr.ui-row-editing td.ui-editable-column, .ui-datatable .ui-datatable-data td.ui-cell-editing {
    padding: 4px 10px;
}

.ui-widget-content.ui-datatable-even.ui-state-highlight.ui-row-editing {
    background: #fff ;
}

.enmon-tbl-panel {
	width: auto !important;
}

.enmon-tbl-panel tbody td {
	padding: 0px 0px;
    border: none;
}

.alert-danger {
	max-width: 470px;
	padding: 15px;
	margin: 0 auto;
}

.alert-info {
	max-width: 470px;
	padding: 15px;
	margin: 0 auto;
}

 .ui-datatable .ui-row-editor .ui-icon-pencil {
    background-image: url(../../images/edit.png) !important;
    background-size: cover;
    background-position: center;
    height: 16px;
    width:16px;
 }
 
 .ui-datatable .ui-row-editor .ui-icon-check {
    background-image: url(../../images/save.png) !important;
    background-size: cover;
    background-position: center;
    height: 16px;
    width:16px;
}

.ui-datatable .ui-row-editor .ui-icon-close {
    background-image: url(../../images/cancel.png) !important;
    background-size: cover;
    background-position: center;
    height: 16px;
    width:16px;
}

.ui-inputfield .ui-inputtext .ui-widget .ui-state-default .ui-corner-all {
    width:100%;
 }

.ui-growl-show{
	animation: ui-growl 1.5s ease;
	animation-direction: normal;
}

.ui-growl-hide{
	animation: ui-growl 1.5s linear;
	animation-iteration-count: 1;
	animation-direction: reverse;
}

.ui-growl {
  /* top: unset; */
  top: 80px; }
    .ui-growl .ui-growl-item-container {
    margin: 0 0 1rem 0;
    border-radius: 4px;
    box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12) !important; }
    .ui-growl .ui-growl-item-container .ui-icon-closethick {
      font-family: 'FontAwesome' !important;
 	  font-style: normal;
      font-weight: normal;
      background: none;
      display: inline-block !important;
      text-indent: 0;
      position: absolute;
      bottom: .5rem;
      right: .5rem; }
      .ui-growl .ui-growl-item-container .ui-icon-closethick:before {
        content: "\f00d"; }
    .ui-growl .ui-growl-item-container .ui-growl-item {
      padding: 1rem;
      min-height: 70px; }
    .ui-growl .ui-growl-item-container.ui-growl-info {
      background: #B3E5FC;
      border: 1px solid #03A9F4;
      color: #01579B;
      border-width: 0 0 0 6px; }
      .ui-growl .ui-growl-item-container.ui-growl-info .ui-growl-image {
        font-family: 'FontAwesome' !important;
        font-style: normal;
        font-weight: normal;
        display: inline-block;
        background: none;
        font-size: 2rem;
        color: #01579B; }
        .ui-growl .ui-growl-item-container.ui-growl-info .ui-growl-image:before {
          content: "\f00c"; 
          }
      .ui-growl .ui-growl-item-container.ui-growl-info .ui-icon {
        color: #01579B; }
    .ui-growl .ui-growl-item-container.ui-growl-warn {
      background: #FFECB3;
      border: 1px solid #FFC107;
      color: #7f6003;
      border-width: 0 0 0 6px; }
      .ui-growl .ui-growl-item-container.ui-growl-warn .ui-growl-image {
        font-family: 'FontAwesome' !important;
        font-style: normal;
        font-weight: normal;
        display: inline-block;
        background: none;
        font-size: 2rem;
        color: #7f6003; }
        .ui-growl .ui-growl-item-container.ui-growl-warn .ui-growl-image:before {
          content: "\f12a"; }
      .ui-growl .ui-growl-item-container.ui-growl-warn .ui-icon {
        color: #7f6003; }
    .ui-growl .ui-growl-item-container.ui-growl-error, .ui-growl .ui-growl-item-container.ui-growl-fatal {
      background: #FFCDD2;
      border: 1px solid #EF5350;
      color: #B71C1C;
      border-width: 0 0 0 6px; }
      .ui-growl .ui-growl-item-container.ui-growl-error .ui-growl-image, .ui-growl .ui-growl-item-container.ui-growl-fatal .ui-growl-image {
        font-family: 'FontAwesome' !important;
        font-style: normal;
        font-weight: normal;
        display: inline-block;
        background: none;
        font-size: 2rem;
        color: #B71C1C; }
        .ui-growl .ui-growl-item-container.ui-growl-error .ui-growl-image:before, .ui-growl .ui-growl-item-container.ui-growl-fatal .ui-growl-image:before {
          content: "\f00d"; }
      .ui-growl .ui-growl-item-container.ui-growl-error .ui-icon, .ui-growl .ui-growl-item-container.ui-growl-fatal .ui-icon {
        color: #B71C1C; }
      
      
@keyframes ui-growl {
  0% {
    opacity: 0;
    transform: translateX(2000px);
  }
  60% {
    opacity: 1;
    transform: translateX(-30px);
  }
  80% { transform: translateX(10px); }
  100% { transform: translateX(0); }
}

.navbar-fixed-top.enmon-menu-bar {
	border: none;
	background-color: transparent;
    background-image: none;
}

.navbar-fixed-top {
	z-index: 10;
	padding-left: 260px;
	transition: all 0.5s ease;
}

.enmon-eass-layout {
	padding: 0px;
	height: 100%;
}

.enmon-eass-west {
	min-width: 200px;
	max-width: 400px;
	width: 25%;
	height: 100%;
	overflow: visible;
	float: left;
}

.spot-box-upload {
	background-color: #1f89ce;
	border: 2px solid #fff;
}

.box-ele {
	background-color: #3598dc;
	text-align: right;
	padding: 10px;
	margin: 10px;
}

.box-gas {
	background-color: #32c5d2;
	text-align: right;
	padding: 10px;
	margin: 10px;
}

.box-dashboard {
	background-color: #11B390;
	text-align: right;
	padding: 10px;
	height: 100%;
}

.box-dashboard-fac {
	background-color: #3598dc;
	text-align: right;
	padding: 10px;
	margin: 0px;
	border-color: white;
	border-style: solid;
	border-left-width: 0px;
}

.enmon-token {
	background: #47b366;
    color: white;
    cursor: default;
    overflow: hidden;
    padding: 1px 3px;
    white-space: initial;
    position: relative;
    margin: 2px;
    border-radius: 20px;
    width: fit-content;
}

.enmon-token .enmon-token-label {
	display: block;
    padding: 5px;
}
.enmon-token .enmon-token-label label {
	font-size: 13px;
    margin: 0;
}

.box-cons-ele {
	background-color: #17c84b;
	text-align: left;
	padding: 10px;
	margin: 10px;
	margin-left: 0px;
}

.box-cons-gas {
	background-color: #df383e;
	text-align: left;
	padding: 10px;
	margin: 10px;
	margin-left: 0px;
}

.box-cons-water {
	background-color: #3598dc;
	text-align: left;
	padding: 10px;
	margin: 10px;
	margin-left: 0px;
}

.enmon-eass-west1 {
	/* 	min-width: 100px; */
	max-width: none;
	width: 210px;
	height: 100%;
	overflow: visible;
	float: left;
	border-right: 2px solid #f0f0f0;
}

.ui-icon.ui-icon-custom-filter {
	width: auto;
	height: auto;
}

.widget-icon:focus {
	outline: none;
}

.ui-datatable-scrollable-body:focus {
	outline: none;
}

.audit-model-section {
	margin-left: 15px;
	font-size: 20px;
	font-weight: bold;
	font-size: 20px;
}

.audit-model-field {
	background: none;
	font-size: 16px;
	margin-left: 35px;
	font-size: 16px;
}

.enmon-en-asset-content-west {
	font-size: 12px;
	margin: 0px;
	background-color: #e6e6e6;
	height: 100%;
	width: 100%;
	padding: 10px 10px 10px;
	overflow: visible;
}

.enmon-eass-est {
	overflow: auto;
	/* text-align: center; */
	height: 100%;
}

.enmon-eass-est1 {
	overflow: auto;
	height: 100%;
	padding-left: 17px;
	padding-right: 17px;
}

.enmon-eass-est-grid {
	height: 100%;
	padding-left: 10px;
	padding-right: 10px;
	overflow: auto;
	padding-bottom: 60px;
}

.enmon-filter-view {
	background-color: transparent;
	margin: 20px;
	height: 100%;
	text-align: left;
	margin: 20px;
}

.enmon-eass-layout-west {
	background-color: #e6e6e6;
	padding: 0px;
	margin: 0px;
	height: 100%;
}

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

.enmon-eass-layout-west .ui-layout-unit-content {
	padding: 0px;
	height: 100%;
}

.enmon-eass-layout .ui-widget-content {
	border-right: 2px solid #f0f0f0;
	border-left: 0px;
	border-top: 0px;
	border-bottom: 0px;
	border-radius: 0px;
}

.enmon-eass-layout .ui-corner-all {
	border-radius: 0px;
}

#content {
	height: calc(100% - 55px);
	margin-top: 55px;
}

.navbar-brand {
	color: #000000;
	font-weight: bold;
	margin-left: 0px;
	margin-right: 20px;
	padding-right: 0;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), 0 0 30px
		rgba(255, 255, 255, 0.125);
}

.nav-stacked .nav-header {
	margin-bottom: 10px;
	font-size: 18px;
}

body#login {
	padding-bottom: 40px;
}

.ui-grid {
	display: block;
	overflow: auto;
}

.ui-grid-col-6 {
	width: 50%;
	float: left;
}

.navbar {
	height: 50px;
}

.navbar .brand:hover {
	color: #0099ff;
}

/* added to fix non clickable dropdown nested menus on mobile browsers APF-1384 */
.navbar .dropdown-backdrop {
	position: static;
}

#switchLocale {
	position: absolute;
	right: 10px;
}

h1, h2 {
	margin-bottom: 10px;
	margin-top: 10px;
}

.row h2 {
	margin-top: 0;
}



.prices-table__left-column {
    margin: 0 0 .5em 0;
    border-radius: .4em;
    position: relative;
    width: 100%;
    min-width: auto;
    background: #fff;
   	box-shadow: 0 1px 4px 1px rgba(0, 0, 0, 0.1);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.prices-table__left-column:hover {
	-webkit-transform:scale(1.05);
}

#level-STARTER.active {
	-webkit-transform:scale(1.05);
	border: solid #0084bf;
}

#level-BUSINESS.active {
	-webkit-transform:scale(1.05);
	border: solid #0084bf;
}

#level-PROFESSIONAL.active {
	-webkit-transform:scale(1.05);
	border: solid #0084bf;
}

#level-ENTERPRISE.active {
	-webkit-transform:scale(1.05);
	border: solid #0084bf;
}

#level-CUSTOM.active {
	-webkit-transform:scale(1.05);
	border: solid #0084bf;
}


.prices-table__left-column .prices-table__top-container {
    position: relative;
}

.prices-table__left-column .prices-table__bottom-container {
    text-align: center;
    padding-bottom: 20px;
}

.prices-table__left-column .prices-table__top-container .prices-table__icons-container {
    text-align: center;
    padding: 0;
    position: relative;
    overflow: hidden;
}

.prices-table__left-column .prices-table__name {
    text-align: center;
    color: #031e33;
    letter-spacing: .02em;
    font-size: 15px;
    font-weight: 550;
    margin-bottom: 1em;
    border-top-left-radius: .4em;
    border-top-right-radius: .4em;
    padding-top: 10px;
}

.prices-table__left-column .prices-table__bottom-container .prices-table__button {
    display: inline-block;
}

.prices-table__left-column .prices-table__bottom-container .prices-table__button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 1em 2em;
    width: 9.375em;
    text-decoration: none;
    color: #ffffff;
    background: #0084bf;
    border-radius: .4em;
    text-transform: uppercase;
    letter-spacing: .1em;
    font-size: 10px;
    font-weight: 600;
    transition: box-shadow .3s ease-in-out;
}

.prices-table__left-column .prices-table__top-container > hr {
    border: 0;
    border-bottom: 0.063em solid #ccc;
    padding-top: 0em;
    margin: 1.5625em 1.5625em;
}


/* FORMS */
.controls.readonly {
	padding-top: 5px;
}

.well.form-horizontal .form-actions {
	margin-bottom: 0;
}

.btn-group {
	margin-bottom: 10px;
}

.btn-group .btn, .form-actions .btn {
	margin-left: 5px;
}

#search {
	float: right;
	margin-top: -40px;
	width: 250px;
}

#search input[type="text"] {
	display: inline-block;
}

.form-signin {
	max-width: 330px;
	padding: 15px;
	margin: 0 auto;
}

.form-signin .form-signin-heading, .form-signin .checkbox {
	margin-bottom: 10px;
}

.form-signin .checkbox {
	font-weight: normal;
}

.form-signin .form-control {
	position: relative;
	font-size: 16px;
	height: auto;
	padding: 10px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.form-signin .form-control:focus {
	z-index: 2;
}

.form-signin input[type="text"] {
	margin-bottom: -1px;
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
}

.form-signin input[type="password"] {
	margin-bottom: 10px;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
}

#login p {
	text-align: center
}

/* When using Wicket tag id can be overridden - using class here seems to more universal */
.login p {
	text-align: center
}

/* TABLES */
th.sorted a, th.sortable a {
	display: block;
}

.table th.order1 a {
	background-image: url(../../images/arrow_down.png);
}

.table th.order2 a {
	background-image: url(../../images/arrow_up.png);
}

.table th.sorted a, .table th.sortable a {
	background-position: right;
	background-repeat: no-repeat;
	display: block;
}

div.exportlinks a {
	text-decoration: none;
}

div.exportlinks span {
	background-repeat: no-repeat;
	background-position: 1px 2px;
}

span.csv {
	background-image: url(../../images/ico_file_csv.png);
}

span.excel {
	background-image: url(../../images/ico_file_excel.png);
}

span.pdf {
	background-image: url(../../images/ico_file_pdf.png);
}

span.xml {
	background-image: url(../../images/ico_file_xml.png);
}

span.export {
	cursor: pointer;
	display: inline-block;
	padding: 0 4px 1px 20px;
}

span.pagebanner {
	display: block;
	margin: 0 0 0 10px;
	padding: 2px 4px 2px 0;
}

span.pagelinks {
	display: block;
	font-size: .95em;
	margin-bottom: 5px;
	margin-top: -18px;
	padding: 2px 0 2px 0;
	text-align: right;
	width: 80%;
}

/* Set the fixed height of the footer here */
#footer {
	background-color: #f5f5f5;
}

/* FOOTER */
#footer {
	clear: both;
	margin: 0 auto;
	padding: 10px 0 20px 0;
	border-top: 4px solid #f0f0f0;
	text-align: center;
	/* background-color: white; */
	color: #808080;
	font-size: 0.9em;
	margin-bottom: 10px;
}

#footer a {
	color: #808080;
	text-decoration: none;
	margin-left: 5px;
}

#footer a:hover {
	text-decoration: underline;
}

#footer p {
	margin: 0;
}

/* Responsive
-------------------------------------------------- */

/* Desktop large
------------------------- */
@media ( min-width : 1200px) {
}

/* Desktop
------------------------- */
@media ( max-width : 980px) {
}

/* Tablet to desktop
------------------------- */

/* Tablet
------------------------- */
@media ( max-width : 767px) {
}

/* Landscape phones
------------------------- */
@media ( max-width : 480px) {
	#search {
		float: none;
		margin-top: 0;
	}
}

/* Wicket */
.table thead tr th.wicket_orderDown a {
	background-image: url(../../images/arrow_down.png) !important;
	background-position: right center;
	background-repeat: no-repeat;
	display: block;
	/*padding-right: 15px;*/
}

.table thead tr th.wicket_orderUp a {
	background-image: url(../../images/arrow_up.png) !important;
	background-position: right center;
	background-repeat: no-repeat;
	display: block;
}

/* Fix for Bootstrap theme errors in PrimeFaces: http://forum.primefaces.org/viewtopic.php?f=9&t=19250&start=10 */
.ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error
	{
	/*background: url("") repeat-x scroll 50% 50% #CD0A0A;*/
	border: 1px solid #CD0A0A;
	color: #FFFFFF;
}

.ui-inputfield.ui-state-error, .ui-widget-header .ui-inputfield.ui-state-error,
	.ui-widget-content .ui-inputfield.ui-state-error {
	border: 2px solid #CD0A0A;
}

.ui-widget {
	font-size: 14px;
}

.container {
	width: 100% !important;
	min-width: none;
	max-width: none;
}

.enmon-container {
	padding-top: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	padding-right: 0px;
	width: 100%;
	height: 100%;
}

.smallField {
	width: 50px;
}

.normalFieldl {
	width: 150px;
}

.bigField {
	width: 300px;
}

.veryBigField {
	width: 500px;
}

.ui-growl {
	top: 80px;
}

.col-40-perc {
	width: 40%;
}

.col-80-perc {
	width: 80%;
}

.col-98-perc {
	width: 98%;
}

.col-1-perc {
	width: 1%;
}

.col-1-perc {
	width: 1%;
}

.col-20-perc {
	width: 20%;
}

.col-60-perc {
	width: 60%;
}

.col-10-perc {
	width: 10%;
}

.col-10-pix {
	width: 5px;
}

/*ENMON panel layout*/
.enmon-layout {
	height: 100%;
}

.enmon-layout.ui-layout-container {
	margin: 3px;
	overflow: visible !important;
}

.enmon-layout .ui-layout-resizer-closed {
	border-right: 4px solid #f0f0f0;
	border-left: 0px;
	border-top: 0px;
	border-bottom: 0px;
	border-radius: 0px;
}

.enmon-layout-west.ui-widget-content {
	border-right: 2px solid #f0f0f0;
	border-left: 0px;
	border-top: 0px;
	border-bottom: 0px;
	border-radius: 0px;
}

.enmon-layout-west .ui-corner-all {
	border-radius: 0px;
}

.enmon-layout-center {
	width: 100%;
	height: 100%;
}

.enmon-layout-center .ui-layout-unit-content {
	overflow: hidden;
}

.enmon-layout-center.ui-widget-content {
	border: none;
}

/*ENMON table*/
.enmon-tbl.ui-datatable {
	font-size: 12px;
	margin-top: 10px;
}

.enmon-tbl.ui-datatable .ui-column-filter {
    width: 80%;
}

.enmon-table.ui-datatable {
	font-size: 12px;
	border: none;
}

.enmon-table.ui-datatable thead tr {
	font-size: 13px;
}

.enmon-table.ui-datatable thead td {
	
}

.enmon-table.ui-datatable tbody td {
	border: 2px solid white;
	padding: 3px 4px;
}

.enmon-table.ui-datatable tbody tr {
	border: 2px solid white;
}

.enmon-table .ui-datatable-even {
	
}

.enmon-table .ui-datatable-odd {
	background-color: #e0e0e0;
}

.enmon-table.ui-datatable-header {
	background-color: black;
}

.enmon-tbl.ui-datatable tr.ui-state-highlight i.fas.fa-exclamation:before {
	color:white;
}

.enmon-table .ui-widget-header {
	
}

.enmon-table .ui-inputfield {
	height: 25px;
	margin-top: 5px;
	margin-bottom: 5px;
}

.enmon-table .ui-inputfield.ui-state-default {
	border-left: 2px solid white;
}

.enmon-table .ui-inputfield.ui-state-focus {
	border: 2px solid;
	border-color: rgba(82, 168, 236, 0.8);
}

.enmon-table .ui-column-filter {
	background-color: #FFFFFF !important;
	color: #000000 !important;
}

.icon-db-filter {
	background: url(../../images/dbfilter3.png) !important;
}

.comfirm-no-hd .ui-confirm-dialog-severity {
	display: none;
}

.comfirm-no-hd.ui-dialog.ui-widget-content .ui-dialog-titlebar {
	display: none;
}

.comfirm-no-hd.ui-dialog .ui-dialog-buttonpane {
	border: none;
}

.enmon-table .ui-paginator {
	border-left: 0px solid white;
	border-top: 2px solid white;
	border-right: 2px solid white;
	border-bottom: 2px solid white;
	background-color: white;
}

.enmon-table .ui-corner-top {
	border-top-left-radius: 0px;
	border-top-right-radius: 0px;
}

.enmon-table .ui-paginator .ui-paginator-first, .enmon-table .ui-paginator .ui-paginator-prev,
	.enmon-table .ui-paginator .ui-paginator-next, .enmon-table .ui-paginator .ui-paginator-last,
	.enmon-table .ui-paginator .ui-paginator-page {
	background-color: #e6e6e6;
	color: #333333;
}

.enmon-table .ui-paginator .ui-paginator-pages {
	background-color: none;
}

.enmon-table .ui-state-default {
	background-image: none;
	color: white;
	background-color: #3e658e;
	border-radius: 0px;
	border-color: white;
	border-left: 2px solid white;
	border-top: 2px solid white;
	border-right: 2px solid white;
	border-bottom: 2px solid white;
	text-shadow: none;
}

.enmon-lnk {
	font-weight: bold;
	text-decoration: underline;
}

.enmon-lnk-disable {
	color: #283e4a !important;
	font-weight: bold;
}

/*ENMON button*/
.enmon-btn-white {
	font-size: 12px;
}

.enmon-btn.ui-button {
	background-image: linear-gradient(#6d94bf, #446e9b 50%, #3e648d);
	background-repeat: no-repeat;
	border: 1px solid #345578;
	color: white;
	text-shadow: none;
	font-size: 12px;
	border-radius: 0px;
}

.enmon-btn .ui-button-text {
	padding: .2em 1em;
}

.ui-button-text-icon-left .ui-button-text {
	padding: .2em 1em .2em 2.1em
}

.enmon-btn.ui-state-hover {
	background-image: linear-gradient(#6d94bf, #4277be 50%, #3e648d);
	background-repeat: no-repeat;
	background-color: none;
	background-position: inherit;
	color: white;
	text-shadow: none;
}

/*ENMON form*/
.enmon-form {
	max-width: none;
	width: 100%;
}

.enmon-form-title {
	width: 100%;
	font-size: 1em;
	background-color: #3e658e;
	text-shadow: none;
	border-radius: 0px;
	text-align: center;
	height: 32px;
}

.enmon-form-title-label {
	font-size: 1em;
	color: white;
	font-weight: bold;
	padding-left: 20px;
	padding-top: 6px;
}

.enmon-form-title-label-nocollapse {
	font-size: 1em;
	color: white;
	font-weight: bold;
	padding-left: 10px;
	padding-top: 6px;
}

.enmon-form-content {
	width: 100%;
	font-size: 12px;
	background-color: #e6e6e6;
	margin-top: 0px;
	margin-bottom: 2px;
	padding: 10px;
}

.enmon-form-input {
	background-color: #fff;
	border: 1px solid #ccc;
	border-radius: 0px;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
	/*color: #666;*/
	color: black; 
	display: block;
	font-size: 12px ! important;
	height: auto;
	padding: 4px 9px;
	transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s
		ease-in-out 0s;
	vertical-align: middle;
	width: 100%;
}

.enmon-map-div {
	background-color: #fff;
	border: 1px solid #ccc;
	border-radius: 0px;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
	/*color: #666;*/
	color: black; 
	display: block;
	font-size: 12px ! important;
	height: auto;
	padding: 4px 9px;
	transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s
		ease-in-out 0s;
	vertical-align: middle;
	width: 100%;
}

.enmon-form-input:focus {
	border-color: #66afe9;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px
		rgba(102, 175 233, 0.6);
	outline: 0 none;
}

.enmon-form-autocomplete input {
	background-color: #fff;
	border: 1px solid #ccc;
	border-radius: 0px;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
	/*color: #666;*/
	color: black;
	display: block;
	font-size: 12px ! important;
	height: auto;
	padding: 4px 9px;
	transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s
		ease-in-out 0s;
	vertical-align: middle;
	width: 100%;
}

.enmon-form-autocomplete input:focus {
	border-color: #66afe9;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px
		rgba(102, 175 233, 0.6);
	outline: 0 none;
}

.ui-inputfield.ui-state-error, .ui-widget-content .ui-inputfield.ui-state-error
	{
	border: 2px solid #CD0A0A;
}

.enmon-form-col {
	vertical-align: middle;
}

.enmon-form-label {
	margin-bottom: 0px;
	font-weight: normal;
	white-space: nowrap;
	font-size: 12px !important;
	/*color: black;*/
}

.enmon-form-label-14 {
	margin-bottom: 0px;
	font-weight: normal;
	font-style: italic;
	white-space: nowrap;
	font-size: 14px !important;
	/*color: black;*/
}

.enmon-form-label-bold {
	font-weight: bold;
}

.enmon-form-label-title {
	font-size: 40px !important;
	font-weight: bold;
}

.enmon-form-label-newline {
	margin-bottom: 0px;
	font-weight: normal;
	white-space: nowrap;
	font-size: 12px !important;
	display: block;
}

.enmon-form-output-label {
	margin-bottom: 0px;
	font-weight: normal;
	white-space: nowrap;
	font-size: 12px !important;
	display: block;
	font-weight: bold;
}

.col10 {
	width: 10%;
}

.col5 {
	width: 5%;
}

.col30 {
	width: 30%;
}

.col40 {
	width: 40%;
}

/*ENMON toolbar*/
.enmon-actions {
	margin-top: 20px;
	margin-bottom: 10px;
}

/*ENMON select one menu*/
.enmon-selonemenu.ui-selectonemenu {
	width: 100%;
	font-size: 12px;
	border-radius: 0px;
	min-width: 0px !important;
}

.ui-selectonemenu-label.ui-inputfield.ui-corner-all {
	height: 24px;
}

.enmon-selonemenu .ui-selectonemenu-label {
	width: 100%;
	padding-left: 9px;
}

.enmon-selonemenu .ui-selectonemenu-trigger {
	width: auto;
}


.ui-selectonemenu .ui-selectonemenu-trigger .ui-icon {
    margin-top: 3px;
    position: static;
}

.enmon-selonemenu-ext.ui-selectonemenu {
	font-size: 12px;
	border-radius: 0px;
}

.enmon-selonemenu-ext .ui-selectonemenu-label {
	padding-left: 9px;
}

.red-row {
	background-color: #d8736e !important;
	background-image: none !important;
	color: #000000 !important;
}

.yellow-row {
	background-color: #faf7a5 !important;
	background-image: none !important;
	color: #000000 !important;
}

.enmon-selonemenu-ext .ui-selectonemenu-trigger {
	width: auto;
}

.enmon-radio {
	font-size: 12px !important;
}

.enmon-radio-flex {
	font-size: 12px !important;
}

.ui-selectoneradio.ui-widget.enmon-radio-flex {
	display: flex !important;
}

.ui-state-disabled, .ui-widget-content .ui-state-disabled,
	.ui-widget-header .ui-state-disabled {
	opacity: .65;
}

.ui-selectonemenu-item {
	font-size: 12px !important;
}

legend {
	width: auto;
	font-size: 12px;
	font-weight: bold;
	margin-bottom: 0px;
}

.ui-fieldset {
	background-color: #e6e6e6;
}

.enmon-cl-right {
	text-align: right;
	font-weight: bold;
	font-size: 11px;
}

.enmon-cl-left {
	text-align: left;
	font-size: 11px;
}

.enmon-channel-vpanel .ui-widget-header {
	font-size: 12px;
	text-align: center;
	/* height: 30px; */
	height: auto;
}

.ui-panel .ui-panel-title {
	margin: 0px;
}

.enmon-calendar .ui-widget {
	font-size: 12px;
	border-radius: 0px;
	padding-left: 9px;
	width: 100%;
}

.ui-dialog.ui-widget-content .ui-dialog-buttonpane {
	text-align: center;
	padding-left: 18px;
}

.ui-dialog.ui-widget-content .ui-dialog-titlebar {
	background-color: #e6e6e6;
	padding: 4px 15px;
}

.ui-dialog.ui-widget-content .ui-dialog-title {
	font-size: 14px;
	margin: 0.8em 1em 0.1em 0;
}

.enmon-dlg.ui-widget-content .ui-dialog-buttonpane {
	text-align: center;
	padding-left: 18px;
}

.enmon-dlg.ui-widget-content .ui-dialog-titlebar {
	background-color: #e6e6e6;
	padding: 4px 15px;
}

.enmon-dlg.ui-widget-content .ui-dialog-title {
	font-size: 14px;
	margin: 0.8em 1em 0.1em 0;
}

.enmon-dlg-big.ui-widget-content .ui-dialog-buttonpane {
	text-align: center;
	padding-left: 18px;
}

.enmon-dlg-big.ui-widget-content .ui-dialog-titlebar {
	background-color: #e6e6e6;
	padding: 4px 15px;
}

.enmon-dlg-big.ui-widget-content .ui-dialog-title {
	font-size: 18px;
	margin: 0.8em 1em 0.1em 0;
}

.col-right {
	text-align: right;
}

.col-left {
	text-align: left;
}

.droppoint {
	
}

.enmon-asset-panel-col1 {
	width: 10%;
}

.enmon-asset-panel-col2 {
	width: 80%;
	text-align: center;
}

.enmon-asset-panel-col3 {
	width: 10%;
}

.enmon-sel-bool-chk .ui-chkbox-label {
	margin: 0px 0 0 3px;
}

.enmon-sel-bool-chk .ui-chkbox-box {
	border-color: #e6e6e6;
	/*background-color: white;*/
}

.tree-node-customer-icon {
	background: url(../../images/customer_16x16.png) !important;
	height: 16px;
	width: 16px;
}

.tree-node-factory-icon {
	background: url(../../images/factory_16x16.png) !important;
	height: 16px;
	width: 16px;
}

.tree-node-water-icon {
	background: url(../../images/water_16x16.png) !important;
	height: 16px;
	width: 16px;
}

.tree-node-gas-icon {
	background: url(../../images/gas_16x16.png) !important;
	height: 16px;
	width: 16px;
}

.tree-node-electricity-icon {
	background: url(../../images/electricity1_16x16.png) !important;
	height: 16px;
	width: 16px;
}

.tree-node-virtual-icon {
	background: url(../../images/virtual_16x16.png) !important;
	height: 16px;
	width: 16px;
}

.tree-node-other-icon {
	background: url(../../images/other_16x16.png) !important;
	height: 16px;
	width: 16px;
}

.tree-node-channel-icon {
	background: url(../../images/channel_16x16_1.png) !important;
	height: 16px;
	width: 16px;
}

.enMonTrtPanel.ui-panel .ui-panel-content {
	padding: 0px;
	background: transparent;
}

.enMonTrtPanel.ui-widget-content {
	padding: 0px;
	background: transparent;
}

.noBorders tr, .noBorders td {
	background: none !important;
	border: none !important;
}

.panel-grid-price .ui-panelgrid-cell {
	padding: 2px 4px;
}

.enMonTrtPanel.ui-panel .ui-panel-titlebar {
	background: #3e658e;
	color: white;
}

.enMonTrtPanel.ui-panel {
	padding: 0px;
	border: none;
}

.ui-tabs .ui-tabs-panel {
	padding: 1em 0em;
}

.ui-tabs.ui-tabs-top>.ui-tabs-nav li {
	border: 0;
	top: 1px;
	background: #fff;
}

.ui-tabs .ui-tabs-nav>li.ui-state-default.ui-state-hover {
	background: #fff;
}

.ui-tabs .ui-tabs-nav>li.ui-state-default.ui-state-active {
	border-bottom: 3px solid #0084bf;
}

.ui-tooltip {
    pointer-events: all;
}

.toolTipContent {
	color: white;
	margin-bottom: 0px;
	font-weight: normal;
	white-space: nowrap;
	font-size: 12px !important;
}

.toolTipLabel {
	margin-bottom: 0px;
	font-weight: normal;
	white-space: nowrap;
	font-size: 12px !important;
	font-weight: bold;
	color: #c7d1d8;
}

.link-search {
	background: url(../../images/search_lens.png) !important;
	height: 24px;
	width: 24px;
}

.enmon-pnl-accord.ui-accordion .ui-accordion-header {
	background: #3e658e;
	color: white;
	font-weight: bold;
	text-shadow: none;
	font-size: 1em;
	padding-left: 20px;
	border: none;
	border-radius: 0px;
}

.enmon-pnl-accord.ui-accordion .ui-accordion-content {
	padding: 0px;
}

.enmon-pnl-accord.ui-accordion .ui-accordion-header .ui-icon {
	display: inherit;
	top: 70%;
}

.enmon-pnl-accord.ui-accordion .ui-accordion-header .ui-icon-triangle-1-s
	{
	background: url(../../images/sud.png) !important;
	background-repeat: none;
	width: 7px;
	height: 4px;
}

.enmon-pnl-accord.ui-accordion .ui-accordion-header .ui-icon-triangle-1-e
	{
	background: url(../../images/est.png) !important;
	background-repeat: none;
	width: 4px;
	height: 7px;
}

.enmon-pnl-accord.ui-accordion .ui-accordion-header.ui-state-disabled {
	opacity: 1;
}

.enmon-pnl-accord-trt.ui-accordion .ui-accordion-header {
	background: transparent;
	border: none;
	padding-left: 1.5em;
}

.enmon-pnl-accord-trt.ui-accordion .ui-tabs-outline {
	outline: none;
}

.enmon-pnl-accord-trt-title {
    font-weight: 700;
    color: #000000;
}

.enmon-pnl-accord-trt.ui-accordion .ui-accordion-header .ui-icon {
    left: -0.3em;
    top: 50%;
    margin-top: -9px;
}

.enmon-pnl-accord-trt.ui-accordion .ui-accordion-content {
	padding-left: 0px;
	padding-top: 0px;
	background: transparent;
}

.submenu-item {
	color: #333333;
}

label {
	font-weight: normal;
}

.navbar-collapse {
	padding-left: 5px;
}

.feature-box {
	border: solid 2px #E2E4E6;
	border-radius: 0px;
	display: inline-block;
	box-sizing: border-box;
	text-align: center;
	width: 25%;
}

.feature-box a {
	text-decoration: none;
}

.feature-box:hover {
	border: solid 2px #6B6EA3;
}

.feature-list {
	list-style: none;
	padding: 0px;
	color: #666;
	padding-top: 10%;
	line-height: 200%;
}

.feature-title {
	padding-bottom: 20px;
	padding-top: 5%;
}

.feature-btn {
	margin: 20%;
	width: 60%;
	border-radius: 0px;
	margin-top: 10%;
	margin-bottom: 10%;
}

.edvInpSwitch.ui-inputswitch .ui-inputswitch-off {
	height: 25px;
}

.edvInpSwitch.ui-inputswitch .ui-inputswitch-on {
	background-color: #3fb230 !important;
	height: 25px;
	color: #333333 !important;
}

.edvSmallInpSwitch {
	width: 40px;
	height: 20px;
	display: block;
	margin: auto;
}

.edvSmallInpSwitch.ui-inputswitch .ui-inputswitch-off {
	height: 20px;
	padding-top: 1px;
}

.edvSmallInpSwitch.ui-inputswitch .ui-inputswitch-on {
	height: 20px;
	padding-top: 1px;
}

.edvFilterInpSwitch.ui-inputswitch {
	width: 54px !important;
	display: flex;
}

.edvFilterInpSwitch.ui-inputswitch .ui-inputswitch-off {
	height: 25px;
	padding-top: 2px;
	width: 27px !important;
}

.edvFilterInpSwitch.ui-inputswitch .ui-inputswitch-on {
	background-color: #3fb230 !important;
	height: 25px;
	padding-top: 2px;
	width: 27px !important;
}

.edvFilterInpSwitch.ui-inputswitch .ui-inputswitch-on span {
	width: 24px !important;
}

.edvLargeInpSwitch.ui-inputswitch {
	width: 170px !important;
}

.edvLargeInpSwitch.ui-inputswitch .ui-inputswitch-off {
	height: 25px;
	padding-top: 2px;
	width: 85px !important;
}

.edvLargeInpSwitch.ui-inputswitch .ui-inputswitch-on {
	background-color: #3fb230;
	height: 25px;
	padding-top: 2px;
	width: 85px !important;
}

.edvLargeInpSwitch.ui-inputswitch .ui-inputswitch-on span {
	width: 75px !important;
}

.edvSelectOneBtn {
	width: 400px;
	margin-top: 6px;
	right: 0px;
}

.ui-radiobutton-icon.ui-icon.ui-icon-bullet.ui-c {
	margin-top: -1px;
    margin-left: 0px;
}

.ui-icon-bullet {
    background-position: -80.5px -144.5px;
}

/*Grid CSS aggiunto margine tra le colonne*/
.ui-grid-col-1, .ui-grid-col-2, .ui-grid-col-3, .ui-grid-col-4,
	.ui-grid-col-5, .ui-grid-col-6, .ui-grid-col-7, .ui-grid-col-8,
	.ui-grid-col-9, .ui-grid-col-10, .ui-grid-col-11, .ui-grid-col-12 {
	padding-right: 10px;
	/*padding-left: 10px;*/
}

.ui-grid-row {
	margin-top: 5px;
}

.enmon-no-margin {
	margin: 0px!important;
}

.upload-form div.ui-fileupload-content.ui-widget-content.ui-corner-bottom
	{
	min-height: 434px;
	background-image: url(../../images/upload.png) !important;
	background-position: center;
	background-repeat: no-repeat;
	background-size: 40%
}

.spot-form-label {
	margin-top: 3px;
}

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

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

.full-dialog {
	z-index: 2000 !important;
}

.full-dialog .ui-widget-overlay ui-dialog-mask {
	z-index: 2000 !important;
}

@media ( max-width : 1300px) {
	.ui-grid-col-1, .ui-grid-col-2, .ui-grid-col-3, .ui-grid-col-4,
		.ui-grid-col-5, .ui-grid-col-6, .ui-grid-col-7, .ui-grid-col-8,
		.ui-grid-col-9, .ui-grid-col-10, .ui-grid-col-11, .ui-grid-col-12 {
		width: 100%;
	}
}

.login-page-link {
	font-size: 12px;
}

.signup-message {
	margin-top: 1px;
	margin-left: 0px;
	margin-right: 0px;
}

.login-logo {
	float: right;
	width: 300px;
}

.enmon-menu-btn .ui-button {
	/*background-image: linear-gradient(#6d94bf, #446e9b 50%, #3e648d);
	background-image: linear-gradient(#656564, #585857 50%, #4a4a49);
	background-repeat: no-repeat;*/
	/*border: 1px solid #345578;*/
	/*border: 1px solid #4a4a49;
	color: white;
	text-shadow: none;*/
	font-size: 13px;
	border-radius: 3px;
	margin-right: 3px;
	background: #0084bf !important;
}

.enmon-menu-btn .ui-button.ui-state-hover {
	/*background-image: linear-gradient(#6d94bf, #4277be 50%, #3e648d);
	background-image: linear-gradient(#868685, #585857 50%, #9a9a97);
	background-repeat: no-repeat;*/
	background-color: #283e4a !important;
	background-position: inherit;
	color: white;
	text-shadow: none;
}

.enmon-menu-btn .ui-button.ui-button-text {
	padding: .2em 1em;
}

.enmon-calendar-filtro .ui-inputfield, .ui-widget-content .ui-inputfield,
	.ui-widget-header .ui-inputfield {
	/* 	width: 99%; */
	
}

.ui-progressbar {
	height: 20px !important;
}

.enmon-progressbar .ui-progressbar-value {
	background: #0084bf;
}

.enmon-progressbar .ui-progressbar-label {
	color: #222222;
}

.enmon-highlight {
	background-color: yellow;
	color: #222;
}

.enmon-chkbox-menu {
	width: 100%;
}

.enmon-chkbox-menu .ui-selectcheckboxmenu-multiple-container {
	max-height: 25px;
	overflow-y: auto;
	overflow-x: hidden;
}

.enmon-chkbox-menu-not-max-height .ui-selectcheckboxmenu-multiple-container {
	max-height: none;
}

.enmon-chkbox-menu .ui-selectcheckboxmenu-trigger {
	width: 22px;
}

.enmon-chkbox-menu-extended {
	width: 100%;
}

.enmon-chkbox-menu-extended .ui-selectcheckboxmenu-multiple-container {
	max-height: 75px;
	overflow-y: auto;
	overflow-x: hidden;
}

.enmon-chkbox-menu-extended .ui-selectcheckboxmenu-trigger {
	width: 22px;
}

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

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

.ui-selectcheckboxmenu-filter-container {
	width: 80%;
}

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

/*Sezione assistenza*/
.enmon-support-panel {
    position: fixed;
    pointer-events: auto;
    bottom: 22px;
    right: 10px;
    transition: right 0.3s linear 0s;
    display: flex;
}

.enmon-support-panel:hover > button.enmon-support-btn {
    opacity: 1;
}

.enmon-support-panel-hide {
    position: fixed;
    pointer-events: auto;
    bottom: 22px;
    right: -160px;
    transition: right 0.3s linear 0s;
    display: flex;
}

.enmon-support-panel-hide button {
	pointer-events: none;
}

.enmon-support-btn {
    color: white !important;
    pointer-events: auto;
    background-color: white !important;
    padding: 8px;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    border: 1.5px solid rgb(0, 147, 211);
    opacity: 0;
    margin-top: auto;
    margin-bottom: auto;
    transition: opacity 0.2s linear 0s, box-shadow 0.2s linear 0s, margin-right 0.2s linear 0s;
}

.enmon-support-btn:hover {
    box-shadow: rgb(0 0 0 / 30%) 1px 2px 4px 0px;
    border: 1px solid #53c373 !important;
    background: #1f7574 !important;
}

.enmon-support-question-div {
    position: relative;
    height: 48px;
    width: 200px;
    font-size: 16px !important;
    font-weight: 600 !important;
    line-height: 24px !important;
    text-align: center;
    color: rgb(255, 255, 255);
    background-color: #53c373 !important;
    border: 1px solid #53c373 !important;
    border-radius: 25px;
    vertical-align: middle;
    box-sizing: border-box;
    pointer-events: auto;
    opacity: 1;
    box-shadow: rgb(0 0 0 / 25%) 0px 0px 2px;
    transition: transform 0.12s ease-in-out 0s;
}

.enmon-support-question-div label {
	visibility: visible;
}

.enmon-support-question-div > i.enmon-support-question-icon {
    opacity: 0;
}

.enmon-support-question-div:hover {
	background-color: #283e4a !important;
	transform: scale(1.04);
}

.enmon-support-question-label {
    position: absolute;
    left: 14%;
    top: 21%;
    transition: opacity 0.4s linear 0s;
}

.enmon-support-question-icon {
    margin-right: 10px;
    transition: opacity 0.4s linear 0s;
    position: absolute;
    top: 8px;
    left: 12px;
}

.enmon-support-question-div-hide {
    position: relative;
    height: 48px;
    width: 197px;
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
    text-align: center;
    color: rgb(255, 255, 255);
    background-color: #53c373;
    border: 1px solid #53c373;
    border-radius: 25px;
    vertical-align: middle;
    box-sizing: border-box;
    pointer-events: auto;
    opacity: 1;
    box-shadow: rgb(0 0 0 / 25%) 0px 0px 2px;
    transition: transform 0.12s ease-in-out 0s;
}

.enmon-support-question-div-hide > i.enmon-support-question-icon {
    opacity: 1;
}

.enmon-support-question-div-hide label {
	visibility: hidden;
}

.enmon-support-question-div-hide:hover {
    transform: scale(1.04);
}

.enmon-support-panel-div {
	background: url(../../images/footer_waves_support.png) no-repeat, linear-gradient(#061726, #003B66); 
	background-size: auto; 
	background-position: center bottom; 
	height: 300px;
}

.enmon-support-dialog.ui-dialog .ui-dialog-titlebar {
	background-color: #061726 !important;
}

.enmon-support-dialog.ui-dialog .ui-dialog-content{
	background-color: #ffffff;
	padding: 0;
}

.enmon-support-header {
	background-color: #061726;
	margin: 0;
	padding: 2em;
	padding-bottom: 0;
}

.enmon-support-footer {
	margin-top: 0; 
	background-color: #ffffff; 
	height: 150px
}

.enmon-support-header h2,.enmon-support-header p {
	color: #ffffff;
}

.enmon-support-div {
    margin: 5em 0 .5em 0;
    border-radius: .4em;
    position: relative;
    width: 18em;
    min-width: 18em;
    background: #fff;
   	box-shadow: 0 1px 4px 1px rgba(0, 0, 0, 0.1);
    display: inline-block;
    flex-direction: column;
    justify-content: space-between;
    transition: all 220ms;
}

.enmon-support-div:hover {
	transform: scale(1.045);
}

.enmon-support-div .enmon-support-div-top {
    position: relative;
    padding-top: 2em
}

.enmon-support-div .enmon-support-div-bottom {
    text-align: center;
    padding-bottom: 20px;
}

.enmon-support-div .enmon-support-div-top .enmon-support-div-icons {
    text-align: center;
    padding: 0;
    position: relative;
    overflow: hidden;
}

.enmon-support-div .enmon-support-div-title {
    text-align: center;
    color: #031e33;
    letter-spacing: .02em;
    font-size: 1.1em;
    font-weight: 550;
    margin-bottom: 1em;
    padding-top: 1.5em
}

.enmon-support-div-title p {
    color: #0084bf;
}

.enmon-support-div .enmon-support-div-subtitle {
    text-align: center;
    color: #031e33;
    letter-spacing: .02em;
    font-size: .9em;
    margin: 1em;
}

.enmon-support-div-subtitle p {
    color: #979797;
}

.enmon-support-div .enmon-support-div-bottom .enmon-support-div-btn {
    display: inline-block;
}

.enmon-support-div .enmon-support-div-bottom .enmon-support-div-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: .6em 1.2em;
    width: 9.375em;
    text-decoration: none;
    color: #ffffff;
    background: #0084bf;
    border-radius: .4em;
    text-transform: uppercase;
    letter-spacing: .1em;
    font-size: .8125em;
    font-weight: 600;
    transition: box-shadow .3s ease-in-out;
}

.enmon-support-div .enmon-support-div-top > hr {
    border: 0;
    border-bottom: 0.063em solid #ccc;
    padding-top: 0em;
    margin: 1.5625em 1.5625em;
}

.sidebar .support-custom-panel {
	margin-left: 20px;
    margin-right: 20px;
}

.sidebar .support-custom-panel .support-custom-title {
	color: white;
	font-weight: bold;
	display: block;
}

.sidebar .support-custom-panel .support-custom-link {
	color: white;
	word-break: break-word;
	font-size: 13px;
	display: block;
	font-weight: 500;
}

.sidebar.collapse .support-custom-panel {
	display: none;
}

/**
* Pannello simulazioni
*/
.ui-budget-type-box {
    border: 2px solid #d4d8dd;
    border-radius: 0.25rem;
    text-align: center;
    padding: 1em;
    background-color: #FEFCFF;
}

.ui-budget-type-box:hover {
    border: 2px solid #47b366;
}

.ui-budget-type-col {
	padding: 15px;
}

.ui-budget-type-title {
	font-size: 16px !important;
    font-weight: 700;
    color: #47b366;
}

.ui-budget-type-subtitle {
	font-size: 14px !important;
	font-weight: 600;
    color: #47b366;
}

.ui-budget-type-info {
    color: #516377;
    min-height: 40px;
}

.ui-steps-item {
	width: 100%;
	margin-block: 25px;
	background-color: transparent !important;
    border: none;
}

.ui-steps.enmon-steps {
    margin-bottom: 30px;
}

.ui-steps.enmon-steps .ui-steps-item .ui-menuitem-link {
    display: block;
}

.ui-steps.enmon-steps .ui-steps-item .ui-steps-number {
    background-color: #47b366;
    color: #FFFFFF;
    float: left;
    width: 40px;
    height: 40px;
    border-radius: 4px;
    margin-top: -10px;
    margin-right: 20px;
    outline: none;
}

.ui-steps.enmon-steps .ui-steps-item .ui-steps-title {
     color: #000000;
     text-align: left;
}

.ui-steps.enmon-steps .ui-steps-item .ui-steps-number:before{
    content: '';
    border-left: 2px solid;
    border-color: #e6e6e6;
    z-index: -1;
    height: 62px;
    position: absolute;
    top: 40px;
    left: 34px;
}

.ui-steps.enmon-steps .ui-steps-item:last-child .ui-steps-number:before{
 	content:none;
}

.ui-steps.enmon-steps .ui-steps-item.ui-state-default:not(.ui-state-disabled) .ui-steps-number:before{
	border-color: #0081c2;
}
/**
*
*/

@media ( max-width : 900px) {
	.ui-grid-responsive .ui-grid-row {
		display: block;
	}
	.login-logo {
		float: none;
	}
}

@media ( max-width : 1440px) {
	.dashboard-button {
		display: none;
	}
}

@media ( min-width : 1441px) {
	.dashboard-button {
		
	}
}

@media ( max-width : 1440px) {
	.dashboard-button-small {
		
	}
}

@media ( min-width : 1441px) {
	.dashboard-button-small {
		display: none;
	}
}

@media ( max-width : 1440px) {
	.ui-menubutton {
		visibility: visibile;
	}
}

@media ( min-width : 1441px) {
	.ui-menubutton {
		visibility: hidden;
	}
}

@-moz-document url-prefix() {
	
	.enmon-selonemenu.ui-selectonemenu {
    	height: 28px;
	}

	.enmon-selonemenu.ui-selectonemenu label {
    	height: 23px;
	}

	.ui-widget-content .ui-inputfield {
	    height: 25px;
	}
}

@media not all and (min-resolution:.001dpcm){ 
	@supports (-webkit-appearance:none) and (stroke-color:transparent) {
	    .enmon-selonemenu.ui-selectonemenu {
	    	height: 28px;
		}
	
		.enmon-selonemenu.ui-selectonemenu label {
	    	height: 23px;
		}
	
		.ui-widget-content .ui-inputfield {
		    height: 25px;
		}
	}
}

.card-panel-odl-to-plan {
	max-width: 280px;
	min-width: 250px;
	border-radius: 5px;
}

.enmon-treenode .ui-treenode-icon.ui-icon {
	display: inherit;
}

.ui-picklist .ui-picklist-buttons {
    padding: 0 35px;
}

.enmon-picklist .ui-picklist-buttons button {
	border: 1px solid #1f89ce;
    color: #fff;
    font-size: 13px;
    border-radius: 3px;
    margin-right: 3px;
    background: #0084bf !important;
    padding: 0;
}

.enmon-picklist .ui-picklist-buttons .ui-state-hover {
	background-color: #283e4a !important;
}

.enmon-picklist .ui-button-text {
    padding: 0.2em;
}

.enmon-picklist .ui-icon-search {
    background-image: url(../../images/lente.png);
    background-size: 100% 100%;
    margin-top: 3px;
    margin-right: 3px;
    background-position: 0;
}

.enmon-picklist .ui-picklist-caption.ui-widget-header {
	background: #ebedf0;
    border-color: #d9d9d9;
    font-size: 12px;
}

.enmon-breadcrumb .ui-breadcrumb-chevron.ui-icon.ui-icon-triangle-1-e:before {
	content: "/";
	font-weight: normal;
	font-size: large;
	margin-left: 1px;
	margin-right: 6px;
	color: #0084bf;
}

.enmon-breadcrumb .ui-icon {
	text-indent: unset;
	background-image: none;
	margin-top: 3px;
	width: unset;
}

.enmon-breadcrumb .fa {
	font-size: medium;
}

.enmon-breadcrumb .fa-file-o {
	font-size: small;
}

.enmon-breadcrumb .fa-home {
	font-size: larger;
}

.enmon-breadcrumb .ui-menuitem-link.ui-corner-all.ui-icon.ui-icon-home {
    width: auto;
    height: auto;
    margin-top: 3px;
    font-weight: normal;
}

.enmon-breadcrumb .ui-menuitem-link.ui-corner-all {
	text-decoration: none;
	outline: none;
	font-weight: normal;
	color: #0084bf;
}

.enmon-breadcrumb .ui-menuitem-icon.ui-icon  {
	margin-right: 3px;
}

.enmon-breadcrumb .ui-menuitem-text:hover {
	text-decoration: underline;
}

.enmon-breadcrumb {
    padding: 0px;
    background: none;
    border: none;
}

.enmon-timer {
    border: none;
    background: none;
    padding: 4px;
}

.fa {
	font-family: 'FontAwesome' !important;
	font-weight: 400 !important;
}

.fa-cloud-upload:before {
    content: "\f0ee" !important;
}

.enmon-eass-est-grid .ui-grid.ui-grid-responsive {
	overflow-x: hidden;
}

.enmon-upload-form {
    min-height: 300px;
    border: 3px dashed #e0eafc;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    margin: 10px auto;
}

.enmon-upload-form .content {
    flex-direction: column;
    display: flex;
    align-items: center;
    justify-content: center;
}

.enmon-upload-form .icon {
  font-size: 50px;
  color: #1f89ce;
  opacity: 0.7;
}

.enmon-upload-form .content .header {
  font-size: 14px;
  font-weight: 600;
  color: #34495e;
}

.enmon-upload-form .content .button {
  font-size: 14px;
  font-weight: 500;
  color: #1683ff;
  cursor: pointer;
}

.enmon-upload-form .content.active {
  border: 2px solid #1683ff;
}

.enmon-upload-form .content img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.enmon-upload-form .content .ui-button.ui-state-default{
  border: none;
  background: transparent;
  color: #1f89ce;
}

.enmon-upload-form .content .ui-button-text {
  padding: 0;
  font-weight: bold;
  font-size: 16px;
}

.enmon-upload-form .content .ui-icon {
  display: none;
}

.enmon-upload-form .ui-fileupload-filename {
	display: none;
}

.enmon-no-pads {
    padding: 0px;
}

.enmon-dataList .ui-datalist-content {
	border: none;
}

.enmon-dataList {
	flex: auto;
	max-width: -webkit-fill-available;
}

.enmon-dataList .ui-panel {
	border-radius: 6px;
	margin-bottom: 4px;
}

.enmon-datalist-card-clock .fa.fa-clock-o.fa-fw {
	text-align: inherit;
}

.enmon-datalist-card-clock .fa.fa-clock-o.fa-fw.fa-lg {
	line-height: initial;
	color: white;
}

.enmon-datalist-card-info-circle .fa.fa-info-circle.fa-fw.fa-lg {
	line-height: initial;
	color: white;
}

.enmon-dataList .ui-paginator.ui-paginator-bottom {
    border: none;
    background: none;
}

.enmon-dataList .ui-paginator-current {
    margin-left: 0em;
    margin-right: 0em;
    text-align: left;
    padding: unset;
}

.enmon-dataList .ui-datalist-empty-message {
	font-size: 12px;
}

.enmon-form-label-card {
	white-space: pre-line;
	font-size: 12px !important;
	margin-bottom: 2px;
}
 
.enmon-schedule .fc-toolbar {
	width: 25%;
	margin-left: 37.5%;
}

.enmon-schedule .fc-button {
	background-color: #1f89ce;
    border: 1px solid #1f89ce;
}

.enmon-schedule .fc-widget-header {
	border-bottom: none;
}

.enmon-schedule .fc-widget-content {
	border-top: none;
}

.enmon-schedule .fc-row table {
	border-bottom: unset;
}

.enmon-schedule .fc-day-header span {
	font-weight: 500;
    line-height: 20px;
}

.enmon-schedule .fc-day-number {
	text-align: center;
    border-radius: 50%;
    vertical-align: middle;
    width: 25px;
    height: 25px;
    line-height: 25px;
}

.enmon-schedule .fc-day-top.fc-today span {
	text-align: center;
    border-radius: 50%;
    vertical-align: middle;
    background-color: #1f89ce;
    width: 25px;
    height: 25px;
    line-height: 25px;
    color: white;
}

.enmon-schedule td.fc-today {
    background-color: unset;
    border-top-style: none;
}

.enmon-schedule div.fc-scroller.fc-time-grid-container>div.fc-time-grid>div.fc-slats>table>tbody>tr>td {
	border-bottom: solid; 
    border-bottom-width: 1px; 
    border-top-width: 1px; 
    border-bottom-color: #ddd; 
}

.enmon-schedule .fc-day-grid-event.fc-h-event.fc-event.fc-start.fc-end.fc-draggable {
    background-color: #1f89ce;
    border: 1px solid #1f89ce;
    color: #fff;
}

.enmon-schedule .fc-time-grid-event.fc-event.fc-start.fc-end.fc-draggable.fc-resizable {
	background-color: #1f89ce;
    border: 1px solid #1f89ce;
    color: #fff;
}

.enmon-schedule .fc-title {
	white-space: pre-wrap;
}

.enmon-wizard-dialog .ui-dialog-content.ui-widget-content {
	overflow: unset;
}

#page-loading {
  z-index: 999;
  background-color: transparent;
}

#page-loading .label-loading {
   color: #90AABF;
   position: absolute;
   top: 35%;
   margin: 0 auto;
   left: 0;
   right: 0;
   font-size: 16px;
   text-align: center;
}

#page-loading .dots {
  margin: 0 auto;
  width: 70px;
  text-align: center;
  position: absolute;
  left: 0;
  right: 0;
  top: 45%;
}

#page-loading .dots .dot {
  position: relative;
  width: 15px;
  height: 15px;
  border-radius: 50%;
  display: inline-block;
  -webkit-animation: bouncedelay 2.0s infinite cubic-bezier(.62, .28, .23, .99) both;
  animation: bouncedelay 2.0s infinite cubic-bezier(.62, .28, .23, .99) both;
}

#page-loading .dots .dot1 {
  -webkit-animation-delay: -.16s;
  animation-delay: -.16s;
}

#page-loading .dots .dot2 {
  -webkit-animation-delay: -.08s;
  animation-delay: -.08s;
}

.small-italic{
	font-size: 11px !important;
	font-style:italic;
}

.enmon-column-truncate {
	text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.ui-autocomplete-item.ui-autocomplete-row.ui-widget-content {
	border: 1px solid #ffffff;
}

.ui-autocomplete-panel.ui-widget-content.ui-corner-all.ui-helper-hidden.ui-shadow.ui-input-overlay {
	padding: 0.4em;
}

.ui-autocomplete-items.ui-autocomplete-list {
	padding: unset;
}

.ui-autocomplete-item.ui-autocomplete-row.ui-widget-content.ui-corner-all td {
	padding: 3px 5px;
	border-radius: 3px;
	margin: 1px 0;
	border-style: hidden;
}

@-moz-document url-prefix() {
	.ui-autocomplete-item.ui-autocomplete-row.ui-widget-content.ui-corner-all.ui-state-highlight td {
		background-color: #0084bf;
	}
	
	.ui-autocomplete-item.ui-autocomplete-row.ui-widget-content.ui-corner-all.ui-state-highlight {
		background-color: unset;
		background: unset;
	}
}

.highcharts-no-tooltip.highcharts-button.highcharts-contextbutton {
	transform: translate(0px, 0px);
}

.highcharts-no-tooltip.highcharts-button.highcharts-button-hover rect {
	fill: white;
	width: 26px !important;
	height: 24px !important;
}
.highcharts-no-tooltip.highcharts-button.highcharts-button-pressed rect {
	fill: white;
	width: 26px !important;
	height: 24px !important;
}

.highcharts-no-tooltip.highcharts-button.highcharts-button-hover path {
	stroke: #47b366;
}

.highcharts-no-tooltip.highcharts-button.highcharts-button-pressed path {
	stroke: #47b366;
}

.highcharts-no-tooltip.highcharts-button path {
	stroke: #222;
	d: path('M 6 6.5 L 21 6.5 M 6 12.5 L 21 12.5 M 6 18.5 L 21 18.5');
}

.highcharts-contextmenu > div {
	box-shadow: 0 1px 3px 0 rgb(0 0 0 / 30%) !important;
    border: 1px solid #d5d5d5;
}

.enmon-highcharts-contextmenu {
	right: unset !important;
	padding: unset !important;
	padding-top: 18px !important;
	padding-left: 4px !important;
}

.enmon-highcharts-contextmenu .highcharts-menu {
	box-shadow: 0 1px 3px 0 rgb(0 0 0 / 30%) !important;
	border: 1px solid #d5d5d5 !important;
	padding: 4px 5px !important;
}

.enmon-highcharts-contextmenu .highcharts-menu hr {
	margin-top: unset !important;
	margin-bottom: unset !important;
}

.enmon-highcharts-contextmenu .highcharts-menu-item:hover {
	background: #11B390 !important;
	border-radius: 3px !important;
}

.enmon-highcharts-contextmenu .highcharts-menu-item {
	font-size: 14px !important;
    margin-bottom: unset !important;
    font-family: 'Poppins', sans-serif !important;
    font-weight: normal !important;
    padding: 0.2em 0.5em !important;
}

.card-panel-mail-message {
	margin-right: 15px;
	width: 75%;
	margin-bottom: 10px;
	background-color: #fff;
	padding: 0px;
	border-radius: 3px;
	box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 7px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;
}

.card-panel-mail-message-form {
	padding-top: 2px;
	padding-left: 12px;
	padding-right: 12px;
}

.card-panel-mail-message-content {
	padding-left: 20px; 
	padding-right: 0; 
	margin-bottom: 8px; 
	position: relative;
	overflow: hidden;
	height: 140px;
}

.card-panel-mail-message-content.show-detail {
	overflow: visible;
	height: 100%;
}

.card-panel-mail-message-preview {
    background-image: linear-gradient(rgba(255, 255, 255, 0), rgb(255, 255, 255));
    background-size: 100% 32px;
    height: 32px;
    pointer-events: none;
    position: absolute;
    bottom: 0px;
    left: 0px;
    right: 0px;
}

.show-detail .card-panel-mail-message-preview {
    background-image: none;
}

.mail-message-arrow {
	position: absolute; 
	cursor: pointer;
	width: 6px; 
	left: 0px; 
	top: 9px; 
	stroke: #0084bf; 
}

.show-detail .mail-message-arrow {
	transform: rotate(90deg);
    transition: all 150ms ease-out 0s;
}

.mail-message-label-date {
	color: #808080;
}

.mail-message-label-subject {
	color: #0084bf;
	font-weight: 600;
	font-size: 13px !important;
}

.mail-message-label-subject:hover {
	text-decoration: underline;
	cursor: pointer;
}

.mail-message-label-email {
	color: #707070;
}

.mail-message-label-email.word-break {
	white-space: normal;
    word-break: break-word;
}

.mail-message-label-body {
	 font-size: 13px !important;
     padding-top: 8px;
}

.mail-message-label-attachment {
	color: #3399f3 !important;
}

.mail-message-label-attachment i {
	font-size: 20px;
    float: left;
    color: #808080;
    margin-right: 5px;
}

.calendar-date-from {
	padding-right: 10px;
}

.calendar-period-month {
	padding-right: 10px;
}

.card-panel-chart {
	width: 100%;
	height: 100%;
	background-color: #fff;
	border-radius: 0.5rem;
	box-shadow: 0 7px 14px 0 rgb(65 69 88 / 10%), 0 3px 6px 0 rgb(0 0 0 / 7%);
	background-clip: border-box;
	padding-right: 0;
}

.card-panel-chart-no-shadow-hor {
	height: 65%;
	background-color: #fff;
	border-radius: 0.5rem 0.5rem 0.25rem 0.25rem;
	margin: 0;
	background-clip: border-box;
	padding: 12px;
}

.card-panel-chart-no-shadow-ver {
	height: 72%;
	background-color: #fff;
	border-radius: 0.5rem 0.5rem 0.25rem 0.25rem;
	margin: 0;
	background-clip: border-box;
	padding: 12px;
}

.chart-title {
	font-size: 16px!important;
	font-weight: 500;
	color: #000000;
}

.chart-title-fill {
	font-size: 16px!important;
	font-weight: 500;
	color: #ffffff;
}

.chart-label {
	color: #4E5969;
	font-weight: 500;
}

.chart-label-fill {
	color: #ffffff;
	font-weight: 500;
}

.chart-value-big{
	color: #000000;
	font-weight: 600;
	font-size: 20px!important;
}

.chart-value-fill-big{
	color: #ffffff;
	font-weight: 600;
	font-size: 20px!important;
}

.chart-value-normal{
	color: #000000;
	font-weight: 600;
	font-size: 16px!important;
}

.chart-icon-fill{
	color: #ffffff;
}

.chart-icon{
	color: #000000;
}

.apexcharts-legend {
    flex-direction: row;
    flex-wrap: wrap;
    align-content: space-between;
}

#w_tipologia svg, foreignObject {
  overflow: visible !important;
}

#w_tipologia .apexcharts-graphical {
	display: contents;
}

#w_non_fatt .apexcharts-graphical {
	display: contents;
}

#areas .apexcharts-graphical {
	display: contents;
}

#areas svg, foreignObject {
  overflow: visible !important;
}

.pie-chart .apexcharts-legend-series{
	 margin: 0px 0px !important;
	 width: fit-content;
}

.pie-chart .apexcharts-legend-marker {
	height: 40px !important;
    width: 5px !important;
    margin-right: 8px !important;
}

.pie-chart .apexcharts-legend-text {
	float: right;
}

.chart-label-expired {
	background: #FFECE8;
    border-radius: 18px;
    text-align: center;
    padding: 3px;
}

.chart-label-expired label {
	color: #F53F3F!important;
}

.chart-label-expired span {
	color: #F53F3F!important;
}

.nav-dots .nav-dot {
	top: -5px;
	width: 11px;
	height: 11px;
	margin: 0 4px;
	position: relative;
	border-radius: 100%;
	display: inline-block;
	background-color: #d6d6d6;
}

.nav-dots .nav-dot.active {
	background-color: rgba(0, 0, 0, 0.6) !important;
}

#areas {
	display: block;
}

.hide-chart {
	display: none !important;
}


#criticalHistoryLine {
	display: block;
}

.nav-dots .nav-dot:hover {
	cursor: pointer;
	/* background-color: rgba(0, 0, 0, 0.8); */
}

.enmon-fileUpload-only-select .ui-button.ui-widget.ui-state-default.ui-corner-all.ui-button-text-icon-left.ui-fileupload-upload {
	visibility: hidden;
}

.enmon-fileUpload-only-select .ui-button.ui-widget.ui-state-default.ui-corner-all.ui-button-text-icon-left.ui-fileupload-cancel {
	visibility: hidden;
}

.tooltip-transparent .ui-tooltip-text.ui-shadow.ui-corner-all {
	padding-top: 15px;
	padding-bottom: 15px;
	padding-left: 15px;
	padding-right: 15px;
	background-color: #FFFFFF;
}

.enmon-color-filter{
	filter: invert(57%) sepia(48%) saturate(485%) hue-rotate(85deg) brightness(95%) contrast(93%);
}

.tooltip-transparent .fa.fa-close:before {
	color: #061726;
}

.tooltip-transparent .enmon-form-label {
	    font-size: 16px!important;
    font-weight: 500;
    color: #000000;
}

.enmon-table-default {
	border-collapse: separate;
    border-spacing: 15px 0px;
}

#sub-menu-footer {
	color: #99FF99;
	text-align: center; 
	position: absolute;
    bottom: 10px;
    width: 100%;
}

#sub-menu-footer p{
	margin: 0;
}

div[id^="podClusterKpiHistoryLineChart"] .apexcharts-legend {
	padding-top: 10px;
}

div[id^="podClusterKpiHistoryLineChart"] .apexcharts-tooltip {
    color: #373d3f;
    font-family: 'Poppins', sans-serif !important;
    font-size: 12px;
  }


@keyframes bouncedelay {
  0% {
    bottom: 0;
    background-color: #C6FF48;
  }
  16.66% {
    bottom: 30px;
    background-color: #8cffa2;
  }
  33.33% {
    bottom: 0px;
    background-color: #8cffa2;
  }
  50% {
    bottom: 30px;
    background-color: #50FFFF;
  }
  66.66% {
    bottom: 0px;
    background-color: #50FFFF;
  }
  83.33% {
    bottom: 30px;
    background-color: #C6FF48;
  }
  100% {
    bottom: 0;
    background-color: #C6FF48;
  }
}

@-webkit-keyframes bouncedelay {
  0% {
    bottom: 0;
    background-color: #C6FF48;
  }
  16.66% {
    bottom: 30px;
    background-color: #8cffa2;
  }
  33.33% {
    bottom: 0px;
    background-color: #8cffa2;
  }
  50% {
    bottom: 30px;
    background-color: #50FFFF;
  }
  66.66% {
    bottom: 0px;
    background-color: #50FFFF;
  }
  83.33% {
    bottom: 30px;
    background-color: #C6FF48;
  }
  100% {
    bottom: 0;
    background-color: #C6FF48;
  }
}