/* required styles */

.leaflet-pane,
.leaflet-tile,
.leaflet-marker-icon,
.leaflet-marker-shadow,
.leaflet-tile-container,
.leaflet-pane > svg,
.leaflet-pane > canvas,
.leaflet-zoom-box,
.leaflet-image-layer,
.leaflet-layer {
	position: absolute;
	left: 0;
	top: 0;
	}
.leaflet-container {
	overflow: hidden;
	}
.leaflet-tile,
.leaflet-marker-icon,
.leaflet-marker-shadow {
	-webkit-user-select: none;
	   -moz-user-select: none;
	        user-select: none;
	  -webkit-user-drag: none;
	}
/* Prevents IE11 from highlighting tiles in blue */
.leaflet-tile::selection {
	background: transparent;
}
/* Safari renders non-retina tile on retina better with this, but Chrome is worse */
.leaflet-safari .leaflet-tile {
	image-rendering: -webkit-optimize-contrast;
	}
/* hack that prevents hw layers "stretching" when loading new tiles */
.leaflet-safari .leaflet-tile-container {
	width: 1600px;
	height: 1600px;
	-webkit-transform-origin: 0 0;
	}
.leaflet-marker-icon,
.leaflet-marker-shadow {
	display: block;
	}
/* .leaflet-container svg: reset svg max-width decleration shipped in Joomla! (joomla.org) 3.x */
/* .leaflet-container img: map is broken in FF if you have max-width: 100% on tiles */
.leaflet-container .leaflet-overlay-pane svg {
	max-width: none !important;
	max-height: none !important;
	}
.leaflet-container .leaflet-marker-pane img,
.leaflet-container .leaflet-shadow-pane img,
.leaflet-container .leaflet-tile-pane img,
.leaflet-container img.leaflet-image-layer,
.leaflet-container .leaflet-tile {
	max-width: none !important;
	max-height: none !important;
	width: auto;
	padding: 0;
	}

.leaflet-container img.leaflet-tile {
	/* See: https://bugs.chromium.org/p/chromium/issues/detail?id=600120 */
	mix-blend-mode: plus-lighter;
}

.leaflet-container.leaflet-touch-zoom {
	-ms-touch-action: pan-x pan-y;
	touch-action: pan-x pan-y;
	}
.leaflet-container.leaflet-touch-drag {
	-ms-touch-action: pinch-zoom;
	/* Fallback for FF which doesn't support pinch-zoom */
	touch-action: none;
	touch-action: pinch-zoom;
}
.leaflet-container.leaflet-touch-drag.leaflet-touch-zoom {
	-ms-touch-action: none;
	touch-action: none;
}
.leaflet-container {
	-webkit-tap-highlight-color: transparent;
}
.leaflet-container a {
	-webkit-tap-highlight-color: rgba(51, 181, 229, 0.4);
}
.leaflet-tile {
	filter: inherit;
	visibility: hidden;
	}
.leaflet-tile-loaded {
	visibility: inherit;
	}
.leaflet-zoom-box {
	width: 0;
	height: 0;
	-moz-box-sizing: border-box;
	     box-sizing: border-box;
	z-index: 800;
	}
/* workaround for https://bugzilla.mozilla.org/show_bug.cgi?id=888319 */
.leaflet-overlay-pane svg {
	-moz-user-select: none;
	}

.leaflet-pane         { z-index: 400; }

.leaflet-tile-pane    { z-index: 200; }
.leaflet-overlay-pane { z-index: 400; }
.leaflet-shadow-pane  { z-index: 500; }
.leaflet-marker-pane  { z-index: 600; }
.leaflet-tooltip-pane   { z-index: 650; }
.leaflet-popup-pane   { z-index: 700; }

.leaflet-map-pane canvas { z-index: 100; }
.leaflet-map-pane svg    { z-index: 200; }

.leaflet-vml-shape {
	width: 1px;
	height: 1px;
	}
.lvml {
	behavior: url(#default#VML);
	display: inline-block;
	position: absolute;
	}


/* control positioning */

.leaflet-control {
	position: relative;
	z-index: 800;
	pointer-events: visiblePainted; /* IE 9-10 doesn't have auto */
	pointer-events: auto;
	}
.leaflet-top,
.leaflet-bottom {
	position: absolute;
	z-index: 1000;
	pointer-events: none;
	}
.leaflet-top {
	top: 0;
	}
.leaflet-right {
	right: 0;
	}
.leaflet-bottom {
	bottom: 0;
	}
.leaflet-left {
	left: 0;
	}
.leaflet-control {
	float: left;
	clear: both;
	}
.leaflet-right .leaflet-control {
	float: right;
	}
.leaflet-top .leaflet-control {
	margin-top: 10px;
	}
.leaflet-bottom .leaflet-control {
	margin-bottom: 10px;
	}
.leaflet-left .leaflet-control {
	margin-left: 10px;
	}
.leaflet-right .leaflet-control {
	margin-right: 10px;
	}


/* zoom and fade animations */

.leaflet-fade-anim .leaflet-popup {
	opacity: 0;
	-webkit-transition: opacity 0.2s linear;
	   -moz-transition: opacity 0.2s linear;
	        transition: opacity 0.2s linear;
	}
.leaflet-fade-anim .leaflet-map-pane .leaflet-popup {
	opacity: 1;
	}
.leaflet-zoom-animated {
	-webkit-transform-origin: 0 0;
	    -ms-transform-origin: 0 0;
	        transform-origin: 0 0;
	}
svg.leaflet-zoom-animated {
	will-change: transform;
}

.leaflet-zoom-anim .leaflet-zoom-animated {
	-webkit-transition: -webkit-transform 0.25s cubic-bezier(0,0,0.25,1);
	   -moz-transition:    -moz-transform 0.25s cubic-bezier(0,0,0.25,1);
	        transition:         transform 0.25s cubic-bezier(0,0,0.25,1);
	}
.leaflet-zoom-anim .leaflet-tile,
.leaflet-pan-anim .leaflet-tile {
	-webkit-transition: none;
	   -moz-transition: none;
	        transition: none;
	}

.leaflet-zoom-anim .leaflet-zoom-hide {
	visibility: hidden;
	}


/* cursors */

.leaflet-interactive {
	cursor: pointer;
	}
.leaflet-grab {
	cursor: -webkit-grab;
	cursor:    -moz-grab;
	cursor:         grab;
	}
.leaflet-crosshair,
.leaflet-crosshair .leaflet-interactive {
	cursor: crosshair;
	}
.leaflet-popup-pane,
.leaflet-control {
	cursor: auto;
	}
.leaflet-dragging .leaflet-grab,
.leaflet-dragging .leaflet-grab .leaflet-interactive,
.leaflet-dragging .leaflet-marker-draggable {
	cursor: move;
	cursor: -webkit-grabbing;
	cursor:    -moz-grabbing;
	cursor:         grabbing;
	}

/* marker & overlays interactivity */
.leaflet-marker-icon,
.leaflet-marker-shadow,
.leaflet-image-layer,
.leaflet-pane > svg path,
.leaflet-tile-container {
	pointer-events: none;
	}

.leaflet-marker-icon.leaflet-interactive,
.leaflet-image-layer.leaflet-interactive,
.leaflet-pane > svg path.leaflet-interactive,
svg.leaflet-image-layer.leaflet-interactive path {
	pointer-events: visiblePainted; /* IE 9-10 doesn't have auto */
	pointer-events: auto;
	}

/* visual tweaks */

.leaflet-container {
	background: #ddd;
	outline-offset: 1px;
	}
.leaflet-container a {
	color: #0078A8;
	}
.leaflet-zoom-box {
	border: 2px dotted #38f;
	background: rgba(255,255,255,0.5);
	}


/* general typography */
.leaflet-container {
	font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-size: 0.75rem;
	line-height: 1.5;
	}


/* general toolbar styles */

.leaflet-bar {
	box-shadow: 0 1px 5px rgba(0,0,0,0.65);
	border-radius: 4px;
	}
.leaflet-bar a {
	background-color: #fff;
	border-bottom: 1px solid #ccc;
	width: 26px;
	height: 26px;
	line-height: 26px;
	display: block;
	text-align: center;
	text-decoration: none;
	color: black;
	}
.leaflet-bar a,
.leaflet-control-layers-toggle {
	background-position: 50% 50%;
	background-repeat: no-repeat;
	display: block;
	}
.leaflet-bar a:hover,
.leaflet-bar a:focus {
	background-color: #f4f4f4;
	}
.leaflet-bar a:first-child {
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	}
.leaflet-bar a:last-child {
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
	border-bottom: none;
	}
.leaflet-bar a.leaflet-disabled {
	cursor: default;
	background-color: #f4f4f4;
	color: #bbb;
	}

.leaflet-touch .leaflet-bar a {
	width: 30px;
	height: 30px;
	line-height: 30px;
	}
.leaflet-touch .leaflet-bar a:first-child {
	border-top-left-radius: 2px;
	border-top-right-radius: 2px;
	}
.leaflet-touch .leaflet-bar a:last-child {
	border-bottom-left-radius: 2px;
	border-bottom-right-radius: 2px;
	}

/* zoom control */

.leaflet-control-zoom-in,
.leaflet-control-zoom-out {
	font: bold 18px 'Lucida Console', Monaco, monospace;
	text-indent: 1px;
	}

.leaflet-touch .leaflet-control-zoom-in, .leaflet-touch .leaflet-control-zoom-out  {
	font-size: 22px;
	}


/* layers control */

.leaflet-control-layers {
	box-shadow: 0 1px 5px rgba(0,0,0,0.4);
	background: #fff;
	border-radius: 5px;
	}
.leaflet-control-layers-toggle {
	background-image: url(/images/layers.png);
	width: 36px;
	height: 36px;
	}
.leaflet-retina .leaflet-control-layers-toggle {
	background-image: url(/images/layers-2x.png);
	background-size: 26px 26px;
	}
.leaflet-touch .leaflet-control-layers-toggle {
	width: 44px;
	height: 44px;
	}
.leaflet-control-layers .leaflet-control-layers-list,
.leaflet-control-layers-expanded .leaflet-control-layers-toggle {
	display: none;
	}
.leaflet-control-layers-expanded .leaflet-control-layers-list {
	display: block;
	position: relative;
	}
.leaflet-control-layers-expanded {
	padding: 6px 10px 6px 6px;
	color: #333;
	background: #fff;
	}
.leaflet-control-layers-scrollbar {
	overflow-y: scroll;
	overflow-x: hidden;
	padding-right: 5px;
	}
.leaflet-control-layers-selector {
	margin-top: 2px;
	position: relative;
	top: 1px;
	}
.leaflet-control-layers label {
	display: block;
	font-size: 13px;
	font-size: 1.08333em;
	}
.leaflet-control-layers-separator {
	height: 0;
	border-top: 1px solid #ddd;
	margin: 5px -10px 5px -6px;
	}

/* Default icon URLs */
.leaflet-default-icon-path { /* used only in path-guessing heuristic, see L.Icon.Default */
	background-image: url(/images/marker-icon.png);
	}


/* attribution and scale controls */

.leaflet-container .leaflet-control-attribution {
	background: #fff;
	background: rgba(255, 255, 255, 0.8);
	margin: 0;
	}
.leaflet-control-attribution,
.leaflet-control-scale-line {
	padding: 0 5px;
	color: #333;
	line-height: 1.4;
	}
.leaflet-control-attribution a {
	text-decoration: none;
	}
.leaflet-control-attribution a:hover,
.leaflet-control-attribution a:focus {
	text-decoration: underline;
	}
.leaflet-attribution-flag {
	display: inline !important;
	vertical-align: baseline !important;
	width: 1em;
	height: 0.6669em;
	}
.leaflet-left .leaflet-control-scale {
	margin-left: 5px;
	}
.leaflet-bottom .leaflet-control-scale {
	margin-bottom: 5px;
	}
.leaflet-control-scale-line {
	border: 2px solid #777;
	border-top: none;
	line-height: 1.1;
	padding: 2px 5px 1px;
	white-space: nowrap;
	-moz-box-sizing: border-box;
	     box-sizing: border-box;
	background: rgba(255, 255, 255, 0.8);
	text-shadow: 1px 1px #fff;
	}
.leaflet-control-scale-line:not(:first-child) {
	border-top: 2px solid #777;
	border-bottom: none;
	margin-top: -2px;
	}
.leaflet-control-scale-line:not(:first-child):not(:last-child) {
	border-bottom: 2px solid #777;
	}

.leaflet-touch .leaflet-control-attribution,
.leaflet-touch .leaflet-control-layers,
.leaflet-touch .leaflet-bar {
	box-shadow: none;
	}
.leaflet-touch .leaflet-control-layers,
.leaflet-touch .leaflet-bar {
	border: 2px solid rgba(0,0,0,0.2);
	background-clip: padding-box;
	}


/* popup */

.leaflet-popup {
	position: absolute;
	text-align: center;
	margin-bottom: 20px;
	}
.leaflet-popup-content-wrapper {
	padding: 1px;
	text-align: left;
	border-radius: 12px;
	}
.leaflet-popup-content {
	margin: 13px 24px 13px 20px;
	line-height: 1.3;
	font-size: 13px;
	font-size: 1.08333em;
	min-height: 1px;
	}
.leaflet-popup-content p {
	margin: 17px 0;
	margin: 1.3em 0;
	}
.leaflet-popup-tip-container {
	width: 40px;
	height: 20px;
	position: absolute;
	left: 50%;
	margin-top: -1px;
	margin-left: -20px;
	overflow: hidden;
	pointer-events: none;
	}
.leaflet-popup-tip {
	width: 17px;
	height: 17px;
	padding: 1px;

	margin: -10px auto 0;
	pointer-events: auto;

	-webkit-transform: rotate(45deg);
	   -moz-transform: rotate(45deg);
	    -ms-transform: rotate(45deg);
	        transform: rotate(45deg);
	}
.leaflet-popup-content-wrapper,
.leaflet-popup-tip {
	background: white;
	color: #333;
	box-shadow: 0 3px 14px rgba(0,0,0,0.4);
	}
.leaflet-container a.leaflet-popup-close-button {
	position: absolute;
	top: 0;
	right: 0;
	border: none;
	text-align: center;
	width: 24px;
	height: 24px;
	font: 16px/24px Tahoma, Verdana, sans-serif;
	color: #757575;
	text-decoration: none;
	background: transparent;
	}
.leaflet-container a.leaflet-popup-close-button:hover,
.leaflet-container a.leaflet-popup-close-button:focus {
	color: #585858;
	}
.leaflet-popup-scrolled {
	overflow: auto;
	}

.leaflet-oldie .leaflet-popup-content-wrapper {
	-ms-zoom: 1;
	}
.leaflet-oldie .leaflet-popup-tip {
	width: 24px;
	margin: 0 auto;

	-ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)";
	filter: progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678);
	}

.leaflet-oldie .leaflet-control-zoom,
.leaflet-oldie .leaflet-control-layers,
.leaflet-oldie .leaflet-popup-content-wrapper,
.leaflet-oldie .leaflet-popup-tip {
	border: 1px solid #999;
	}


/* div icon */

.leaflet-div-icon {
	background: #fff;
	border: 1px solid #666;
	}


/* Tooltip */
/* Base styles for the element that has a tooltip */
.leaflet-tooltip {
	position: absolute;
	padding: 6px;
	background-color: #fff;
	border: 1px solid #fff;
	border-radius: 3px;
	color: #222;
	white-space: nowrap;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	pointer-events: none;
	box-shadow: 0 1px 3px rgba(0,0,0,0.4);
	}
.leaflet-tooltip.leaflet-interactive {
	cursor: pointer;
	pointer-events: auto;
	}
.leaflet-tooltip-top:before,
.leaflet-tooltip-bottom:before,
.leaflet-tooltip-left:before,
.leaflet-tooltip-right:before {
	position: absolute;
	pointer-events: none;
	border: 6px solid transparent;
	background: transparent;
	content: "";
	}

/* Directions */

.leaflet-tooltip-bottom {
	margin-top: 6px;
}
.leaflet-tooltip-top {
	margin-top: -6px;
}
.leaflet-tooltip-bottom:before,
.leaflet-tooltip-top:before {
	left: 50%;
	margin-left: -6px;
	}
.leaflet-tooltip-top:before {
	bottom: 0;
	margin-bottom: -12px;
	border-top-color: #fff;
	}
.leaflet-tooltip-bottom:before {
	top: 0;
	margin-top: -12px;
	margin-left: -6px;
	border-bottom-color: #fff;
	}
.leaflet-tooltip-left {
	margin-left: -6px;
}
.leaflet-tooltip-right {
	margin-left: 6px;
}
.leaflet-tooltip-left:before,
.leaflet-tooltip-right:before {
	top: 50%;
	margin-top: -6px;
	}
.leaflet-tooltip-left:before {
	right: 0;
	margin-right: -12px;
	border-left-color: #fff;
	}
.leaflet-tooltip-right:before {
	left: 0;
	margin-left: -12px;
	border-right-color: #fff;
	}

/* Printing */

@media print {
	/* Prevent printers from removing background-images of controls. */
	.leaflet-control {
		-webkit-print-color-adjust: exact;
		print-color-adjust: exact;
		}
	}
@-webkit-keyframes leaflet-gestures-fadein {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes leaflet-gestures-fadein {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

.leaflet-container:after {
  -webkit-animation: leaflet-gestures-fadein 0.8s backwards;
          animation: leaflet-gestures-fadein 0.8s backwards;
  color: #fff;
  font-family: "Roboto", Arial, sans-serif;
  font-size: 22px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 15px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.5);
  z-index: 461;
  pointer-events: none; }

.leaflet-gesture-handling-touch-warning:after,
.leaflet-gesture-handling-scroll-warning:after {
  -webkit-animation: leaflet-gestures-fadein 0.8s forwards;
          animation: leaflet-gestures-fadein 0.8s forwards; }

.leaflet-gesture-handling-touch-warning:after {
  content: attr(data-gesture-handling-touch-content); }

.leaflet-gesture-handling-scroll-warning:after {
  content: attr(data-gesture-handling-scroll-content); }
.leaflet-cluster-anim .leaflet-marker-icon, .leaflet-cluster-anim .leaflet-marker-shadow {
	-webkit-transition: -webkit-transform 0.3s ease-out, opacity 0.3s ease-in;
	-moz-transition: -moz-transform 0.3s ease-out, opacity 0.3s ease-in;
	-o-transition: -o-transform 0.3s ease-out, opacity 0.3s ease-in;
	transition: transform 0.3s ease-out, opacity 0.3s ease-in;
}

.leaflet-cluster-spider-leg {
	/* stroke-dashoffset (duration and function) should match with leaflet-marker-icon transform in order to track it exactly */
	-webkit-transition: -webkit-stroke-dashoffset 0.3s ease-out, -webkit-stroke-opacity 0.3s ease-in;
	-moz-transition: -moz-stroke-dashoffset 0.3s ease-out, -moz-stroke-opacity 0.3s ease-in;
	-o-transition: -o-stroke-dashoffset 0.3s ease-out, -o-stroke-opacity 0.3s ease-in;
	transition: stroke-dashoffset 0.3s ease-out, stroke-opacity 0.3s ease-in;
}
.marker-cluster-small {
	background-color: rgba(181, 226, 140, 0.6);
	}
.marker-cluster-small div {
	background-color: rgba(110, 204, 57, 0.6);
	}

.marker-cluster-medium {
	background-color: rgba(241, 211, 87, 0.6);
	}
.marker-cluster-medium div {
	background-color: rgba(240, 194, 12, 0.6);
	}

.marker-cluster-large {
	background-color: rgba(253, 156, 115, 0.6);
	}
.marker-cluster-large div {
	background-color: rgba(241, 128, 23, 0.6);
	}

	/* IE 6-8 fallback colors */
.leaflet-oldie .marker-cluster-small {
	background-color: rgb(181, 226, 140);
	}
.leaflet-oldie .marker-cluster-small div {
	background-color: rgb(110, 204, 57);
	}

.leaflet-oldie .marker-cluster-medium {
	background-color: rgb(241, 211, 87);
	}
.leaflet-oldie .marker-cluster-medium div {
	background-color: rgb(240, 194, 12);
	}

.leaflet-oldie .marker-cluster-large {
	background-color: rgb(253, 156, 115);
	}
.leaflet-oldie .marker-cluster-large div {
	background-color: rgb(241, 128, 23);
}

.marker-cluster {
	background-clip: padding-box;
	border-radius: 20px;
	}
.marker-cluster div {
	width: 30px;
	height: 30px;
	margin-left: 5px;
	margin-top: 5px;

	text-align: center;
	border-radius: 15px;
	font: 12px "Helvetica Neue", Arial, Helvetica, sans-serif;
	}
.marker-cluster span {
	line-height: 30px;
	}
/* This is a copy of the ReactToastify.css file. Importing the original one results in a ReactToastify.css.map warning in production environment (https://github.com/fkhadra/react-toastify/issues/1002 + https://github.com/fkhadra/react-toastify/issues/1099) */

:root {
    --toastify-color-light: #fff;
    --toastify-color-dark: #121212;
    --toastify-color-info: #3498db;
    --toastify-color-success: #07bc0c;
    --toastify-color-warning: #f1c40f;
    --toastify-color-error: #e74c3c;
    --toastify-color-transparent: rgba(255, 255, 255, 0.7);
    --toastify-icon-color-info: var(--toastify-color-info);
    --toastify-icon-color-success: var(--toastify-color-success);
    --toastify-icon-color-warning: var(--toastify-color-warning);
    --toastify-icon-color-error: var(--toastify-color-error);
    --toastify-toast-width: 320px;
    --toastify-toast-background: #fff;
    --toastify-toast-min-height: 64px;
    --toastify-toast-max-height: 800px;
    --toastify-font-family: sans-serif;
    --toastify-z-index: 9999;
    --toastify-text-color-light: #757575;
    --toastify-text-color-dark: #fff;
    --toastify-text-color-info: #fff;
    --toastify-text-color-success: #fff;
    --toastify-text-color-warning: #fff;
    --toastify-text-color-error: #fff;
    --toastify-spinner-color: #616161;
    --toastify-spinner-color-empty-area: #e0e0e0;
    --toastify-color-progress-light: linear-gradient(
            to right,
            #4cd964,
            #5ac8fa,
            #007aff,
            #34aadc,
            #5856d6,
            #ff2d55
    );
    --toastify-color-progress-dark: #bb86fc;
    --toastify-color-progress-info: var(--toastify-color-info);
    --toastify-color-progress-success: var(--toastify-color-success);
    --toastify-color-progress-warning: var(--toastify-color-warning);
    --toastify-color-progress-error: var(--toastify-color-error);
}

.Toastify__toast-container {
    z-index: var(--toastify-z-index);
    -webkit-transform: translate3d(0, 0, var(--toastify-z-index));
    position: fixed;
    padding: 4px;
    width: var(--toastify-toast-width);
    box-sizing: border-box;
    color: #fff;
}

.Toastify__toast-container--top-left {
    top: 1em;
    left: 1em;
}

.Toastify__toast-container--top-center {
    top: 1em;
    left: 50%;
    transform: translateX(-50%);
}

.Toastify__toast-container--top-right {
    top: 1em;
    right: 1em;
}

.Toastify__toast-container--bottom-left {
    bottom: 1em;
    left: 1em;
}

.Toastify__toast-container--bottom-center {
    bottom: 1em;
    left: 50%;
    transform: translateX(-50%);
}

.Toastify__toast-container--bottom-right {
    bottom: 1em;
    right: 1em;
}

@media only screen and (max-width: 480px) {
    .Toastify__toast-container {
        width: 100vw;
        padding: 0;
        left: 0;
        margin: 0;
    }

    .Toastify__toast-container--top-left, .Toastify__toast-container--top-center, .Toastify__toast-container--top-right {
        top: 0;
        transform: translateX(0);
    }

    .Toastify__toast-container--bottom-left, .Toastify__toast-container--bottom-center, .Toastify__toast-container--bottom-right {
        bottom: 0;
        transform: translateX(0);
    }

    .Toastify__toast-container--rtl {
        right: 0;
        left: initial;
    }
}

.Toastify__toast {
    position: relative;
    min-height: var(--toastify-toast-min-height);
    box-sizing: border-box;
    margin-bottom: 1rem;
    padding: 8px;
    border-radius: 4px;
    box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.1), 0 2px 15px 0 rgba(0, 0, 0, 0.05);
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    max-height: var(--toastify-toast-max-height);
    overflow: hidden;
    font-family: var(--toastify-font-family);
    cursor: default;
    direction: ltr;
    /* webkit only issue #791 */
    z-index: 0;
}

.Toastify__toast--rtl {
    direction: rtl;
}

.Toastify__toast--close-on-click {
    cursor: pointer;
}

.Toastify__toast-body {
    margin: auto 0;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 6px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
}

.Toastify__toast-body > div:last-child {
    word-break: break-word;
    -ms-flex: 1;
    flex: 1;
}

.Toastify__toast-icon {
    -webkit-margin-end: 10px;
    margin-inline-end: 10px;
    width: 20px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    display: -ms-flexbox;
    display: flex;
}

.Toastify--animate {
    animation-fill-mode: both;
    animation-duration: 0.7s;
}

.Toastify--animate-icon {
    animation-fill-mode: both;
    animation-duration: 0.3s;
}

@media only screen and (max-width: 480px) {
    .Toastify__toast {
        margin-bottom: 0;
        border-radius: 0;
    }
}

.Toastify__toast-theme--dark {
    background: var(--toastify-color-dark);
    color: var(--toastify-text-color-dark);
}

.Toastify__toast-theme--light {
    background: var(--toastify-color-light);
    color: var(--toastify-text-color-light);
}

.Toastify__toast-theme--colored.Toastify__toast--default {
    background: var(--toastify-color-light);
    color: var(--toastify-text-color-light);
}

.Toastify__toast-theme--colored.Toastify__toast--info {
    color: var(--toastify-text-color-info);
    background: var(--toastify-color-info);
}

.Toastify__toast-theme--colored.Toastify__toast--success {
    color: var(--toastify-text-color-success);
    background: var(--toastify-color-success);
}

.Toastify__toast-theme--colored.Toastify__toast--warning {
    color: var(--toastify-text-color-warning);
    background: var(--toastify-color-warning);
}

.Toastify__toast-theme--colored.Toastify__toast--error {
    color: var(--toastify-text-color-error);
    background: var(--toastify-color-error);
}

.Toastify__progress-bar-theme--light {
    background: var(--toastify-color-progress-light);
}

.Toastify__progress-bar-theme--dark {
    background: var(--toastify-color-progress-dark);
}

.Toastify__progress-bar--info {
    background: var(--toastify-color-progress-info);
}

.Toastify__progress-bar--success {
    background: var(--toastify-color-progress-success);
}

.Toastify__progress-bar--warning {
    background: var(--toastify-color-progress-warning);
}

.Toastify__progress-bar--error {
    background: var(--toastify-color-progress-error);
}

.Toastify__progress-bar-theme--colored.Toastify__progress-bar--info, .Toastify__progress-bar-theme--colored.Toastify__progress-bar--success, .Toastify__progress-bar-theme--colored.Toastify__progress-bar--warning, .Toastify__progress-bar-theme--colored.Toastify__progress-bar--error {
    background: var(--toastify-color-transparent);
}

.Toastify__close-button {
    color: #fff;
    background: transparent;
    outline: none;
    border: none;
    padding: 0;
    cursor: pointer;
    opacity: 0.7;
    transition: 0.3s ease;
    -ms-flex-item-align: start;
    align-self: flex-start;
}

.Toastify__close-button--light {
    color: #000;
    opacity: 0.3;
}

.Toastify__close-button > svg {
    fill: currentColor;
    height: 16px;
    width: 14px;
}

.Toastify__close-button:hover, .Toastify__close-button:focus {
    opacity: 1;
}

@keyframes Toastify__trackProgress {
    0% {
        transform: scaleX(1);
    }
    100% {
        transform: scaleX(0);
    }
}

.Toastify__progress-bar {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 5px;
    z-index: var(--toastify-z-index);
    opacity: 0.7;
    transform-origin: left;
}

.Toastify__progress-bar--animated {
    animation: Toastify__trackProgress linear 1 forwards;
}

.Toastify__progress-bar--controlled {
    transition: transform 0.2s;
}

.Toastify__progress-bar--rtl {
    right: 0;
    left: initial;
    transform-origin: right;
}

.Toastify__spinner {
    width: 20px;
    height: 20px;
    box-sizing: border-box;
    border: 2px solid;
    border-radius: 100%;
    border-color: var(--toastify-spinner-color-empty-area);
    border-right-color: var(--toastify-spinner-color);
    animation: Toastify__spin 0.65s linear infinite;
}

@keyframes Toastify__bounceInRight {
    from, 60%, 75%, 90%, to {
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }
    from {
        opacity: 0;
        transform: translate3d(3000px, 0, 0);
    }
    60% {
        opacity: 1;
        transform: translate3d(-25px, 0, 0);
    }
    75% {
        transform: translate3d(10px, 0, 0);
    }
    90% {
        transform: translate3d(-5px, 0, 0);
    }
    to {
        transform: none;
    }
}

@keyframes Toastify__bounceOutRight {
    20% {
        opacity: 1;
        transform: translate3d(-20px, 0, 0);
    }
    to {
        opacity: 0;
        transform: translate3d(2000px, 0, 0);
    }
}

@keyframes Toastify__bounceInLeft {
    from, 60%, 75%, 90%, to {
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }
    0% {
        opacity: 0;
        transform: translate3d(-3000px, 0, 0);
    }
    60% {
        opacity: 1;
        transform: translate3d(25px, 0, 0);
    }
    75% {
        transform: translate3d(-10px, 0, 0);
    }
    90% {
        transform: translate3d(5px, 0, 0);
    }
    to {
        transform: none;
    }
}

@keyframes Toastify__bounceOutLeft {
    20% {
        opacity: 1;
        transform: translate3d(20px, 0, 0);
    }
    to {
        opacity: 0;
        transform: translate3d(-2000px, 0, 0);
    }
}

@keyframes Toastify__bounceInUp {
    from, 60%, 75%, 90%, to {
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }
    from {
        opacity: 0;
        transform: translate3d(0, 3000px, 0);
    }
    60% {
        opacity: 1;
        transform: translate3d(0, -20px, 0);
    }
    75% {
        transform: translate3d(0, 10px, 0);
    }
    90% {
        transform: translate3d(0, -5px, 0);
    }
    to {
        transform: translate3d(0, 0, 0);
    }
}

@keyframes Toastify__bounceOutUp {
    20% {
        transform: translate3d(0, -10px, 0);
    }
    40%, 45% {
        opacity: 1;
        transform: translate3d(0, 20px, 0);
    }
    to {
        opacity: 0;
        transform: translate3d(0, -2000px, 0);
    }
}

@keyframes Toastify__bounceInDown {
    from, 60%, 75%, 90%, to {
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }
    0% {
        opacity: 0;
        transform: translate3d(0, -3000px, 0);
    }
    60% {
        opacity: 1;
        transform: translate3d(0, 25px, 0);
    }
    75% {
        transform: translate3d(0, -10px, 0);
    }
    90% {
        transform: translate3d(0, 5px, 0);
    }
    to {
        transform: none;
    }
}

@keyframes Toastify__bounceOutDown {
    20% {
        transform: translate3d(0, 10px, 0);
    }
    40%, 45% {
        opacity: 1;
        transform: translate3d(0, -20px, 0);
    }
    to {
        opacity: 0;
        transform: translate3d(0, 2000px, 0);
    }
}

.Toastify__bounce-enter--top-left, .Toastify__bounce-enter--bottom-left {
    animation-name: Toastify__bounceInLeft;
}

.Toastify__bounce-enter--top-right, .Toastify__bounce-enter--bottom-right {
    animation-name: Toastify__bounceInRight;
}

.Toastify__bounce-enter--top-center {
    animation-name: Toastify__bounceInDown;
}

.Toastify__bounce-enter--bottom-center {
    animation-name: Toastify__bounceInUp;
}

.Toastify__bounce-exit--top-left, .Toastify__bounce-exit--bottom-left {
    animation-name: Toastify__bounceOutLeft;
}

.Toastify__bounce-exit--top-right, .Toastify__bounce-exit--bottom-right {
    animation-name: Toastify__bounceOutRight;
}

.Toastify__bounce-exit--top-center {
    animation-name: Toastify__bounceOutUp;
}

.Toastify__bounce-exit--bottom-center {
    animation-name: Toastify__bounceOutDown;
}

@keyframes Toastify__zoomIn {
    from {
        opacity: 0;
        transform: scale3d(0.3, 0.3, 0.3);
    }
    50% {
        opacity: 1;
    }
}

@keyframes Toastify__zoomOut {
    from {
        opacity: 1;
    }
    50% {
        opacity: 0;
        transform: scale3d(0.3, 0.3, 0.3);
    }
    to {
        opacity: 0;
    }
}

.Toastify__zoom-enter {
    animation-name: Toastify__zoomIn;
}

.Toastify__zoom-exit {
    animation-name: Toastify__zoomOut;
}

@keyframes Toastify__flipIn {
    from {
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        animation-timing-function: ease-in;
        opacity: 0;
    }
    40% {
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        animation-timing-function: ease-in;
    }
    60% {
        transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        opacity: 1;
    }
    80% {
        transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    }
    to {
        transform: perspective(400px);
    }
}

@keyframes Toastify__flipOut {
    from {
        transform: perspective(400px);
    }
    30% {
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        opacity: 1;
    }
    to {
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        opacity: 0;
    }
}

.Toastify__flip-enter {
    animation-name: Toastify__flipIn;
}

.Toastify__flip-exit {
    animation-name: Toastify__flipOut;
}

@keyframes Toastify__slideInRight {
    from {
        transform: translate3d(110%, 0, 0);
        visibility: visible;
    }
    to {
        transform: translate3d(0, 0, 0);
    }
}

@keyframes Toastify__slideInLeft {
    from {
        transform: translate3d(-110%, 0, 0);
        visibility: visible;
    }
    to {
        transform: translate3d(0, 0, 0);
    }
}

@keyframes Toastify__slideInUp {
    from {
        transform: translate3d(0, 110%, 0);
        visibility: visible;
    }
    to {
        transform: translate3d(0, 0, 0);
    }
}

@keyframes Toastify__slideInDown {
    from {
        transform: translate3d(0, -110%, 0);
        visibility: visible;
    }
    to {
        transform: translate3d(0, 0, 0);
    }
}

@keyframes Toastify__slideOutRight {
    from {
        transform: translate3d(0, 0, 0);
    }
    to {
        visibility: hidden;
        transform: translate3d(110%, 0, 0);
    }
}

@keyframes Toastify__slideOutLeft {
    from {
        transform: translate3d(0, 0, 0);
    }
    to {
        visibility: hidden;
        transform: translate3d(-110%, 0, 0);
    }
}

@keyframes Toastify__slideOutDown {
    from {
        transform: translate3d(0, 0, 0);
    }
    to {
        visibility: hidden;
        transform: translate3d(0, 500px, 0);
    }
}

@keyframes Toastify__slideOutUp {
    from {
        transform: translate3d(0, 0, 0);
    }
    to {
        visibility: hidden;
        transform: translate3d(0, -500px, 0);
    }
}

.Toastify__slide-enter--top-left, .Toastify__slide-enter--bottom-left {
    animation-name: Toastify__slideInLeft;
}

.Toastify__slide-enter--top-right, .Toastify__slide-enter--bottom-right {
    animation-name: Toastify__slideInRight;
}

.Toastify__slide-enter--top-center {
    animation-name: Toastify__slideInDown;
}

.Toastify__slide-enter--bottom-center {
    animation-name: Toastify__slideInUp;
}

.Toastify__slide-exit--top-left, .Toastify__slide-exit--bottom-left {
    animation-name: Toastify__slideOutLeft;
}

.Toastify__slide-exit--top-right, .Toastify__slide-exit--bottom-right {
    animation-name: Toastify__slideOutRight;
}

.Toastify__slide-exit--top-center {
    animation-name: Toastify__slideOutUp;
}

.Toastify__slide-exit--bottom-center {
    animation-name: Toastify__slideOutDown;
}

@keyframes Toastify__spin {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}
div.field,div.actions{margin-bottom:10px}label{display:block}body{font-family:helvetica,verdana,arial,sans-serif;font-size:12px}a{color:inherit}a:link{text-decoration:none}i{vertical-align:middle}.dnp-truncate-text-container{min-width:0}.dnp-truncate-text{text-overflow:ellipsis;white-space:nowrap;overflow:hidden !important}input[type='text'],input[type='date']{font-family:helvetica,verdana,arial,sans-serif}.dnp-full-width{width:100% !important}.dnp-full-height{height:100% !important}.dnp-flex-container,.dnp-gateway-event-box,.dnp-flex-container-column,.label_field_with_errors,.field_with_errors,.dnp-flex-container-row,.dnp-legend,.dnp-interaction-error,.dnp-chips-container-error{display:-webkit-flex;display:flex}.dnp-flex-container-row,.dnp-legend,.dnp-interaction-error,.dnp-chips-container-error{flex-direction:row}.dnp-flex-container-column,.label_field_with_errors,.field_with_errors{flex-direction:column}.dnp-common-flex-element-props,.dnp-flex-element{position:relative;flex-shrink:1;flex-basis:0;overflow:auto}.dnp-flex-item,.field_with_errors{flex:1}.dnp-dashboard-flex-basis{flex-basis:256px}.dnp-flex-element{flex-grow:1}.dnp-align-center{align-items:center}.dnp-align-baseline{align-items:baseline}.dnp-align-end{align-items:flex-end}.dnp-align-start{align-items:flex-start}.dnp-justify-center,.dnp-interaction-error,.dnp-chips-container-error{justify-content:center}.dnp-justify-start{justify-content:flex-start}.dnp-justify-end{justify-content:flex-end}.dnp-justify-space-between{justify-content:space-between}.dnp-padding-top,.dnp-interaction-error,.dnp-chips-container-error,.dnp-padding{padding-top:16px}.dnp-padding-left,.dnp-padding{padding-left:16px}.dnp-padding-right,.dnp-padding{padding-right:16px}.dnp-padding-bottom,.dnp-tariff-plans-comparison-title-wrapper,.dnp-interaction-error,.dnp-chips-container-error,.dnp-padding{padding-bottom:16px}.dnp-half-padding-bottom,.dnp-widget-title,.dnp-half-padding,a.dnp-action-link-button:link,a.dnp-action-link-button:visited,a.dnp-action-link-button:hover{padding-bottom:8px}.dnp-half-padding-top,.dnp-half-padding,a.dnp-action-link-button:link,a.dnp-action-link-button:visited,a.dnp-action-link-button:hover{padding-top:8px}.dnp-half-padding-right,.dnp-half-padding,a.dnp-action-link-button:link,a.dnp-action-link-button:visited,a.dnp-action-link-button:hover{padding-right:8px}.dnp-half-padding-left,.dnp-half-padding,a.dnp-action-link-button:link,a.dnp-action-link-button:visited,a.dnp-action-link-button:hover{padding-left:8px}.dnp-quarter-padding-bottom{padding-bottom:4px}.dnp-double-padding-top,.dnp-tariff-plans-comparison-title-wrapper{padding-top:32px}.dnp-no-padding{padding:0 !important}.dnp-margin-top,.dnp-device-classes-show-toolbar{margin-top:16px}.dnp-margin-right{margin-right:16px}.dnp-margin-bottom{margin-bottom:16px}.dnp-margin-left{margin-left:16px}.dnp-half-margin-right,.dnp-device-classes-show-toolbar button,.dnp-device-classes-show-toolbar a{margin-right:8px}.dnp-half-margin-left{margin-left:8px}.dnp-half-margin-bottom{margin-bottom:8px}.dnp-half-margin-top,.dnp-interaction-error,.dnp-chips-container-error{margin-top:8px}.dnp-no-margin{margin:0}.dnp-no-margin-top{margin-top:0 !important}.dnp-quarter-margin-right{margin-right:4px}.dnp-quarter-margin-left{margin-left:4px}.dnp-quarter-margin-bottom{margin-bottom:4px}.dnp-strong-text{font-weight:bold}.dnp-left-aligned-text{text-align:left}.dnp-center-aligned-text,.dnp-step-icon{text-align:center}.dnp-centered-content{display:table;margin:0 auto}.dnp-secondary-text{color:rgba(0,0,0,0.54)}.dnp-center-aligned-text,.dnp-step-icon{text-align:center}.dnp-end-aligned-text{text-align:end}.dnp-fab-button-container{position:absolute;bottom:16px;right:32px;cursor:pointer}.dnp-fab-button-container .dnp-icon-container{display:flex;justify-content:center;align-items:center;-webkit-appearance:none;border:none;color:#fff;background-color:#F44336;border-radius:50%;width:40px;height:40px;margin:auto;-webkit-box-shadow:2px 3px 3px 0px rgba(41,41,41,0.3);-moz-box-shadow:2px 3px 3px 0px rgba(41,41,41,0.3);box-shadow:2px 3px 3px 0px rgba(41,41,41,0.3)}a.dnp-action-link-button:link,a.dnp-action-link-button:visited,a.dnp-action-link-button:hover{background-color:#EF5350;color:#fff;text-decoration:none;border-radius:4px 4px}.dnp-text-unselectable{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.dnp-disabled-content,.dnp-disabled-link-option{color:#b7b7b7}.dnp-disabled-link-option:hover{cursor:pointer}.field_with_errors input{border-bottom:solid 2px #F44336 !important}.label_field_with_errors label{color:#F44336 !important}.dnp-snackbar-container{position:absolute;left:0;bottom:0;width:100%;z-index:10000}#dnp-overlay-modal{position:absolute;width:100%;height:100%;z-index:1000;top:0;left:0;background-color:rgba(0,0,0,0.5);display:none}.dnp-fab-dropdown-container{height:0}.dnp-dropdown-menu{position:absolute;min-width:150px;width:max-content;border:1px solid #e0e0e0;background-color:#ffffff;padding:5px 0;border-radius:4px;z-index:10000;bottom:60px;right:30px}.dnp-dropdown-menu-container{position:relative}.dnp-dropdown-menu a:hover{background-color:rgba(0,0,0,0.115)}.dnp-dropdown-menu a{display:block;padding:10px}.dnp-dropdown-menu-hidden{display:none}.dnp-medium-font-size,.dnp-consumptions-widget-variation-percent{font-size:1.2em}.dnp-user-profile-section-padding{padding-bottom:48px}.dnp-user-profile-section-title{padding-bottom:8px;font-size:1.1em;color:rgba(0,0,0,0.54)}.dnp-user-profile-section-details{font-size:1.3em}.dnp-user-profile-authorized-sites-container,.dnp-user-profile-phone-numbers-container,.dnp-virtual-gateways-sites-container{display:grid;grid-template-columns:repeat(5, 1fr);grid-auto-rows:1fr;column-gap:16px;row-gap:8px}@media (max-width: 600px){.dnp-user-profile-authorized-sites-container,.dnp-user-profile-phone-numbers-container,.dnp-virtual-gateways-sites-container{grid-template-columns:repeat(2, 1fr)}}.dnp-user-profile-authorized-site-button-link,.dnp-virtual-gateways-site-button-link{padding:8px;border:1px solid rgba(0,0,0,0.12);border-radius:4px}.dnp-user-profile-authorized-site-button-description,.dnp-virtual-gateways-site-button-description{padding-top:8px;padding-bottom:8px}.dnp-user-profile-phone-number-container{border:1px solid rgba(0,0,0,0.12);border-radius:4px}.dnp-user-profile-phone-number-verification-button{appearance:none;margin-bottom:8px;color:#fff;background-color:#4E5569;border:none;border-radius:4px;height:36px;padding:0 16px;font-size:1.2em;text-transform:uppercase;cursor:pointer}.dnp-user-profile-phone-number-verification-button:hover{color:#fff;background-color:#4E5569}.dnp-user-profile-avatar-container{flex:0.1 1 10%;padding:32px 0}.dnp-user-profile-avatar{width:128px;height:128px;border-radius:50%;border:1px solid #4E5569;background-color:#e0e0e0;line-height:128px;color:#4E5569;text-align:center;text-transform:uppercase}.dnp-chips-container{display:flex;flex-wrap:wrap;column-gap:8px;row-gap:8px}.dnp-chip{box-sizing:border-box;display:flex;align-items:center;min-height:32px;border:1px solid rgba(0,0,0,0.54);border-radius:12px;column-gap:8px;padding-left:12px;padding-right:8px}.dnp-chip-only-text-element{font-size:1.2em;letter-spacing:0.02em;padding-right:8px}.dnp-chip-removable-element{font-size:1.2em;letter-spacing:0.02em}.dnp-chip-remove-element{box-sizing:border-box;display:flex;align-items:center;height:100%;width:24px;cursor:pointer;color:rgba(0,0,0,0.54)}.dnp-chip-remove-element:hover{color:rgba(0,0,0,0.87)}.dnp-add-chips-element{display:flex;align-items:center;justify-content:center;box-sizing:border-box;height:32px;width:32px;cursor:pointer;border:1px solid rgba(0,0,0,0.54);border-radius:12px;color:rgba(0,0,0,0.87);background-color:#fbfcfc}.dnp-async-form-dinapsio-editor-error,.dnp-generic-error-label,.dnp-async-form-rich-editor .dnp-rich-editor-errors{color:#F44336}.dnp-interaction-error,.dnp-chips-container-error{color:#663c00;background-color:#ff9696;border-radius:2px}.dnp-async-form-rich-editor .trix-button-group--file-tools{display:none}.dnp-async-form-rich-editor .dnp-rich-editor-errors{font-family:"Roboto", "Helvetica", "Arial", sans-serif;font-weight:400;font-size:0.75rem;line-height:1.66;letter-spacing:0.03333em;text-align:left;margin:3px 0 0}.dnp-bar-chart-details-icon.MuiButtonBase-root{color:#4E5567}.dnp-user-phone-number-element,.dnp-user-phone-number-unverified,.dnp-user-phone-number-verified{min-width:80px;line-height:24px;border-radius:24px;justify-content:center}.dnp-user-phone-number-verified{background:#099a01;color:#fff}.dnp-user-phone-number-unverified{background:#ffcb00;color:#777}.dnp-widget-title{font-weight:bold;text-transform:uppercase;color:#4E5567}.dnp-legend{text-transform:uppercase;color:rgba(0,0,0,0.6)}.dnp-consumptions-widget-border{border-bottom:2px solid rgba(0,0,0,0.08)}.dnp-consumptions-widget-title{font-size:1.2em;color:#4E5567;font-weight:bold;text-transform:uppercase}.dnp-consumptions-widget-caption{color:#666;padding-bottom:4px}.dnp-consumptions-widget-consumption-data{font-size:2.5em;color:#353B4A}.dnp-consumptions-widget-variation-icon-worsening{color:red}.dnp-productions-widget-variation-icon-worsening{color:#FFC107}.dnp-consumptions-widget-variation-icon-flat{color:black}.dnp-consumptions-widget-variation-icon-improvement{color:green}.dnp-consumptions-widget-variation-icon{position:relative;top:6px}.dnp-selectable-period-legend{height:24px;width:24px;min-width:24px;border-radius:2px;margin-right:16px}.dnp-anomaly-priority-box{height:12px;width:12px;border-radius:2px}.dnp-anomaly-warning{background:#ffcb00}.dnp-anomaly-critical{background:#ce2f33}.dnp-gateway-event-box{align-items:center}.dnp-gateway-event-disconnected{background:#ce2f33}.dnp-gateway-event-connected{background:#099a01}.dnp-empty-data-message{color:rgba(0,0,0,0.54);font-size:1.2em}.dnp-no-data-message{font-size:3em;color:rgba(0,0,0,0.54);text-align:center}@media (max-width: 600px){.dnp-no-data-message{font-size:1.3em}}.dnp-anomalies-warning{color:#ffcb00}.dnp-anomalies-critical{color:#ce2f33}.dnp-admin-sites-subscription-renewals-index-subscription-active,.dnp-admin-sites-subscription-renewals-index-subscription-perpetual{color:#099a01}.dnp-admin-sites-subscription-renewals-index-no-subscriptions{color:#ffcb00}.dnp-admin-sites-subscription-renewals-index-subscription-expired{color:#ce2f33}.dnp-meter-stats-unit-of-measurement{font-size:1.2em;font-weight:bold;color:#4E5567}.dnp-gateway-status-dot,.dnp-gateway-status-dot-archived,.dnp-phone-number-partially_verified,.dnp-gateway-status-dot-never_connected,.dnp-gateway-status-dot-never_connected_test_mode,.dnp-phone-number-not_specified,.dnp-virtual-gateway-status-dot-test-mode,.dnp-gateway-status-dot-not_connected_test_mode,.dnp-gateway-status-dot-not_connected,.dnp-phone-number-not_verified,.dnp-gateway-status-dot-connected_test_mode,.dnp-gateway-status-dot-connected,.dnp-phone-number-verified{height:20px;width:20px;margin-left:5px;margin-right:5px;border-radius:50%;display:inline-block}.dnp-gateway-status-dot-connected,.dnp-phone-number-verified{background-color:#43f437}.dnp-gateway-status-dot-connected_test_mode{background:linear-gradient(90deg, #43f437, #43f437 50%, #8637f4 50%)}.dnp-gateway-status-dot-not_connected,.dnp-phone-number-not_verified{background-color:#f44337}.dnp-gateway-status-dot-not_connected_test_mode{background:linear-gradient(90deg, #f44337, #f44337 50%, #8637f4 50%)}.dnp-virtual-gateway-status-dot-test-mode{width:8px;height:8px;background:#8637f4}.dnp-gateway-status-dot-never_connected,.dnp-gateway-status-dot-never_connected_test_mode,.dnp-phone-number-not_specified{background-color:#373737}.dnp-phone-number-partially_verified{background-color:#ffff00}.dnp-gateway-status-dot-archived{background-color:#a0a0a0}.dnp-archivable-show-archived{color:#ce2f33}.dnp-consumption-resume-grid,.dnp-topology-elements-container{display:grid;grid-template-columns:repeat(auto-fill, minmax(256px, 1fr));grid-column-gap:16px;grid-row-gap:32px;margin:16px}.dnp-topology-elements-container{margin:0}.dnp-topology-elements-container .dnp-topology-element-widget{padding-bottom:8px;padding-top:8px;padding-left:16px;padding-right:16px;font-size:1.2em;border:1px solid rgba(0,0,0,0.24);border-radius:8px;transition:background-color 0.5s ease}.dnp-topology-elements-container .dnp-topology-element-widget:hover{background-color:#EAEBED}.dnp-tariff-plan-card-title{font-size:1.4em;font-weight:bold;letter-spacing:1px}.dnp-tariff-plan-card-timeline-line{border-left:2px dotted #4E5567}.dnp-tariff-plan-card-timeline-date{font-size:1.4em;letter-spacing:0.2px;color:#4E5567}.dnp-tariff-component-legend{height:32px;width:56px;border-radius:2px}@media (max-width: 600px){.dnp-tariff-component-legend{height:22px;width:40px}}.dnp-tariff-component-price{font-size:2em}.dnp-step-icon{width:32px;height:32px;color:#fff;border-radius:50%;line-height:32px}.dnp-step-checked{font-size:2em}.dnp-step-connector{border-top-width:2px;border-top-style:solid}@media (max-width: 600px){.dnp-tariff-plans-comparison-title-wrapper{padding-top:16px;padding-bottom:0}}.dnp-tariff-plans-comparison-title{font-size:3.5em;letter-spacing:1px;text-align:center}@media (max-width: 600px){.dnp-tariff-plans-comparison-title{font-size:2.5em;letter-spacing:0.5px}}.dnp-tariff-plans-comparison-estimated-value{border-radius:4px}.dnp-tariff-plans-comparison-estimated-value legend{margin:0 auto;font-size:1.5em;border-radius:2px;padding:4px}.dnp-tariff-plans-comparison-estimated-value div{height:64px}.dnp-tariff-plans-comparison-estimated-value span{font-size:3em}@media (max-width: 600px){.dnp-tariff-plans-comparison-estimated-value span{font-size:2em}}.dnp-tariff-plans-comparison-badge{border:1px solid rgba(0,0,0,0.38);border-radius:50%;width:136px;height:136px;color:#fff;background-color:#4E5567}@media (max-width: 600px){.dnp-tariff-plans-comparison-badge{width:112px;height:112px}}.dnp-tariff-plans-comparison-badge-title{font-size:1.5em}.dnp-tariff-plans-comparison-saving-percent{font-size:3em}.dnp-tariff-plans-comparison-chart-container{padding-left:16px;padding-right:16px}@media (max-width: 600px){.dnp-tariff-plans-comparison-chart-container{padding-left:4px;padding-right:4px}}.dnp-tariff-plans-comparison-tariffs-container{display:flex;flex-direction:row;justify-content:center;column-gap:48px}.dnp-data-source-stats-widget{border-left:2px solid rgba(0,0,0,0.08)}.dnp-data-source-stats-widget .min-title{font-size:1.1em;letter-spacing:0.1em;color:rgba(0,0,0,0.54)}.dnp-data-source-stats-widget .avg-title{font-size:1.1em;letter-spacing:0.1em;color:rgba(0,0,0,0.54)}.dnp-data-source-stats-widget .max-title{font-size:1.1em;letter-spacing:0.1em;color:rgba(0,0,0,0.54)}.dnp-data-source-stats-widget .measure{color:#353B4A;font-size:1.5em}.dnp-consumption-distribution-bar-chart-container{display:grid;grid-template-columns:0.7fr 0.3fr;column-gap:64px}@media (max-width: 600px){.dnp-consumption-distribution-bar-chart-container{grid-template-columns:1fr;column-gap:0;grid-template-rows:minmax(256px, auto);row-gap:32px}}.dnp-consumption-distribution-bar-chart-container .dnp-consumption-distribution-bar-chart{height:384px}.dnp-report-monthly-heatmap-wrapper{display:flex;flex-direction:column;row-gap:32px}.dnp-report-monthly-heatmap-card{border-radius:var(--default-card-border-radius);background-color:white;padding:16px;box-sizing:border-box;display:flex;flex-direction:column;row-gap:8px;border:var(--default-card-border);box-sizing:border-box}.dnp-consumption-heatmap-legend-element{content:'';height:28px;width:28px;margin:1px}.dnp-consumption-heatmap-legend{font-size:1.1em;color:rgba(0,0,0,0.87)}.dnp-sites-table{width:100%;text-align:center;white-space:nowrap;border-collapse:collapse;margin-top:32px}.dnp-sites-table tbody tr{border-bottom:1px solid rgba(0,0,0,0.12)}.dnp-sites-table td{width:0;white-space:nowrap;line-height:45px}.dnp-sites-table td svg{vertical-align:inherit}.dnp-sites-table-first-column{width:100%;text-align:left}.dnp-users-table{width:100%;text-align:center;white-space:nowrap;border-collapse:collapse;margin-bottom:32px}.dnp-users-table tbody tr{border-bottom:1px solid rgba(0,0,0,0.12)}.dnp-anomaly-sources-table-first-column{width:100%}.dnp-anomaly-sources-table-last-column{text-align:center;padding-left:8px;padding-right:8px}.dnp-users-table td{width:0;white-space:nowrap;line-height:45px}.dnp-users-table td svg{vertical-align:inherit}.dnp-users-table-first-column{width:100%;text-align:left}.dnp-anomaly-sources-table{width:100%;border-collapse:collapse;border-spacing:unset;margin-bottom:16px}.dnp-anomaly-sources-table tbody tr{border-bottom:1px solid rgba(0,0,0,0.12)}.dnp-anomaly-sources-table tbody tr:hover{background-color:rgba(0,0,0,0.12);border-color:#ffffff}.dnp-anomaly-sources-table td{white-space:nowrap}.dnp-anomaly-sources-table td svg{vertical-align:inherit}.dnp-anomaly-sources-table td a{text-decoration:underline;color:#007aff}.dnp-anomaly-sources-table th:last-child{padding-left:8px;padding-right:8px}.dnp-anomaly-sources-table-source-included{color:#099a01}.dnp-anomaly-sources-table-source-not-included{color:#ce2f33}.dnp-comparison-report-chip-data-container{display:flex;align-items:center;column-gap:6px}.dnp-user-authorization-container{flex-grow:1}.dnp-user-authorization-container span{margin:auto 2px auto}.dnp-user-authorization-container span.you{color:#07701d;background-color:#9ef6ad;padding:3px;font-weight:bold;border-radius:10%}.dnp-device-class-widget-json-conf-box{display:flex;flex-direction:column;row-gap:12px;overflow:auto;font-family:monospace;font-size:16px;font-weight:400;letter-spacing:0.15008px;line-height:24px}.dnp-device-class-widget-json-conf-box div{white-space:nowrap}.dnp-editable-table-cell-error{border:1px solid #ce2f33 !important;color:#ce2f33}.dnp-application-error-box,.dnp-application-error-box-dev{color:#656565;padding:32px}.dnp-application-error-box .dnp-application-error-message,.dnp-application-error-box-dev .dnp-application-error-message{font-size:2rem;color:#616161}.dnp-application-error-box-dev{border:2px solid red;background-color:#ffb3b3}.dnp-ios-scroll{overflow:auto;-webkit-overflow-scrolling:touch}
:root {
    --default-card-border-color: rgba(0, 0, 0, 0.16);
    --default-card-border: 1px solid var(--default-card-border-color);
    --default-card-box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
    --default-element-box-shadow: rgba(0, 0, 0, 0.05) 0px 6px 24px 0px, rgba(0, 0, 0, 0.08) 0px 0px 0px 1px;
    --dnp-card-background-color: white;
    --dnp-card-container-background: var(--dnp-theme-50);
    --dnp-theme-50: #EAEBED;
    --dnp-theme-100: #CACCD1;
    --dnp-theme-200: #A7AAB3;
    --dnp-theme-300: #838895;
    --dnp-theme-400: #696F7E;
    --dnp-theme-500: #4E5567;
    --dnp-theme-600: #474E5F;
    --dnp-theme-700: #3D4454;
    --dnp-theme-800: #353B4A;
    --dnp-theme-900: #252A39;
    --default-card-border-radius: 16px;
    --default-disable-background-color: rgba(0, 0, 0, 0.12);
    --default-disable-text-color: rgba(0, 0, 0, 0.38);
    --default-secondary-text-color: rgba(0, 0, 0, 0.54);
    --critical-anomaly-status-color: #ce2f33;
    --warning-anomaly-status-color: #ffcb00;
    --regular-status-color: #43a047;
    --defaul-button-transition: background-color 0.5s ease, color 0.5s ease;
    --default-list-divider-color: #E7E0EC;
    --list-avatar-color: #E8EAF6;
    --list-avatar-highlited-color: #c6cbe9;
    --solar-power-system-color: #8BC34A;
    --feed-in-point-color: #f6685e;
    --delivery-point-color: #FFBA00;
    --electric-generator-color: #8D5B4C;
    --load-color: #838895;
    --dnp-alarmed-component: #F44336;
    --layout-default-max-width: 1024px;
    --dnp-standard-list__item--hovered: #e5e6e9; /* 2% darker dnp-theme-50 https://mdigi.tools/darken-color/ */
    --dnp-time-series-maximum-color: #3ba1e9;
    --dnp-time-series-average-color: #fc6683;
    --dnp-time-series-minimum-color: #fd9e49;
}
.dnp-selectable-type-multi-interval-selector-container {
    display: grid;
    justify-items: center;
}

.dnp-multi-interval-selector-container {
    display: grid;
    grid-auto-rows: 64px;
    align-items: center;
}

.dnp-multi-interval-selector-container .dnp-interval-selector-container {
    display: grid;
    grid-template-columns: 1fr 40px;
    align-items: center;
    justify-items: end;
    column-gap: 8px;
}

.dnp-multi-interval-selector-container .dnp-add-interval-selector-container {
    display: flex;
    flex-direction: column;
    row-gap: 8px;
    align-items: center;
}

@media (max-width: 1000px) {
    .dnp-selectable-type-multi-interval-selector-container {
        row-gap: 8px;
    }

    .dnp-multi-interval-selector-container {
        grid-auto-rows: 64px;
        row-gap: 8px;
    }
}

.dnp-date-interval-selector-container {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    column-gap: 16px;
}

.dnp-date-interval-selector-container .dnp-date-selector-container {
    display: flex;
    align-items: baseline;
    column-gap: 16px;
}

.dnp-date-interval-selector-container .dnp-date-selector-container .dnp-date-selector-description {
    font-size: 1.3em;
    color: rgba(0, 0, 0, 0.54);
}

.dnp-date-picker {
    width: 192px;
}

.dnp-date-picker__custom-calendar-header {
    display: flex;
    flex-direction: row;
    padding: 12px 16px 8px 16px;
}

.dnp-date-picker__custom-calendar-header__selector {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}

.dnp-time-picker__hours {
    width: 80px;
}

.dnp-time-picker__minutes {
    width: 96px;
}

.dnp-date-time-picker {
    display: flex;
    flex-direction: row;
    column-gap: 4px;
    align-items: center;
}

.dnp-date-range-picker-presets__menu-items {
    display: flex;
    flex-direction: row;
    column-gap: 24px;
    flex: 1;
}

.dnp-date-range-picker {
    display: flex;
    flex-direction: row;
    align-items: center;
    column-gap: 8px;
    row-gap: 12px;
    flex-wrap: wrap;
}

.dnp-date-range-picker__pickers-divider {
    margin-left: 4px;
    margin-right: 4px;
    color: rgba(0, 0, 0, 0.26);
}

.dnp-date-picker__user-form {
    display: flex;
    flex-direction: column;
    row-gap: 24px;
}

.dnp-date-picker__user-form__section {
    display: flex;
    flex-direction: column;
    row-gap: 8px;
}

.dnp-date-range-pickers__action-buttons {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    column-gap: 8px;
    max-width: 400px;
}

.dnp-date-range-picker__shift-interval-controller {
    display: flex;
    flex-direction: row;
    column-gap: 4px;
    align-items: center;
}

.dnp-date-range-picker__picker-actions {
    display: flex;
    flex-direction: row;
}

.dnp-date-picker__granularity-buttons {
    max-width: 256px;
}

.dnp-date-ranges-resume {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    column-gap: 16px;
    row-gap: 16px;
}

@media screen and (max-width: 900px) {
    .dnp-date-range-picker {
        display: grid;
        grid-template-columns: max-content auto;
        column-gap: 4px;
    }

    .dnp-date-range-picker__pickers-divider {
        display: none !important;
    }

    .dnp-date-range-picker__presets {
        align-self: start;
        grid-row-start: 1;
        grid-row-end: 4;
    }

    .dnp-date-range-picker__from-picker {
        grid-row-start: 1;
    }

    .dnp-date-range-picker__to-picker {
        grid-row-start: 2;
    }

    .dnp-date-range-picker__error {
        grid-row-start: 3;
    }
}

@media screen and (min-width: 900px) {
    .dnp-date-range-picker__duration-field {
        margin-left: -4px !important;
    }
}
.dnp-sidenav {
    display: flex;
    flex-direction: column;
    row-gap: 16px;
    z-index: 1;
    width: 256px;
    background-color: white;
    box-shadow: var(--default-card-box-shadow);
    border-top-right-radius: var(--default-card-border-radius);
    border-bottom-right-radius: var(--default-card-border-radius);
}

.dnp-sidenav-header {
    display: flex;
    flex-direction: row;
    align-items: center;
    height: 56px;
    min-height: 56px; /* this is to ensure that the browser cannot change the height because of content overflow*/
    padding-left: 16px;
    padding-right: 16px;
}

.dnp-dinapsio-logo-placeholder {
    font-size: 1.50rem;
    color: #4E5567;
    font-weight: 600;
}

.dnp-sidenav-main-logo {
    flex-grow: 1;
}

.dnp-owner-and-site-logo {
    height: 32px;
}

.dnp-sidenav-user-block {
    display: grid;
    justify-items: center;
    row-gap: 8px;
}

.dnp-sidenav-user-block-image-container {
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid rgba(0, 0, 0, 0.24);
    height: 56px;
    width: 56px;
    border-radius: 50%;
}

.dnp-sidenav-user-block-description-container {
    text-align: center;
    font-weight: 600;
    font-size: 1.2em;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
}

.dnp-sidenav-user-block-description-container.highlighted {
    text-shadow: -2px -2px 0 rgba(255, 203, 0, 0.8), 2px -2px 0 rgba(255, 203, 0, 0.8), -2px 2px 0 rgba(255, 203, 0, 0.8), 2px 2px 0 rgba(255, 203, 0, 0.8);
}

.dnp-sidenav-user-block-actions-container {
    display: flex;
    column-gap: 8px;
}

.dnp-sidenav-user-block-actions-container .dnp-sidenav-block-action {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 40px;
    width: 40px;
    border: 1px solid rgba(0, 0, 0, 0.24);
    border-radius: 4px;
    transition: background-color 0.5s ease;
    background-color: white;
}

.dnp-sidenav-user-block-actions-container .dnp-sidenav-block-action > svg {
    color: var(--dnp-theme-500);
    height: 24px;
    width: 24px;
}

.dnp-sidenav-user-block-actions-container .dnp-sidenav-block-action:hover {
    background-color: var(--dnp-theme-50);
    cursor: pointer;
}

.dnp-sidenav-content {
    display: flex;
    flex-direction: column;
    padding-left: 16px;
    padding-right: 16px;
    padding-bottom: 32px;
    row-gap: 32px;
    flex-grow: 1;
    overflow: auto;
}

.dnp-sidenav-block {
    display: grid;
    grid-template-columns: 32px auto;
    grid-row-gap: 4px;
    grid-column-gap: 8px;
    grid-template-areas:
            "icon   title"
            ".      menu";
}

.dnp-sidenav-block > svg {
    grid-area: icon;
    height: 32px;
    width: 32px;
    align-self: center;
    justify-self: center;
    /*filter: invert(31%) sepia(8%) saturate(1171%) hue-rotate(186deg) brightness(95%) contrast(84%);*/
    color: var(--dnp-theme-500);
}

.dnp-sidenav-block-title {
    grid-area: title;
    color: #4E5567;
    font-size: 1.3em;
    font-weight: 600;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    align-self: center;
}

.dnp-sidenav-menu {
    display: flex;
}

.dnp-sidenav-menu-elements {
    grid-area: menu;
    display: flex;
    flex-direction: column;
    row-gap: 4px;
    font-size: 1.2em;
    line-height: 20px;
}

.dnp-sidenav a:hover {
    text-decoration: underline;
}

.dnp-sidenav-empty-block {
    display: none;
}

/*TODO valutare se eliminabile*/
.dnp-sidenav-active-anomalies-container {
    display: flex;
    flex-direction: row;
    column-gap: 8px;
}

/*TODO valutare se eliminabile*/
.dnp-sidenav-active-anomalies-container .dnp-anomalies-badge {
    font-weight: 600;
    color: white;
    background-color: rgb(244, 67, 54);
    border-radius: 4px;
    padding-left: 4px;
    padding-right: 4px;
}

.dnp-anomalies-badge {
    font-weight: 600;
    color: white;
    background-color: rgb(244, 67, 54);
    border-radius: 4px;
    padding-left: 4px;
    padding-right: 4px;
    margin-left: 6px;
}

#sidenav-container {
    height: 100%;
    overflow: auto;
}

.dnp-regular-user-avatar {
    color: rgba(0, 0, 0, 0.54);
}

.dnp-super-admin-avatar {
    background-color: var(--critical-anomaly-status-color);
}

.dnp-super-admin-avatar svg {
    height: 40px;
    width: 40px;
    filter: invert(70%) sepia(84%) saturate(587%) hue-rotate(357deg) brightness(100%) contrast(107%);
    opacity: 0.9;
}

.dnp-tech-support-avatar {
    background-color: var(--warning-anomaly-status-color);
}

.dnp-tech-support-avatar svg {
    height: 40px;
    width: 40px;
    filter: invert(28%) sepia(69%) saturate(7441%) hue-rotate(354deg) brightness(93%) contrast(130%);
    opacity: 0.9;
}

@media screen and (max-width: 600px) {
    .dnp-sidenav {
        box-shadow: none;
        width: 100%;
        height: 100%;
    }

    .dnp-sidenav-header {
        height: 48px;
        min-height: 48px; /* this is to ensure that the browser cannot change the height because of content overflow*/
        padding-left: 12px;
        padding-right: 12px;
    }

    .dnp-mobile-sidenav-header {
        display: flex;
        flex-direction: row;
        height: 48px;
        align-items: center;
        padding-left: 12px;
        padding-right: 12px;
    }

    .dnp-sidenav-content {
        padding-left: 12px;
        padding-right: 12px;
        row-gap: 16px;
    }
}
.dnp-line-chart-container {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    column-gap: 32px;
    row-gap: 32px;
}

.dnp-line-chart {
    flex-basis: 512px;
    flex-grow: 4;
}

.dnp-line-chart-legend-container {
    display: flex;
    flex-direction: column;
    justify-content: center;
    row-gap: 8px;
    flex-grow: 1;
}

.dnp-line-chart-legend-item {
    border: 1px solid rgba(0, 0, 0, 0.23);
    border-radius: 12px;
    color: rgba(0, 0, 0, 0.87);
    margin: 0 !important; /* remove margin from material design form control */
}

.dnp-time-series-chart-legend {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    column-gap: 8px;
    row-gap: 8px;
    justify-content: center;
    padding-bottom: 16px;
}

.dnp-time-series-chart-legend__item {
    border: 1px solid var(--dnp-theme-500);
    border-radius: 4px;
    margin: 0 !important; /* remove margin from material design form control */
    padding-right: 12px;
}

.dnp-line-chart-tooltip-container {
    display: flex;
    flex-direction: column;
    row-gap: 4px;
    font-size: 1.2em;
}

.dnp-line-chart-tooltip-container .day-time-description {
    display: flex;
    flex-direction: row;
    column-gap: 8px;
}

.dnp-line-chart-tooltip-container .details-container {
    display: flex;
    flex-direction: row;
    align-items: center;
    column-gap: 8px;
}

.dnp-line-chart-tooltip-container .details-container .row-legend {
    height: 16px;
    width: 16px;
    border-radius: 2px;
}

.dnp-line-chart-tooltip-container .details-container .details-description {
    display: flex;
    flex-direction: row;
    flex-grow: 1;
    column-gap: 8px;
}

.dnp-line-chart-tooltip-container .details-container .details-description .name {
    flex-grow: 1;
}

.dnp-line-chart-tooltip-container .details-container .details-description .value {
    font-weight: 600;
}

.dnp-device__action-toolbar {
    display: flex;
    flex-direction: row;
    column-gap: 16px;
}

.dnp-device__sections {
    display: grid;
    gap: 24px 32px;
    grid-template-columns: 1fr 1fr;
    max-width: var(--layout-default-max-width);
}

.dnp-device__section {
    display: flex;
    flex-direction: column;
    box-sizing: border-box;
    row-gap: 12px;
    padding: 12px 16px;
    border-radius: var(--default-card-border-radius);
}

.dnp-device__section-title {
    display: flex;
    flex-direction: row;
    column-gap: 12px;
    align-items: center;
    color: var(--dnp-theme-500);
    padding: 4px 0;
}

.dnp-device__section-heading {
    font-size: 2em;
    color: rgba(0, 0, 0, 0.87);
}

.dnp-device__section-add-subcomponent-button {
    margin-left: auto !important;
}

.dnp-device__section-content {
    display: grid;
    row-gap: 4px;
    column-gap: 64px;
}

.dnp-device__section-element {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    font-size: 1.4em;
    box-sizing: border-box;
    background-color: white;
    padding: 8px 16px;
    border-radius: 16px;
    box-shadow: var(--default-element-box-shadow);
    outline: 2px solid transparent;
    transition: all 0.1s ease;
}

.dnp-device__section-element:hover {
    transform: scale(1.02) translateZ(0px);
    outline-color: rgba(78, 85, 103, 0.12);
}

.dnp-device__section-element-content {
    display: flex;
    flex-direction: column;
    row-gap: 4px;
}

.dnp-device__section-element-heading {
    padding: 4px 0;
}

.dnp-device__section-element-icon {
    height: 32px;
    width: 32px;
    border-radius: 50%;
    border: 1px solid var(--dnp-theme-100);
}

.dnp-device__section-element-data {
    display: flex;
    flex-direction: row;
    column-gap: 16px;
    align-items: center;
    font-size: 0.875em;
    line-height: 1;
}

.dnp-device__section-element-data-value {
    font-size: 0.875em;
    color: rgba(0, 0, 0, 0.38);
}

.dnp-device__section-element-data-icon {
    margin-right: 4px;
    color: rgba(255, 255, 255, 1);
    border-radius: 50%;
    padding: 2px;
}

.dnp-time-series__maximum {
    background-color: color-mix(in srgb, var(--dnp-time-series-maximum-color) 60%, transparent);
}

.dnp-time-series__average {
    background-color: color-mix(in srgb, var(--dnp-time-series-average-color) 60%, transparent);
}

.dnp-time-series__minimum {
    background-color: color-mix(in srgb, var(--dnp-time-series-minimum-color) 60%, transparent);
}

.dnp-device__section-alternative-element-icon {
    background-color: #e8e8ed;
    color: var(--dnp-theme-500);
    padding: 4px;
    border-radius: 50%;
    border: 2px solid #e8e8ed;
}

.dnp-device__section-status-bar {
    display: flex;
    flex-direction: row;
    column-gap: 16px;
    align-items: center;
    grid-column-start: 1;
    grid-column-end: 3;
    border-radius: var(--default-card-border-radius);
    box-sizing: border-box;
}

.dnp-device__section-status-bar-communication-data {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    column-gap: 16px;
    row-gap: 4px;
    align-items: center;
    font-size: 1.4em;
    color: rgba(0, 0, 0, 0.87);
}

.dnp-device__section-status-bar-last-updated-at {
    display: flex;
    flex-direction: row;
    align-items: center;
    flex-wrap: wrap;
    column-gap: 4px;
    row-gap: 4px;
    margin-left: auto;
}

.dnp-device__section-status-bar-last-updated-at-label {
    color: rgba(0, 0, 0, 0.38);
}

.dnp-device__section-status-bar-last-updated-at-icon {
    color: rgba(0, 0, 0, 0.38);
}

.dnp-device__section-status-bar-last-updated-at-date {
    color: rgba(0, 0, 0, 0.6);
    text-decoration: underline;
    cursor: default;
}

.dnp-device__section-status-bar-last-updated-at-tooltip {
    display: grid;
    grid-template-columns: auto 1fr auto;
    column-gap: 4px;
}

.dnp-device__section-status-bar-last-updated-at-tooltip-label {
    font-size: 1.1em;
}

.dnp-device__section--filled {
    background-color: rgb(246, 246, 248);
    outline: 1px solid rgb(236, 238, 241);
}

.dnp-device__section--outlined {
    outline: 1px solid rgb(236, 238, 241);
}

.dnp-device__section-icon {
    height: 24px;
    width: 24px;
    align-self: center;
    border-radius: 50%;
    padding: 4px;
    border-width: 2px;
    border-style: solid;
    color: var(--dnp-theme-500);
}

.dnp-device__section--extended {
    grid-column-start: 1;
    grid-column-end: 3;
}

.dnp-device__section--extended .dnp-device__section-content {
    grid-template-columns: 1fr 1fr;
}

.flip-digit {
    animation: flipDigitIn 0.3s ease-in-out;
}

@keyframes flipDigitIn {
    0% {
        transform: rotateX(-90deg);
    }
    100% {
        transform: rotateX(0);
    }
}

@media screen and (max-width: 1024px) {
    .dnp-device__sections {
        grid-template-columns: 1fr;
    }

    .dnp-device__section-status-bar {
        grid-column-start: 1;
        grid-column-end: 2;
    }

    .dnp-device__section--extended {
        grid-column-start: 1;
        grid-column-end: 2;
    }

    .dnp-device__section--extended .dnp-device__section-content {
        grid-template-columns: 1fr;
    }
}
.dnp-pie-chart-tooltip {
    display: flex;
    flex-direction: row;
    align-items: center;
    column-gap: 8px;
    font-size: 1.2em;
}

.dnp-pie-chart-tooltip .color-legend {
    height: 16px;
    width: 16px;
    border-radius: 4px;
}

.dnp-pie-chart-tooltip .value {
    font-weight: 600;
}

.dnp-pie-chart-tooltip .percentage {
    color: var(--default-secondary-text-color);
}

.dnp-chart-tooltip {
    pointer-events: none;
    background-color: white;
    padding: 8px 12px;
    box-shadow: var(--default-element-box-shadow);
    border-radius: 4px;
}

.dnp-stack-scaled-series-tooltip {
    display: flex;
    flex-direction: column;
    row-gap: 16px;
    font-size: 1.2em;
}

.dnp-stack-scaled-series-tooltip__series {
    display: grid;
    grid-template-columns: 1fr auto auto;
    column-gap: 8px;
    row-gap: 4px;
}

.dnp-stack-scaled-series-tooltip__series__description {
    display: grid;
    grid-template-columns: 16px auto;
    column-gap: 8px;
    align-items: center;
}

.dnp-stack-scaled-series-tooltip__series__color-legend {
    height: 16px;
    width: 16px;
    border-radius: 2px;
}

.dnp-stack-scaled-series-tooltip__series__number {
    text-align: right;
}

.dnp-stack-scaled-series-tooltip__series__number--strong {
    font-weight: 600;
}

.dnp-stack-scaled-series-tooltip__series__number--secondary {
    color: var(--default-secondary-text-color);
}

.dnp-scaled-series-tooltip__series {
    display: grid;
    grid-template-columns: 1fr auto;
    column-gap: 8px;
    row-gap: 4px;
}
.dnp-field-device-details-container {
    display: flex;
    flex-direction: column;
    row-gap: 32px;
    padding-top: 32px;
}

.dnp-field-device-connection-status-container {
    display: flex;
    flex-direction: row;
    column-gap: 8px;
    align-items: center;
}

.dnp-field-device-connection-status-container .connected-icon {
    height: 40px;
    width: 40px;
    color: #43a047;
}

.dnp-field-device-connection-status-container .description {
    display: flex;
    flex-direction: row;
    column-gap: 4px;
    font-size: 1.5em;
}

.dnp-field-device-connection-status-container .disconnected-icon {
    height: 40px;
    width: 40px;
    color: #f44336;
}

.dnp-field-device-connection-status-container .never-connected-icon {
    height: 40px;
    width: 40px;
    color: #FFC107;
}

.dnp-field-device-connection-status-container .last-seen-at-details {
    color: var(--default-secondary-text-color);
}

.dnp-field-device-anomaly-configuration-container {
    display: flex;
    flex-direction: column;
    row-gap: 12px;
}

.dnp-field-device-anomaly-configuration-container .title {
    color: var(--dnp-theme-500);
    font-size: 1.5em;
    font-weight: 600;
}

.dnp-field-device-anomaly-configuration-container .details-grid {
    display: grid;
    row-gap: 16px;
    column-gap: 48px;
    grid-template-columns: repeat(auto-fit, minmax(max(320px, calc(50% - 24px)), 1fr));
    max-width: 1280px;
    font-size: 1.2em;
}

.dnp-field-device-anomaly-configuration-container .details-grid .notify-anomalies-grid {
    display: grid;
    grid-template-columns: repeat(2, max-content);
    grid-template-rows: repeat(2, 1fr);
    column-gap: 16px;
}

.dnp-field-device-anomaly-configuration-container .details-grid .notify-anomalies-grid .notification-icon {
    justify-self: center;
    color: var(--dnp-theme-500);
}

.dnp-field-device-anomaly-configuration-container .details-grid .section {
    display: grid;
    grid-auto-rows: 1fr;
}

.dnp-field-device-anomaly-configuration-container .details-grid .section .details {
    display: flex;
    flex-direction: row;
    column-gap: 8px;
    align-items: center;
}

.dnp-field-device-anomaly-configuration-container .details-grid .section .details .icon {
    color: var(--dnp-theme-500)
}

.dnp-field-device-anomaly-configuration-container .details-grid .section .details .no-configuration-icon {
    color: rgba(0, 0, 0, 0.54)
}

.dnp-field-device-anomaly-configuration-container .details-grid .section .details .no-configuration {
    font-style: italic;
    color: var(--default-secondary-text-color);
}

.dnp-field-device-anomaly-configuration-container .details-grid .section .details .priority-legend {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    height: 24px;
    width: 24px;
}

.dnp-field-device-anomaly-configuration-container .details-grid .section .details .priority-legend div {
    height: 18px;
    width: 18px;
    border-radius: 4px;
}
.dnp-highlightable-value {
    /* duration should match timeout in the component */
    animation: dnp-highlightableValueAnimation 1s ease-in-out;
}

@keyframes dnp-highlightableValueAnimation {
    0% {
        background-color: yellow;
    }
    100% {
        background-color: white;
    }
}
.dnp-spinner {
  width: 64px;
  height: 64px;
  text-align: center;
  font-size: 10px;
}

.dnp-spinner > div {
  height: 100%;
  width: 6px;
  margin: 0 4px 0 0;
  display: inline-block;

  -webkit-animation: sk-stretchdelay 1.2s infinite ease-in-out;
  animation: sk-stretchdelay 1.2s infinite ease-in-out;
}

.dnp-spinner div:nth-child(1) {
  -webkit-animation-delay: -1.1s;
  animation-delay: -1.1s;
}

.dnp-spinner div:nth-child(2) {
  -webkit-animation-delay: -1.0s;
  animation-delay: -1.0s;
}

.dnp-spinner div:nth-child(3) {
  -webkit-animation-delay: -0.9s;
  animation-delay: -0.9s;
}

.dnp-spinner div:nth-child(4) {
  -webkit-animation-delay: -0.8s;
  animation-delay: -0.8s;
}

@-webkit-keyframes sk-stretchdelay {
  0%, 40%, 100% { -webkit-transform: scaleY(0.4) }
  20% { -webkit-transform: scaleY(1.0) }
}

@keyframes sk-stretchdelay {
  0%, 40%, 100% {
    transform: scaleY(0.4);
    -webkit-transform: scaleY(0.4);
  }  20% {
       transform: scaleY(1.0);
       -webkit-transform: scaleY(1.0);
     }
}
:root {
    --default-anomalies-resume-color: rgb(63, 81, 181);
}

.dnp-total-anomalies-resume {
    background-color: var(--default-anomalies-resume-color);
    padding: 16px;
    border-radius: 8px;
    flex: 1 1 256px;
}

.dnp-total-anomalies-resume .value {
    color: rgb(255, 255, 255);
    font-size: 4em;
}

.dnp-total-anomalies-resume .description {
    color: rgba(255, 255, 255, 0.64);
    font-size: 1.2em;
}

.dnp-anomalies-legend-container {
    display: flex;
    flex-direction: row;
    column-gap: 16px;
}

.dnp-anomalies-legend-container .legend-element {
    display: flex;
    flex-direction: row;
    column-gap: 8px;
}

.dnp-anomalies-legend-container .legend-element .description {
    text-transform: uppercase;
}

.dnp-anomalies-summary-widget-container {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    column-gap: 16px;
    row-gap: 16px;
}

.dnp-anomalies-summary-widget {
    display: flex;
    flex-direction: column;
    row-gap: 8px;
    flex: 1 1 256px;
    border: 1px solid var(--default-anomalies-resume-color);
    border-radius: 8px;
    padding: 16px;
}

.dnp-anomalies-summary-widget .title {
    color: var(--default-anomalies-resume-color);
    font-size: 1.2em;
    font-weight: 600;
}

.dnp-anomalies-summary-widget .data-container {
    display: flex;
    flex-direction: row;
    justify-content: center;
    column-gap: 32px;
}

.dnp-anomalies-summary-widget .data-container .doughnut-legend {
    height: 128px;
    width: 128px;
    border-width: 16px;
    border-style: solid;
    box-sizing: border-box;
    border-radius: 50%;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}

.dnp-anomalies-summary-widget .data-container .doughnut-content {
    display: flex;
    flex-direction: column;
    row-gap: 8px;
    align-items: center;
}

.dnp-anomalies-summary-widget .data-container .count {
    font-size: 2em;
    font-weight: 600;
}

.dnp-anomalies-summary-widget .data-container .description {
    font-size: 1.2em;
}

.dnp-anomalies-widget__wrapper {
    padding: 8px !important;
}

.dnp-anomalies-widget {
    background-color: white;
    border-radius: 8px;
    padding: 8px;
}

.dnp-anomalies-widget__anomalies-badge {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #f44336;
    border-radius: 50%;
    height: 40px;
    width: 40px;
    color: white;
    font-size: 2.5em;
}

.dnp-anomalies-widget__everything-is-fine-badge {
    background-color: #43a047;
    border-radius: 50%;
    margin-bottom: 16px;
    color: white;
}

.dnp-anomalies-widget__link {
    font-size: 1.2em;
    font-weight: bold;
    text-decoration: underline !important;
}

.dnp-anomalies-widget__anomalies-list {
    display: grid;
    grid-template-columns: 12px 1fr auto;
    column-gap: 8px;
    row-gap: 4px;
    font-size: 1.1em;
    padding-top: 4px;
    padding-bottom: 4px;
}

.dnp-anomalies-widget__anomalies-list__anomaly-item {
    min-height: 32px;
}

.dnp-anomalies-widget__anomalies-list__anomaly-beginning {
    text-align: right;
}

.dnp-anomalies-widget__anomalies-list__divider:not(:last-child) {
    grid-column-start: 1;
    grid-column-end: 4;
    border-bottom: 1px solid var(--default-list-divider-color);
}

@media screen and (max-width: 600px) {
    .dnp-anomalies-widget__everything-is-fine-badge {
        margin-top: 8px;
        margin-bottom: 8px;
    }
}
.dnp-standard-list {
    display: grid;
    background-color: white;
    border-radius: var(--default-card-border-radius);
    border: var(--default-card-border);
    user-select: none;
    box-sizing: border-box;
}

.dnp-standard-list.single-line-item {
    grid-auto-rows: minmax(56px, 1fr);
}

.dnp-standard-list.multi-line-item {
    grid-auto-rows: minmax(72px, 1fr);
}

.dnp-standard-list .dnp-standard-list-item {
    display: flex;
    flex-direction: row;
    padding-left: 16px;
    padding-right: 24px;
    column-gap: 16px;
    align-items: center;
    font-size: 1.1em;
    box-sizing: border-box;
    transition: background-color 0.5s ease;
}

.dnp-standard-list .dnp-standard-list-item:not(:last-child) {
    border-bottom: 1px solid var(--default-list-divider-color);
}

.dnp-standard-list .dnp-standard-list-item:first-child {
    border-top-left-radius: inherit;
    border-top-right-radius: inherit;
}

.dnp-standard-list .dnp-standard-list-item:last-child {
    border-bottom-left-radius: inherit;
    border-bottom-right-radius: inherit;
}

.dnp-standard-list .dnp-standard-list-item:hover {
    background-color: var(--dnp-standard-list__item--hovered);
}

.dnp-standard-list .dnp-standard-list-item.archived {
    background-color: var(--default-disable-background-color);
    color: var(--default-disable-text-color);
    font-style: italic;
}

.dnp-standard-list .dnp-standard-list-item .label {
    flex: 1
}

.dnp-standard-list .dnp-standard-list-item .critical-anomaly-status-icon {
    color: var(--critical-anomaly-status-color);
}

.dnp-standard-list .dnp-standard-list-item .warning-anomaly-status-icon {
    color: var(--warning-anomaly-status-color);
}

.dnp-standard-list .dnp-standard-list-item .regular-status-icon {
    color: var(--regular-status-color);
}

.dnp-standard-list .dnp-standard-list-item .site-description {
    display: flex;
    flex-direction: column;
    row-gap: 4px;
    flex: 1;
}

.dnp-standard-list .dnp-standard-list-item .site-description .anomalies-details {
    display: flex;
    flex-direction: row;
    column-gap: 8px;
    align-items: center;
}

.dnp-standard-list .dnp-standard-list-item .site-description .anomalies-details .description {
    color: var(--default-secondary-text-color);
}

.dnp-standard-list .dnp-standard-list-item .site-avatar {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    font-size: 1.1em;
    height: 40px;
    width: 40px;
    border-radius: 50%;
    border: 2px solid var(--list-avatar-color);
    transition: border-color 0.5s ease;
}

.dnp-standard-list .dnp-standard-list-item:hover .site-avatar {
    border-color: var(--list-avatar-highlited-color);
}

.dnp-standard-list .dnp-standard-list-item .action-icon {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background-color: rgba(0, 0, 0, 0.12);
    border-radius: 50%;
    width: 32px;
    height: 32px;
}

.dnp-phone-number-item {
    display: flex;
    flex-direction: row;
    flex: 1;
    column-gap: 32px;
}

.dnp-phone-number-item .verified {
    border-radius: 4px;
    padding-right: 8px;
    padding-left: 8px;
    color: white;
    background-color: var(--regular-status-color);
}

.dnp-phone-number-item .unverified {
    border-radius: 4px;
    padding-right: 8px;
    padding-left: 8px;
    background-color: var(--warning-anomaly-status-color);
}

.dnp-standard-list-select-deselect-all-shortcut-item {
    display: flex;
    flex-direction: row;
    height: 56px;
    padding-left: 16px;
    padding-right: 24px;
    margin-bottom: 8px;
    column-gap: 16px;
    align-items: center;
    font-size: 1.1em;
    box-sizing: border-box;
    transition: background-color 0.5s ease;
    border-bottom: 1px solid var(--default-list-divider-color);
    cursor: pointer;
    user-select: none;
}

.dnp-standard-list-select-deselect-all-shortcut-item:hover {
    background-color: var(--dnp-theme-50);
}

.dnp-standard-list-select-deselect-all-shortcut-item > .label {
    flex: 1;
    font-style: italic;
    color: var(--default-secondary-text-color);
}

@media screen and (max-width: 600px) {
    .dnp-standard-list {
        margin-top: 4px;
    }
}
.dnp-report-container {
    display: grid;
    grid-template-columns: repeat(auto-fill, 160px);
    row-gap: 32px;
    column-gap: 32px;
}

.dnp-report-button {
    display: flex;
    flex-direction: column;
    align-items: center;
    row-gap: 32px;
    height: 192px;
    border: 1px solid rgba(0, 0, 0, 0.24);
    border-radius: 8px;
    padding-top: 24px;
    padding-left: 16px;
    padding-right: 16px;
    cursor: pointer;
    transition: background-color 0.5s ease;
}

.dnp-report-button .icon {
    color: var(--dnp-theme-500);
}

.dnp-report-button .label {
    font-size: 1.3em;
    text-align: center;
}

.dnp-report-button.disabled .icon {
    color: var(--default-disable-background-color)
}

.dnp-report-button.disabled .label {
    color: var(--default-secondary-text-color);
}

.dnp-report-button:hover {
    background-color: var(--dnp-theme-50);
}


.dnp-consumptions-ranking__data-container {
    display: grid;
    grid-template-columns: 1fr 2fr;
    grid-template-rows: 1fr;
    column-gap: 64px;
    flex: 1;
}

.dnp-consumptions-ranking__pie-chart {
    padding-top: 68px;
    width: 100%;
    max-width: 512px;
    justify-self: center;
}

.dnp-consumptions-ranking__ranking-table-container {
    display: flex;
    flex-direction: column;
    row-gap: 16px;
}

.dnp-consumptions-ranking__ranking-table {
    display: grid;
    grid-template-columns: 24px auto max-content max-content 48px;
    align-items: center;
    font-size: 1.2em;
    column-gap: 16px;
}

.dnp-consumptions-ranking__ranking-table__row__divider {
    grid-column: 1 / 6;
    border-bottom: 1px solid rgba(0, 0, 0, 0.12);
    margin-top: 8px;
    margin-bottom: 8px;
}

.dnp-consumptions-ranking__ranking-table__row__name {
    display: -webkit-box;
    line-clamp: 3;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.dnp-consumptions-ranking__ranking-table__row__name__tooltip {
    font-size: 1.2em;
}

.dnp-consumptions-ranking__ranking-table__row__data {
    text-align: end;
}

.dnp-consumptions-ranking__ranking-table__row__link.MuiButtonBase-root {
    color: var(--dnp-theme-500);
}

.dnp-consumptions-ranking__ranking-table--highlighted {
    height: 52px;
    border-radius: 4px;
    font-weight: bold;
    background-color: var(--dnp-theme-50);
}

.dnp-consumption-distribution-by-period__legend-table {
    display: grid;
    grid-template-columns: 24px auto 48px;
    align-items: center;
    font-size: 1.2em;
    column-gap: 16px;
}

.dnp-consumption-distribution-by-period__legend-table__row__divider {
    grid-column: 1 / 4;
    border-bottom: 1px solid rgba(0, 0, 0, 0.12);
    margin-top: 8px;
    margin-bottom: 8px;
}

@media (max-width: 1000px) {
    .dnp-consumptions-ranking__data-container {
        display: grid;
        grid-template-columns: 1fr;
        grid-template-rows: auto auto;
        row-gap: 16px;
    }

    .dnp-consumptions-ranking__pie-chart {
        padding-top: 0;
    }
}
.dnp-editable-tree-container {
    display: flex;
    flex-direction: column;
    height: 100%;
    background-color: white;
    border-radius: 2px;
    box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
    padding: 16px;
    box-sizing: border-box;
}

.dnp-editable-tree {
    display: flex;
    flex-direction: column;
    flex: 1 1 0%;
    row-gap: 16px;
}

.dnp-editable-tree-leaf {
    user-select: none;
    font-weight: 500;
}

.dnp-editable-tree-folder {
    user-select: none;
    font-weight: 700;
}

.dnp-editable-tree-action-toolbar {
    display: flex;
    flex-direction: row;
    padding-bottom: 16px;
    border-bottom: 1px solid var(--default-disable-background-color);
}

.dnp-editable-tree-action-toolbar .action-buttons-container {
    display: flex;
    flex-direction: row;
    column-gap: 128px;
    row-gap: 16px;
    flex: 1 1 0%;
    flex-wrap: wrap;
}

.dnp-editable-tree-action-toolbar .action-buttons-container .collapse-shrink-container {
    display: flex;
    flex-direction: row;
    column-gap: 16px;
}

.dnp-editable-tree-action-toolbar .save-button {
    background-color: var(--critical-anomaly-status-color);
    color: white;
}

.dnp-editable-tree-action-toolbar .save-button:hover {
    background-color: #a52629;
}

.dnp-editable-tree-node-icon-button {
    box-sizing: border-box;
    cursor: pointer;
    border-radius: 2px;
    transition: var(--defaul-button-transition);
    color: #3D4454;
}

.dnp-editable-tree-node-icon-button:hover {
    background-color: var(--dnp-theme-50);
}

.dnp-name-dialog-input-container {
    display: flex;
    min-width: 256px;
}

.dnp-tree-group-item {
    font-weight: 600;
    color: #4E5567;
    cursor: pointer;
}

.dnp-tree-depth-placeholder {
    width: 24px;
}

.dnp-tree-leaf-item .folder-nested-leaf-icon {
    color: rgba(78, 85, 103, 0.5);
}

.dnp-react-sortable-table-wrapper {
    flex: 1
}

.dnp-selectable-tree {
    display: grid;
    user-select: none;
    grid-auto-rows: minmax(56px, 1fr);
}

.dnp-selectable-tree .dnp-standard-list-item {
    display: flex;
    flex-direction: row;
    padding-left: 16px;
    padding-right: 24px;
    column-gap: 16px;
    align-items: center;
    font-size: 1.1em;
    border-bottom: 1px dashed var(--default-list-divider-color);
    box-sizing: border-box;
    transition: background-color 0.5s ease;
    cursor: pointer;
}

.dnp-selectable-tree .dnp-standard-list-item:hover {
    background-color: var(--dnp-theme-50);
}

.dnp-selectable-tree .dnp-standard-list-item .label {
    flex: 1
}

.dnp-tree-elements-selector-dialog {
    height: 512px;
}

.dnp-readonly-tree-action-toolbar {
    display: flex;
    flex-direction: row;
    column-gap: 48px;
    flex-wrap: wrap;
    row-gap: 16px;
}

.dnp-readonly-tree-action-toolbar > .search-text-field {
    flex: 1;
}

.dnp-readonly-tree-action-toolbar > .tree-action-buttons {
    display: flex;
    flex-direction: row;
    column-gap: 16px;
    align-items: center;
}
.dnp-new-link-button {
    display: flex;
    align-items: center;
    box-sizing: border-box;
    height: 40px;
    min-width: 40px;
    cursor: pointer;
    border-radius: 4px;
    padding-right: 24px;
    padding-left: 16px;
    color: white;
    background-color: var(--dnp-theme-500);
    text-transform: uppercase;
    text-decoration: none;
    transition: background-color 0.5s ease;
}

a.dnp-new-link-button:visited {
    color: white;
}

.dnp-new-link-button:hover {
    background-color: var(--dnp-theme-800);
}

.dnp-new-link-button > svg {
    margin-right: 8px;
    color: white;
}

.dnp-menu-button-divider {
    border-width: 0;
    border-bottom-width: thin;
    border-style: solid;
    border-color: var(--default-list-divider-color);
}

.dnp-async-form-submit.MuiButtonBase-root {
    background-color: var(--critical-anomaly-status-color);
}

.dnp-async-form-submit.MuiButtonBase-root:hover {
    background-color: #a52629;
}

.dnp-button__default-tooltip {
    font-size: 16px;
}
.dnp-topology-elements__mapping__container {
    display: flex;
    flex-direction: row;
    column-gap: 16px;
    align-items: center;
}

.dnp-topology-elements__mapping__factor {
    width: 64px;
}

.dnp-topology-elements__mapping__label {
    font-size: 1.2em;
}

.dnp-topology-element-stats-container {
    display: flex;
    flex-direction: column;
    row-gap: 24px;
}

.dnp-topology-element-stats {
    display: grid;
    grid-template-columns: 24px auto;
    column-gap: 8px;
}

.dnp-topology-element-stats__data {
    display: grid;
    row-gap: 4px;
}

.dnp-topology-element-stats__primary {
    display: grid;
    grid-template-columns: 1fr auto;
    grid-auto-rows: minmax(24px, auto);
    column-gap: 8px;
}

.dnp-topology-element-stats__primary__title {
    display: -webkit-box;
    line-clamp: 3;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    font-size: 1.4em;
}

.dnp-topology-element-stats__primary__interval-summary {
    display: flex;
    flex-direction: row;
    align-items: center;
    font-size: 1.4em;
}

.dnp-topology-element-stats__primary__total-value {
    font-weight: 600;
    font-size: 1.4em;
    text-align: end;
}

.dnp-topology-element-stats__variation {
    display: flex;
    justify-content: end;
    align-items: center;
    font-size: 1.2em;
    border-radius: 2px;
    padding-right: 8px;
    font-weight: 600;
}

.dnp-topology-element-stats--neutral {
    color: var(--dnp-theme-800);
    background-color: var(--dnp-theme-50);
}

.dnp-topology-element-stats--better {
    color: #055C00;
    background-color: #E6F4E5;
}

.dnp-topology-element-stats--worse {
    color: #521214;
    background-color: #EBABAD;
}

.dnp-topology-element-stats__resume {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    color: var(--default-secondary-text-color);
    font-size: 1.1em;
}

.dnp-topology-element-stats__resume__element {
    text-align: center;
    box-sizing: border-box;
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 4px;
    padding-right: 4px;
}

.dnp-topology-element-stats__resume__element strong {
    display: inline-block;
}

.dnp-topology-element-stats__resume__element:not(:last-child) {
    border-right: 1px solid var(--default-list-divider-color);
}

.dnp-topology-element__chart {
    min-height: 256px;
    max-height: 1024px;
}

.dnp-topology-element__tab-content {
    display: grid;
    grid-template-columns: 2fr 1fr;
    grid-template-rows: auto 1fr auto;
    column-gap: 32px;
    row-gap: 24px;
    flex: 1
}

.dnp-topology-element__data-downloader {
    grid-column-start: 1;
    grid-column-end: 3;
}

.dnp-topology-element__date-range-resume {
    grid-column-start: 1;
    grid-column-end: 3;
}

.dnp-topology-elements-index__list-item {
    display: flex;
    flex-direction: row;
    box-shadow: var(--default-element-box-shadow);
    align-items: center;
    font-size: 1.4em;
    color: var(--dnp-theme-900);
    border-radius: 16px;
    padding: 8px 16px;
    justify-content: space-between;
    transition: all 0.2s ease-in-out;
}

.dnp-topology-elements-index__list-item svg {
    height: 32px;
    width: 32px;
    border-radius: 50%;
    border: 1px solid var(--dnp-theme-100);
    background-color: var(--dnp-theme-50);
    transition: all 0.2s ease-in-out;
}

.dnp-topology-elements-index__list-item:hover {
    background-color: var(--dnp-theme-50);
}

.dnp-topology-elements-index__list-item:hover svg {
    border: 1px solid var(--dnp-theme-200);
    background-color: var(--dnp-theme-100);
}

.dnp-topology-elements-index__system-section {
    display: flex;
    flex-direction: column;
    row-gap: 8px;
}

.dnp-topology-elements-index__system-section__title {
    font-size: 1.4em;
    color: var(--default-secondary-text-color);
}

.dnp-topology-elements-index__system-section:has(.dnp-topology-elements-index__system-section__title) .dnp-topology-elements-index__list-item {
    margin-left: 16px;
}

.dnp-topology-elements-index__section {
    display: flex;
    flex-direction: column;
    row-gap: 16px;
}

.dnp-topology-elements-index__section__title {
    display: flex;
    flex-direction: row;
    column-gap: 16px;
    align-items: center;
}

.dnp-topology-elements-index__section__title span {
    font-size: 2em;
    color: var(--dnp-theme-500);
}

.dnp-topology-elements-index__section__system-sections {
    display: flex;
    flex-direction: column;
    row-gap: 16px;
    margin-left: 16px;
}

.dnp-topology-elements-index {
    display: flex;
    flex-direction: column;
    row-gap: 48px;
    max-width: var(--layout-default-max-width);
}

.dnp-topology-elements-index__electrical {
    display: grid;
    grid-template-columns: 1fr 1fr;
    row-gap: 48px;
    column-gap: 48px;
}

.dnp-topology-elements-index__icon.MuiSvgIcon-root {
    height: 48px;
    width: 48px;
    align-self: center;
    border-radius: 50%;
    padding: 4px;
    border-width: 2px;
    border-style: solid;
}

.dnp-topology-elements-index__icon--delivery-point {
    color: var(--delivery-point-color);
    border-color: var(--delivery-point-color);
}

.dnp-topology-elements-index__icon--solar-power-system {
    color: var(--solar-power-system-color);
    border-color: var(--solar-power-system-color);
}

.dnp-topology-elements-index__icon--feed-in-point {
    color: var(--feed-in-point-color);
    border-color: var(--feed-in-point-color);
}

.dnp-topology-elements-index__icon--electric-generator {
    color: var(--electric-generator-color);
    border-color: var(--electric-generator-color);
}

.dnp-topology-elements-index__icon--load {
    color: var(--load-color);
    border-color: var(--load-color);
}

@media screen and (max-width: 640px) {
    .dnp-topology-elements-index__section__title {
        column-gap: 8px;
    }

    .dnp-topology-elements-index__icon.MuiSvgIcon-root {
        height: 40px;
        width: 40px;
    }

    .dnp-topology-elements-index__section__title span {
        margin-right: 8px;
    }
}

@media screen and (max-width: 1024px) {
    .dnp-topology-element__tab-content {
        grid-template-columns: auto;
        row-gap: 24px;
    }

    .dnp-topology-element__data-downloader {
        grid-column-start: auto;
        grid-column-end: auto;
    }

    .dnp-topology-elements-index__electrical {
        display: flex;
        flex-direction: column;
    }
}

@media screen and (min-width: 1920px) {
    .dnp-topology-element__tab-content {
        grid-template-columns: 3fr 1fr;
    }
}

/* TopologyElementVersionsTable */
.dnp-topology-element-versions-table {
    display: grid;
    grid-template-columns: 1fr 1fr auto;
    grid-auto-rows: 52px;
    column-gap: 24px;
    font-size: 1.2em;
    background: linear-gradient(transparent 0, transparent 51px, rgba(0, 0, 0, 0.12) 51px, rgba(0, 0, 0, 0.12) 52px, transparent 52px);
    background-size: 100% 52px;
}
.dnp-login-page {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.dnp-login-page-card {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    width: 90%;
    max-width: 800px;
    background-color: white;
    border-radius: var(--default-card-border-radius);
    border: var(--default-card-border);
    overflow: hidden; /* this force children that has background-color defined to respect border-radius */
    box-sizing: border-box;
}

.dnp-login-intro-wrapper {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    row-gap: 16px;
    background-color: rgb(78, 85, 105);
    color: white;
    user-select: none;
    padding: 32px;
    flex: 1;
}

.dnp-login-intro-wrapper > a {
    font-size: 3em;
    font-weight: 600;
}

.dnp-login-intro-wrapper > p {
    font-size: 1.5em;
}

.dnp-login-form-wrapper {
    display: grid;
    grid-template-rows: 50px 56px 56px 42px auto auto;
    row-gap: 16px;
    flex: 1;
    background-color: white;
    padding: 32px;
    height: 400px;
}

.dnp-login-title {
    font-size: 3em;
    color: var(--dnp-theme-500)
}

.dnp-login-description {
    display: flex;
    flex-direction: row;
    justify-content: center;
    color: var(--default-secondary-text-color);
    font-size: 1.2em;
}

.dnp-login-primary-button {
    align-self: start;
    grid-row-start: 5;
}

.dnp-login-secondary-button {
    align-self: end;
    justify-self: center;
    grid-row-start: 6;
}
.dnp-profile__grid {
    display: grid;
    grid-template-columns: 256px auto;
    row-gap: 16px;
    column-gap: 16px;
}

.dnp-profile-section {
    display: flex;
    flex-direction: column;
    max-width: 704px;
    row-gap: 8px;
}

.dnp-profile-section-title {
    font-size: 1.5em;
    height: 32px;
    text-transform: uppercase;
}

.dnp-profile-section-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(256px, 1fr));
    grid-auto-rows: 56px;
    row-gap: 4px;
    column-gap: 8px;
}

.dnp-profile-actions-section-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(256px, 1fr));
    grid-auto-rows: 64px;
    row-gap: 4px;
    column-gap: 8px;
}

.dnp-profile-grid-cell {
    display: flex;
    flex-direction: column;
    row-gap: 4px;
    flex: 1;
}

.dnp-profile-cell-title {
    font-size: 1.1em;
}

.dnp-profile-divider {
    border-bottom: 1px solid rgba(0, 0, 0, 0.12);
    width: 80%;
    align-self: center;
}

.dnp-profile-wrapper {
    display: flex;
    flex-direction: column;
    row-gap: 32px;
    flex: 1;
}

.dnp-profile-details-wrapper {
    display: flex;
    flex-direction: column;
    row-gap: 16px;
}

.dnp-profile-password-form-wrapper {
    display: flex;
    flex-direction: column;
    row-gap: 32px;
}

.dnp-profile-password-form-wrapper .section {
    display: flex;
    flex-direction: column;
    row-gap: 8px;
}

.dnp-profile-password-form-wrapper .section .title {
    font-size: 1.2em;
    text-transform: uppercase;
}

.dnp-profile-otp-disable-wrapper {
    display: flex;
    flex-direction: row;
    column-gap: 64px;
}

.dnp-profile-otp-disable-wrapper .otp-status {
    display: flex;
    flex-direction: row;
    column-gap: 4px;
    align-items: center;
}

.dnp-profile-otp-disable-wrapper .otp-status span {
    font-size: 1.3em;
}

.dnp-profile-otp-disable-wrapper .otp-status .icon {
    color: var(--regular-status-color);
}

.dnp-otp-dialog-content-wrapper {
    display: flex;
    flex-direction: column;
    height: 300px;
}

.dnp-otp-dialog-content-wrapper .error {
    font-size: 1.2em;
}

.dnp-otp-enable-dialog-form {
    display: flex;
    flex-direction: column;
    row-gap: 16px;
}

.dnp-otp-enable-dialog-form span {
    font-size: 1.2em;
}

.dnp-otp-enable-dialog-code {
    display: flex;
    flex-direction: row;
    flex-flow: wrap;
    column-gap: 32px;
}

.dnp-otp-enable-dialog-qr-wrapper {
    display: flex;
    flex-direction: column;
    flex-basis: 256px;
}

.dnp-otp-enable-dialog-instructions-wrapper {
    display: flex;
    flex-direction: column;
    row-gap: 32px;
    flex: 1;
}

.dnp-otp-enable-dialog-instructions-wrapper ol {
    font-size: 1.2em;
    margin: 0;
    padding-left: 16px;
}

.dnp-otp-enable-dialog-instructions-wrapper li:not(:last-child) {
    margin-bottom: 8px;
}

.dnp-otp-enable-dialog-verified-wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    row-gap: 48px;
    font-size: 1.2em;
}

.dnp-otp-enable-dialog-verified-wrapper .success-icon {
    color: var(--regular-status-color);
    font-size: 128px;
}

.dnp-otp-enable-dialog-verified-wrapper .error-icon {
    color: var(--critical-anomaly-status-color);
    font-size: 128px;
}

.dnp-otp-enable-dialog-verified-wrapper .warning-icon {
    color: var(--warning-anomaly-status-color);
    font-size: 128px;
}

.dnp-otp-disable-dialog-verified-wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    row-gap: 48px;
    font-size: 1.2em;
}

.dnp-otp-disable-dialog-verified-wrapper .success-icon {
    color: var(--warning-anomaly-status-color);
    font-size: 128px;
}

@media screen and (max-width: 600px) {
    .dnp-profile__grid {
        display: grid;
        grid-template-columns: 1fr;
        row-gap: 16px;
        column-gap: 16px;
    }
}
.dnp-sites-administration-table {
    display: grid;
    grid-auto-rows: max-content;
    column-gap: 16px;
    row-gap: 12px;
    font-size: 1.2em;
    padding-top: 48px;
    padding-bottom: 32px;
    padding-right: 16px;
    padding-left: 16px;
}

.dnp-sites-administration-table.users-to-sites {
    grid-template-columns: max-content max-content 1fr max-content;
}

.dnp-sites-administration-table.sites-to-users {
    grid-template-columns: max-content 1fr max-content;
}

.dnp-sites-administration-table .highlighted {
    animation: highlight 2s ease-in-out 0.1s;
}

.dnp-sites-administration-table .header-cell {
    display: flex;
    flex-direction: row;
    align-items: center;
    column-gap: 8px;
    line-height: 40px;
    color: var(--default-secondary-text-color);
    user-select: none;
}

.dnp-sites-administration-table .row-cell {
    display: flex;
    flex-direction: row;
    line-height: 32px;
}

.dnp-sites-administration-table .row-cell .chips-container {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    column-gap: 8px;
    row-gap: 4px;
}

.dnp-sites-administration-table .divider {
    grid-column-start: 1;
    grid-column-end: 5;
    border-bottom: 1px solid var(--default-list-divider-color);
}

.dnp-sites-administration-table .chip {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    column-gap: 8px;
    border: 1px solid var(--default-list-divider-color);
    border-radius: 8px;
    padding-left: 4px;
    padding-right: 8px;
    cursor: pointer;
    transition: background-color 0.5s ease;
}

.dnp-sites-administration-table .chip:hover {
    background-color: var(--dnp-theme-50);
}

.dnp-sites-administration-table .chip .avatar {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    font-size: 1.1em;
    height: 24px;
    width: 24px;
    border-radius: 50%;
    border: 2px solid var(--list-avatar-color);
    transition: border-color 0.5s ease;
}

.dnp-sites-administration-table .chip:hover .avatar {
    border-color: var(--list-avatar-highlited-color);
}

@keyframes highlight {
    0% {
        background-color: initial;
    }
    50% {
        background-color: var(--critical-anomaly-status-color);
    }
    100% {
        background-color: initial;
    }
}

.dnp-sites-administration-tab {
    background-color: var(--dnp-card-background-color);
}

.dnp-sites-administration-user-actions-container {
    display: grid;
    grid-template-columns: 1fr auto;
    align-items: center;
    column-gap: 64px;
    padding-top: 48px;
    padding-left: 16px;
    padding-right: 16px;
}

.dnp-sites-administration-site-actions-container {
    display: flex;
    flex-direction: row;
    padding-top: 48px;
    padding-left: 16px;
    padding-right: 16px;
}

.dnp-sortable-table {
    border: 0 !important;
    border-radius: var(--default-card-border-radius) !important;
}
.dnp-administration-link-wrapper {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    row-gap: 32px;
    column-gap: 16px;
}

.dnp-administration-link {
    display: flex;
    flex-direction: column;
    border: 1px solid rgba(0, 0, 0, 0.24);
    border-radius: 8px;
    align-items: center;
    justify-content: space-between;
    row-gap: 8px;
    cursor: pointer;
    transition: background-color 0.5s ease;
    height: 96px;
    width: 112px;
    box-sizing: border-box;
    padding-top: 8px;
    padding-bottom: 8px;
}

.dnp-administration-link .title {
    font-size: 1.2em;
    text-align: center;
}

.dnp-administration-link .icon {
    height: 32px;
    width: 32px;
    color: var(--dnp-theme-500)
}

.dnp-administration-link:hover {
    background-color: var(--dnp-theme-50);
}
.dnp-toolbar {
    background-color: var(--dnp-card-container-background);
    color: var(--dnp-theme-800);
    padding: 16px 24px 0 24px;
}

.dnp-toolbar__breadcrumb {
    display: flex;
    flex-direction: row;
    align-items: center;
    font-size: 1.2em;
    letter-spacing: 0.02em;
    line-height: 22px;
    height: 22px;
}

.dnp-toolbar__breadcrumb__separator {
    color: var(--default-disable-text-color);
}

.dnp-toolbar__breadcrumb__separator:last-child {
    display: none;
}

.dnp-toolbar__breadcrumb__link {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.dnp-toolbar__breadcrumb__link a {
    cursor: pointer;
}

.dnp-toolbar__breadcrumb__link:hover {
    text-decoration: underline;
}

.dnp-toolbar__breadcrumb__link--disabled {
    cursor: not-allowed;
}

.dnp-toolbar__breadcrumb__link--disabled:hover {
    text-decoration: none;
    cursor: not-allowed;
}

.dnp-toolbar__content {
    display: flex;
    flex-direction: row;
    column-gap: 8px;
    align-items: center;
    line-height: 48px;
}

.dnp-toolbar__title {
    font-size: 3em;
    font-weight: 600;
    display: -webkit-box;
    line-clamp: 2;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.dnp-toolbar__mobile-menu-button__icon {
    color: var(--dnp-theme-800) !important;
}

@media screen and (max-width: 600px) {
    .dnp-toolbar {
        padding: 8px 12px 0 12px;
    }

    .dnp-toolbar__content {
        position: relative;
        left: -8px;
    }

    .dnp-toolbar__title {
        letter-spacing: -0.02em;
    }
}
.dnp-site-dashboard-utility-section-title {
    display: flex;
    flex-direction: row;
    column-gap: 8px;
    align-items: center;
    justify-content: center;
}

.dnp-site-dashboard-utility-section-title svg {
    height: 32px;
    width: 32px;
    color: var(--dnp-theme-500);
}
.dnp-user-invitation-form-card {
    row-gap: 32px;
}

.dnp-user-invitation-form-container {
    row-gap: 8px;
    max-width: 512px;
}

.dnp-user-invitation-form-actions-container {
    display: flex;
    flex-direction: row;
    column-gap: 16px;
    margin-top: 64px;
}

.dnp-user-invitation-form-card__section-title {
    font-size: 1.2em;
}

.dnp-user-invitation__custom-tab {
    display: flex;
    flex-direction: row;
    align-items: center;
    column-gap: 8px;
    padding-left: 16px;
    padding-right: 16px;
    color: var(--dnp-theme-800);
    cursor: pointer;
    background-color: var(--dnp-theme-100);
    transition: background-color 0.3s ease;
}

.dnp-user-invitation__custom-tab__icon {
    color: var(--dnp-theme-800);
}

.dnp-user-invitation__custom-tab__icon--highlighted {
    color: var(--dnp-theme-500);
}

.dnp-user-invitation__custom-tab:first-child {
    border-top-left-radius: 16px;
}

.dnp-user-invitation__custom-tab:last-child {
    border-top-right-radius: 16px;
}

.dnp-user-invitation__custom-tab--highlighted {
    color: var(--dnp-theme-500);
    background-color: white;
    font-weight: 600;
    border-top: 1px solid var(--default-card-border-color);
    border-left: 1px solid var(--default-card-border-color);
    border-right: 1px solid var(--default-card-border-color);
    position: relative;
    z-index: 2;
    margin-bottom: -1px;
    box-sizing: border-box;
}

.dnp-user-invitation__custom-tab:hover:not(.dnp-user-invitation__custom-tab--highlighted) {
    background-color: var(--dnp-theme-200);
}
.dnp-tariff-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    row-gap: 4px;
}

.dnp-editable-tariff-text-field {
    max-width: 156px;
}

.dnp-tariff-name {
    font-size: 1.5em;
}

.dnp-tariff-plan-form-container {
    display: flex;
    flex-direction: column;
    row-gap: 32px;
    max-width: 1024px;
}

.dnp-tariff-plan-form-container .dnp-tariff-plan-name {
    font-size: 1.5em;
}

.dnp-tariff-plan-form-container .dnp-date-picker-container {
    display: flex;
    flex-direction: row;
    align-items: center;
    column-gap: 16px;
}

.dnp-tariff-plan-form-container .dnp-date-picker-container span {
    font-size: 1.5em;
}

.dnp-tariff-plan-form-container .dnp-tariff-plan-fields-container {
    display: flex;
    flex-direction: row;
    column-gap: 32px;
    row-gap: 16px;
    flex-wrap: wrap;
}

.dnp-tariff-plan-form-container .dnp-actions-container {
    display: flex;
    flex-direction: row;
    column-gap: 16px;
    margin-top: 16px;
}

.dnp-pun-plus-spread-tariff-heatmap {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    font-size: 1.4em;
    padding: 16px;
    background-image: linear-gradient(rgb(255, 255, 255) 0px, transparent 2px), linear-gradient(to right, rgb(255, 255, 255) 0px, rgba(255, 167, 38, 0.2) 2px);
    background-size: calc(100% / 24) calc(100% / 7);
    box-sizing: border-box;
}

.dnp-tariff-plan-details-container {
    display: flex;
    flex-direction: column;
    row-gap: 8px;
}

.dnp-tariff-plan-details-container .type {
    font-size: 2.5em;
    font-weight: bold;
}

.dnp-tariff-plan-details-container .data-container {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    column-gap: 32px;
    row-gap: 16px;
}

.dnp-tariff-plan-details-container .data-container .heatmap {
    display: flex;
    flex-direction: column;
    flex: 1;
    flex-basis: 256px;
    max-width: 1024px;
}

.dnp-tariff-plan-details-container .data-container .details {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    flex: 1;
    row-gap: 12px;
}

.dnp-tariff-plan-details-container .data-container .validity-container {
    line-height: 2em;
}

.dnp-tariff-plan-details-container .data-container .validity-description {
    font-size: 1.4em;
}

.dnp-tariff-plan-details-container .data-container .validity {
    font-size: 2em;
}

.dnp-tariff-plan-details-container .data-container .tariffs {
    display: flex;
    flex-direction: row;
    column-gap: 48px;
}

.dnp-tariff-plans-history-table {
    display: grid;
    grid-template-columns: auto auto auto 1fr auto;
    grid-auto-rows: 52px;
    column-gap: 24px;
    font-size: 1.2em;

    background: linear-gradient(transparent 0, transparent 51px, rgba(0, 0, 0, 0.12) 51px, rgba(0, 0, 0, 0.12) 52px, transparent 52px);
    background-size: 100% 52px;
}

@media screen and (max-width: 1024px) {
    .dnp-tariff-plans-history-table {
        grid-template-columns: auto auto auto 1fr auto;
        grid-auto-rows: 136px;

        background: linear-gradient(transparent 0, transparent 135px, rgba(0, 0, 0, 0.12) 135px, rgba(0, 0, 0, 0.12) 136px, transparent 136px);
        background-size: 100% 136px;
        overflow-x: auto;
    }
}

.dnp-tariff-plans-history-table .tariffs-details-container {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    column-gap: 8px;
    row-gap: 4px;
}

@media screen and (min-width: 1025px) {
    .dnp-tariff-plans-history-table .tariffs-details-container .tariff-details:not(:last-child):after {
        content: '';
        margin-left: 8px;
        border-left: 1px solid var(--default-list-divider-color);
    }
}

.dnp-tariff-plans-container {
    display: flex;
    flex-direction: column;
    row-gap: 64px;
    flex: 1;
}

.dnp-tariff-plans-container .empty-data-message-container {
    display: flex;
    flex-direction: column;
    row-gap: 16px;
}

.dnp-tariff-plans-container .empty-data-message-container .description {
    font-size: 1.8em;
}

.dnp-tariff-plans-container .empty-data-message-container .suggestion {
    color: var(--default-secondary-text-color);
    font-size: 1.4em;
}

.dnp-tariff-plans-container .section-title {
    font-size: 1.4em;
}

.dnp-tariff-specification-step-container {
    display: flex;
    flex-direction: column;
    row-gap: 32px;
    flex: 1;
}

.dnp-tariff-specification-step-container .tariffs-container {
    display: flex;
    flex-direction: row;
    justify-content: center;
    column-gap: 48px;
}
.dnp-horizontal-stepper-container {
    display: flex;
    flex-direction: column;
    flex: 1;
    row-gap: 64px;
    margin-bottom: 0;
}

.dnp-plan-selection-step-container {
    display: flex;
    flex-direction: column;
    align-items: start;
}

.dnp-plan-selection-step-container .select-wrapper {
    width: 256px;
}

.dnp-tariff-plans__comparison {
    display: grid;
    grid-template-columns: 1fr 1fr;
    flex: 1 1 0%;
    border-radius: var(--default-card-border-radius);
    background: linear-gradient(to right, white 50%, #f9f5ff 50%);
}

.dnp-tariff-plans__comparison__details {
    display: flex;
    flex-direction: column;
    row-gap: 16px;
}

.dnp-tariff-plans__comparison__reset-button {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: end;
    padding-top: 32px;
    padding-bottom: 16px;
    grid-column: 1 / 3;
}
.dnp-analysis-preset-form {
    row-gap: 64px;
}

.dnp-analysis-preset-form__section {
    display: flex;
    flex-direction: column;
    row-gap: 8px;
    align-items: start;
}

.dnp-analysis-preset-form__section-title {
    font-size: 1.2em;
}

.dnp-analysis-preset-form__actions-section {
    display: flex;
    flex-direction: row;
    column-gap: 16px;
}
.dnp-generic-divider {
    border-bottom: 1px solid var(--default-list-divider-color);
}

.dnp-save-and-cancel-actions__container {
    display: flex;
    flex-direction: row;
    column-gap: 16px;
}

.dnp-hint-box {
    display: flex;
    flex-direction: row;
    column-gap: 16px;
    padding: 8px 12px;
    background-color: var(--dnp-theme-50);
    border-radius: 8px;
}

.dnp-hint-box__icon {
    padding: 8px;
    border-radius: 50%;
    color: white;
    background-color: var(--dnp-theme-500);
}
.dnp-tabs__container {
    display: flex;
    flex-direction: column;
    flex: 1;
}

.dnp-tabs {
    display: grid;
    grid-auto-rows: 48px;
    grid-template-columns: repeat(2, minmax(128px, max-content));
    font-size: 1.3em;
    background-color: var(--dnp-card-container-background);
    text-transform: uppercase;
}

.dnp-tabs__item {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding-left: 16px;
    padding-right: 16px;
    color: var(--dnp-theme-800);
    cursor: pointer;
    background-color: var(--dnp-theme-100);
    transition: background-color 0.3s ease;
}

.dnp-tabs__item:first-child {
    border-top-left-radius: 16px;
}

.dnp-tabs__item:last-child {
    border-top-right-radius: 16px;
}

.dnp-tabs__item--highlighted {
    color: var(--dnp-theme-500);
    background-color: white;
    font-weight: 600;
    border-top: 1px solid var(--default-card-border-color);
    border-left: 1px solid var(--default-card-border-color);
    border-right: 1px solid var(--default-card-border-color);
    position: relative;
    z-index: 2;
    margin-bottom: -1px;
    box-sizing: border-box;
}

.dnp-tabs__item:hover:not(.dnp-tabs__item--highlighted) {
    background-color: var(--dnp-theme-200);
}

.dnp-tabs__content {
    display: flex;
    flex-direction: column;
    flex: 1;
    padding-top: 16px;
    padding-left: 16px;
    padding-right: 16px;
    padding-bottom: 16px;
    border: var(--default-card-border);
    background-color: white;
    border-top-right-radius: 16px;
    border-bottom-right-radius: 16px;
    border-bottom-left-radius: 16px;
    box-sizing: border-box;
}

@media screen and (max-width: 600px) {
    .dnp-tabs__content {
        padding-top: 16px;
        padding-left: 8px;
        padding-right: 8px;
        padding-bottom: 16px;
        grid-template-columns: auto;
    }
}
.dnp-utility-section__chart {
    height: 256px;
}
.dnp-tag-group__menu-icon {
    color: var(--default-secondary-text-color);
    padding-right: 16px;
}

.dnp-tag-group__name-input {
    width: 256px;
}

.dnp-topology-element__tag {
    display: flex;
    flex-direction: row;
    column-gap: 4px;
    align-items: center;
    background-color: #f7f7f8;
    border: 1px solid var(--dnp-theme-100);
    border-radius: 24px;
    padding: 2px 8px;
    font-size: 1.2em;
}

.dnp-topology-element__tag span {
    color: var(--dnp-theme-900);
}

.dnp-topology-element__tag__icon.MuiSvgIcon-root {
    height: 20px;
    width: 20px;
    color: var(--default-secondary-text-color);
}

.dnp-topology-element__tag:has(.dnp-topology-element__tag__remove-action) {
    padding-top: 0;
    padding-right: 0;
    padding-bottom: 0;
}

.dnp-tag__placeholder {
    display: flex;
    flex-direction: row;
    column-gap: 4px;
    align-items: center;
    color: var(--dnp-theme-200);
    border: 1px dashed var(--dnp-theme-200);
    border-radius: 24px;
    padding: 2px 8px;
    font-size: 1.2em;
}

.dnp-tag__placeholder span {
    font-style: italic;
}

.dnp-tags-filter {
    height: 56px;
}

.dnp-tags-filter svg {
    color: var(--default-secondary-text-color);
}

.dnp-tags-filter--filter.MuiButtonBase-root {
    background-color: var(--dnp-theme-50);
}

.dnp-tags-filter--filter.MuiButtonBase-root:hover {
    background-color: var(--dnp-theme-100);
}

.dnp-tags-filter--filter.MuiButtonBase-root svg {
    color: var(--dnp-theme-900);
}

.dnp-tags-filter__menu-item.MuiMenuItem-root {
    font-size: unset;
}

.dnp-tags-filter__clear-filter-menu-item svg {
    color: var(--default-secondary-text-color);
}

.dnp-draggable-tag {
    display: flex;
    flex-direction: row;
    column-gap: 8px;
    background-color: #f7f7f8;
    border: 1px solid var(--dnp-theme-100);
    border-radius: 24px;
    padding-left: 8px;
    align-items: center;
    cursor: grab;
    transition: opacity, background-color 0.2s ease-in-out;
}

.dnp-draggable-tag span {
    font-size: 1.4em;
    color: var(--dnp-theme-900);
    padding: 4px 0;
}

.dnp-draggable-tag__icon {
    height: 24px;
    width: 24px;
    color: var(--dnp-theme-100);
}

.dnp-draggable-tag:hover:not(:has(button:hover)) {
    background-color: var(--dnp-theme-50);
}

.dnp-draggable-tag.dnp-draggable-tag--dragged {
    opacity: 50%;
}

.dnp-tag__new-button.MuiButtonBase-root {
    border-radius: 24px;
    border-style: dashed;
}

.dnp-load-drop-container {
    display: flex;
    flex-direction: column;
    row-gap: 8px;
    justify-content: space-between;
    padding: 8px 16px;
    box-shadow: var(--default-element-box-shadow);
    border-radius: 16px;
    transition: background-color 0.2s ease-in-out;
}

.dnp-load-drop-container.draggable-element-is-over {
    background-color: #FFF0B6;
}

.dnp-load-drop-container__name {
    font-size: 1.4em;
    color: var(--dnp-theme-900);
}

.dnp-load-drop-container__tag-container {
    display: flex;
    flex-direction: row;
    justify-content: end;
}

.dnp-tags-list {
    display: flex;
    flex-direction: column;
    align-items: start;
    padding-top: 4px;
    row-gap: 24px;
    position: sticky;
    top: 0;
}

.dnp-tags-list__tags-container {
    display: flex;
    flex-direction: column;
    align-items: start;
    row-gap: 12px;
}

.dnp-tags-list__no-tags-message {
    font-size: 1.2em;
    font-style: italic;
    color: var(--default-secondary-text-color);
    white-space: pre-wrap;
}

.dnp-all-filtered-loads__drop-container {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding: 8px 16px;
    margin-bottom: 12px;
    border-radius: 16px;
    border: 1px dashed var(--dnp-theme-200);
    transition: all 0.2s ease-in-out;
}

.dnp-all-filtered-loads__drop-container.draggable-element-is-over {
    background-color: #F2C4C5;
}

.dnp-all-filtered-loads__drop-container__name {
    font-size: 1.4em;
    color: var(--dnp-theme-200);
    font-style: italic;
}

.draggable-element-is-over .dnp-all-filtered-loads__drop-container__name {
    color: var(--dnp-theme-900);
}

.dnp-tags-loads-list {
    display: flex;
    flex-direction: column;
    row-gap: 32px;
    max-width: var(--layout-default-max-width);
}

.dnp-tags-loads-list__container {
    display: flex;
    flex-direction: column;
    row-gap: 12px;
}

.dnp-tags-loads-list__system-section {
    display: flex;
    flex-direction: column;
    row-gap: 8px;
}

.dnp-tags-loads-list__system-section__title {
    font-size: 1.4em;
    color: var(--default-secondary-text-color);
}

.dnp-tags-loads-list__system-section__elements {
    display: flex;
    flex-direction: column;
    row-gap: 12px;
    padding-left: 16px;
}

.dnp-tags-loads-list__system-section__no-elements-message {
    display: flex;
    flex-direction: row;
    justify-content: center;
    font-size: 1.4em;
    color: var(--default-secondary-text-color);
    font-style: italic;
    padding: 32px 0;
}

.dnp-tags-loads-list__title {
    display: flex;
    flex-direction: row;
    column-gap: 16px;
    align-items: center;
}

.dnp-tags-loads-list__title svg {
    height: 36px;
    width: 36px;
    color: var(--dnp-theme-300);
    border: 2px solid var(--dnp-theme-300);
    border-radius: 50%;
    padding: 4px;
}

.dnp-tags-loads-list__title span {
    font-size: 1.6em;
    color: var(--dnp-theme-500);
}

.dnp-tags-loads-list__search-and-filters {
    display: flex;
    flex-direction: row;
    column-gap: 16px;
    align-items: center;
    justify-content: space-between;
    padding-left: 16px;
}

.dnp-tag-group-show {
    display: flex;
    flex-direction: column;
    row-gap: 32px;
    max-width: var(--layout-default-max-width);
}

.dnp-tag-group-show__title-container {
    /*display: flex;*/
    /*flex-direction: row;*/
    /*justify-content: space-between;*/
    display: grid;
    grid-template-columns: 1fr auto;

    padding-bottom: 16px;
    border-bottom: 1px solid var(--default-list-divider-color);
}

.dnp-tag-group-show__title {
    display: flex;
    flex-direction: row;
    column-gap: 16px;
    align-items: center;
}

.dnp-tag-group-show__title svg {
    height: 36px;
    width: 36px;
    color: var(--dnp-theme-300);
}

.dnp-tag-group-show__title span {
    font-size: 2.5em;
    color: var(--dnp-theme-500);
}

.dnp-tag-group-show__actions {
    display: flex;
    flex-direction: row;
    column-gap: 32px;
}

.dnp-tag-group-show__content-container {
    display: grid;
    grid-template-columns: 1fr 2fr;
    column-gap: 24px;
}

@media screen and (max-width: 900px) {
    .dnp-tags-list__tags-container {
        flex-direction: row;
        flex-wrap: wrap;
        column-gap: 12px;
    }

    .dnp-tag-group-show__content-container {
        display: grid;
        grid-template-columns: 1fr;
        row-gap: 24px;
    }

    .dnp-tag-group-show__title-container {
        grid-template-columns: 1fr;
        row-gap: 12px;
    }

    .dnp-tag-group-show__actions {
        justify-self: end;
    }
}

.dnp-tags-groups {
    max-width: var(--layout-default-max-width);
}

.dnp-tags-groups__table {
    display: grid;
    grid-template-columns: minmax(64px, max-content) 1fr auto;
    grid-auto-rows: max-content;
    column-gap: 16px;
    row-gap: 12px;
    font-size: 1.2em;
    padding-top: 16px;
}

.dnp-tags-groups__table__header-cell {
    line-height: 40px;
    color: var(--default-secondary-text-color);
}

.dnp-tags-groups__table__divider {
    grid-column: 1 / 4;
    border-bottom: 1px solid var(--default-list-divider-color);
}

.dnp-tags-groups__table__divider:last-child {
    display: none;
}

.dnp-tags-groups__table__row-group {
    line-height: 40px;
    font-weight: 600;
    font-size: 1.2em;
}

.dnp-tags-groups__table__row-tags {
    display: flex;
    flex-direction: row;
    column-gap: 12px;
    row-gap: 8px;
    flex-wrap: wrap;
}

.dnp-tags-groups__table__row-action {
    display: flex;
    flex-direction: row;
}

.dnp-tags-groups__table__tag {
    color: var(--dnp-theme-900);
    border: 1px solid var(--dnp-theme-100);
    height: 40px;
    line-height: 40px;
    letter-spacing: 0.02857em;
    padding: 0 16px;
    border-radius: 16px;
    box-sizing: border-box;
}

.dnp-tags-groups__table--empty {
    grid-column-start: 1;
    grid-column-end: 4;
    text-align: center;
    padding: 16px;
    font-size: 1.2em;
    color: var(--default-secondary-text-color);
    font-style: italic;
}

#react-entry-point {
    background-color: var(--dnp-card-container-background);
}

.dnp-body {
    height: 100%;
    margin: 0;
    overflow: hidden;
    display: flex;
    flex-direction: column;
}

.dnp-layout--centered-element {
    display: grid;
    place-content: center;
}

.dnp-align-self--start {
    align-self: start;
}
.dnp-energy-balance__card {
    display: flex;
    flex-direction: column;
    row-gap: 32px;
}

.dnp-energy-balance__card__title {
    display: flex;
    flex-direction: row;
    justify-content: center;
    font-size: 3em;
    color: var(--dnp-theme-500);
    box-sizing: border-box;
    padding: 4px 8px;
    border-radius: var(--default-card-border-radius);
    border: 2px solid var(--dnp-theme-100);
}

.dnp-energy-balance__card__widgets_container {
    display: flex;
    flex-direction: column;
    width: 100%;
    max-width: var(--layout-default-max-width);
    row-gap: 32px;
}

.dnp-energy-balance__card__widgets__multi-widgets-container {
    display: flex;
    flex-direction: row;
    justify-content: start;
    flex-wrap: wrap;
    column-gap: 32px;
    row-gap: 32px;
}

.dnp-solar-power-system__widget {
    flex: 1;
    max-width: 304px;
}

.dnp-feed-in-point__widget {
    flex: 1;
}

.dnp-solar-power-system__start-line {
    border-left: 2px solid var(--solar-power-system-color);
    margin-left: 10px;
}

.dnp-solar-power-system__curved-line {
    border-left: 2px solid var(--solar-power-system-color);
    border-bottom: 2px solid var(--solar-power-system-color);
    border-bottom-left-radius: 64px;
    margin-left: 10px;
    margin-bottom: 12px;
}

.dnp-solar-power-system__end-line {
    position: relative;
    border-bottom: 2px solid var(--solar-power-system-color);
    margin-bottom: 12px;
}

.dnp-solar-power-system__end-line:after {
    content: "";
    border-left: 12px solid var(--solar-power-system-color);
    border-top: 12px solid transparent;
    border-bottom: 12px solid transparent;
    position: absolute;
    bottom: -12px;
    right: -6px;
}

.dnp-feed-in-point__start-line {
    border-right: 2px solid var(--feed-in-point-color);
    margin-right: 10px;
}

.dnp-feed-in-point__curved-line {
    border-right: 2px solid var(--feed-in-point-color);
    border-bottom: 2px solid var(--feed-in-point-color);
    border-bottom-right-radius: 64px;
    margin-right: 10px;
    margin-bottom: 12px;
}

.dnp-feed-in-point__end-line {
    position: relative;
    border-bottom: 2px solid var(--feed-in-point-color);
    margin-bottom: 12px;
}

.dnp-feed-in-point__end-line:after {
    content: "";
    border-right: 12px solid var(--feed-in-point-color);
    border-top: 12px solid transparent;
    border-bottom: 12px solid transparent;
    position: absolute;
    left: -6px;
    bottom: -12px
}

.dnp-delivery-point__start-line {
    position: relative;
    border-top: 2px solid var(--delivery-point-color);
    margin-top: 12px;
}

.dnp-delivery-point__start-line:after {
    content: "";
    border-top: 2px solid var(--delivery-point-color);
    border-right: 4px solid var(--delivery-point-color);
    position: absolute;
    top: -2px;
    right: 100%;
}

.dnp-delivery-point__straight-line {
    grid-column-start: 1;
    grid-column-end: 3;
    border-top: 2px solid var(--delivery-point-color);
    margin-top: 12px;
}

.dnp-delivery-point__end-line {
    position: relative;
    border-top: 2px solid var(--delivery-point-color);
    margin-top: 12px;
}

.dnp-delivery-point__end-line:after {
    content: "";
    border-left: 12px solid var(--delivery-point-color);
    border-top: 12px solid transparent;
    border-bottom: 12px solid transparent;
    position: absolute;
    top: -12px;
    right: -6px;
}

.dnp-energy-balance-schema__grid {
    display: grid;
    grid-template-areas:
            ".        solar-power-system       .    "
            "delivery-point connections total-consumption";
    grid-auto-rows: 160px;
    width: 100%;
    max-width: 900px;
}

.dnp-energy-balance-schema__cell {
    display: grid;
}

.dnp-energy-balance-schema__solar-power-system-cell {
    grid-area: solar-power-system;
}

.dnp-energy-balance-schema__total-consumption-cell {
    grid-area: total-consumption;
    grid-auto-flow: column;
}

.dnp-energy-balance-schema__delivery-point-cell {
    grid-area: delivery-point;
    grid-auto-flow: column;
}

.dnp-energy-balance-schema__connections-cell {
    grid-area: connections;
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr 1fr;
}

.dnp-energy-balance-schema__icon {
    border-width: 2px;
    border-style: solid;
    border-radius: 50%;
    box-sizing: border-box;
    padding: 12px;
}

.dnp-energy-balance-schema__icon svg {
    height: 64px;
    width: 64px;
}

.dnp-energy-balance-schema__solar-power-system-icon {
    color: var(--solar-power-system-color);
    border-color: var(--solar-power-system-color);
}

.dnp-energy-balance-schema__total-consumption-icon {
    color: var(--dnp-theme-300);
    border-color: var(--dnp-theme-300);
}

.dnp-energy-balance-schema__delivery-point-icon {
    color: var(--delivery-point-color);
    border-color: var(--delivery-point-color);
}

.dnp-energy-balance-schema__data-value {
    font-size: 1.2em;
    color: var(--dnp-theme-900);
    box-shadow: var(--default-element-box-shadow);
    border-radius: 8px;
    padding: 4px 8px;
    text-align: center;
}

.dnp-energy-balance-schema__data {
    display: grid;
    max-width: 160px;
    justify-items: center;
    align-items: start;
    justify-self: center;
}

.dnp-energy-balance-schema__delivery-point-cell .dnp-import-export__data-schema {
    display: grid;
    grid-template-columns: auto 1fr;
    align-items: center;
    justify-items: end;
    column-gap: 8px;
}

.dnp-energy-balance-schema__delivery-point-cell .dnp-import-export__data-schema svg {
    height: 24px;
    width: 24px;
}

.dnp-energy-balance-schema__row-grid {
    display: grid;
    grid-template-rows: 1fr 1fr;
}

.dnp-energy-balance-schema__column-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
}

.dnp-export-energy-icon {
    color: var(--feed-in-point-color);
}

.dnp-import-energy-icon {
    color: var(--delivery-point-color);
}

.dnp-energy-balance__widget {
    display: flex;
    flex-direction: column;
    row-gap: 32px;
    justify-content: space-between;
    padding: 16px 24px;
    box-shadow: var(--default-element-box-shadow);
    border-radius: 32px;
}

.dnp-energy-balance__widget__title {
    display: flex;
    flex-direction: column;
    row-gap: 4px;
    align-items: center;
}

.dnp-energy-balance__widget__title span {
    font-size: 2em;
    color: var(--dnp-theme-500);
}

.dnp-energy-balance__widget__title svg {
    height: 48px;
    width: 48px;
}

.dnp-energy-balance__widget__data {
    display: flex;
    flex-direction: row;
    column-gap: 8px;
    align-items: baseline;
}

.dnp-energy-balance__widget__data__description {
    font-size: 1.4em;
    color: var(--default-secondary-text-color);
}

.dnp-energy-balance__widget__data__value {
    font-size: 3em;
    font-weight: 600;
    color: var(--dnp-theme-500);
}

.dnp-energy-balance__widget__secondary-data__description {
    font-size: 1.2em;
    color: var(--default-secondary-text-color);
}

.dnp-energy-balance__widget__secondary-data__value {
    font-size: 2em;
    font-weight: 600;
    color: var(--dnp-theme-500);
}

.dnp-energy-balance__widget__feed-in-point__data__container {
    display: flex;
    flex-direction: row;
    align-items: flex-end;
    flex-wrap: wrap;
    column-gap: 32px;
}

.dnp-energy-balance__widget__feed-in-point__chart__container {
    flex: 1;
    display: flex;
    flex-direction: row;
    justify-content: end;
}

.dnp-energy-balance__widget__feed-in-point__chart {
    height: 80px;
    width: 160px;
    position: relative;
    top: -10px;
}

.dnp-energy-balance__info-tooltip {
    font-size: 1.2em;
}

.dnp-energy-balance__info-tooltip__icon {
    color: var(--dnp-theme-300);
}

.dnp-energy-balance__widget__total-consumption__data-container {
    display: flex;
    flex-direction: row;
    column-gap: 32px;
    flex-wrap: wrap;
}

.dnp-energy-balance__widget__total-consumption__chart {
    height: 192px;
    width: 192px;
}

.dnp-energy-balance__widget__total-consumption__data__container {
    flex: 1;
    display: flex;
    flex-direction: column;
    row-gap: 24px;
    align-self: center;
}

.dnp-energy-balance__widget__total-consumption__details__container {
    display: flex;
    flex-direction: row;
    flex-flow: wrap;
    row-gap: 12px;
    column-gap: 8px;
}

.dnp-energy-balance__widget__total-consumption__detail {
    flex: 1;
    display: flex;
    flex-direction: row;
    column-gap: 12px;
}

.dnp-energy-balance__widget__total-consumption__detail svg {
    height: 32px;
    width: 32px;
}

.dnp-energy-balance__widget__total-consumption__imported-energy-icon {
    color: var(--delivery-point-color);
    align-self: center;
    border: 2px solid var(--delivery-point-color);
    border-radius: 50%;
    padding: 4px;
}

.dnp-energy-balance__widget__total-consumption__self-consumption-energy-icon {
    color: var(--solar-power-system-color);
    align-self: center;
    border: 2px solid var(--solar-power-system-color);
    border-radius: 50%;
    padding: 4px;
}

.dnp-energy-balance__widget__total-consumption__error-dialog__badge-icon {
    position: relative;
    bottom: -4px;
}

.dnp-energy-balance__widget__total-consumption__error-dialog__badge-icon svg {
    height: 32px;
    width: 32px;
}

.dnp-energy-balance__widget__total-consumption__error-dialog__content {
    margin-bottom: 16px;
    font-size: 1.4em;
}

.dnp-energy-balance__widget__data-error-badge__tooltip {
    font-size: 1.2em;
    white-space: pre-wrap;
}

.dnp-energy-balance__widget__data-error-badge__icon.MuiSvgIcon-root {
    color: var(--critical-anomaly-status-color);
    height: 32px;
    width: 32px;
    align-self: center;
}

@media screen and (max-width: 600px) {
    .dnp-energy-balance-schema__data-value {
        display: none;
    }

    .dnp-energy-balance-schema__delivery-point-cell .dnp-import-export__data-schema {
        display: none;
    }

    .dnp-energy-balance-schema__data {
        align-items: center;
    }

    .dnp-energy-balance__widget__feed-in-point__data__container {
        row-gap: 16px;
        align-items: unset;
    }

    .dnp-energy-balance__widget__feed-in-point__chart__container {
        justify-content: center;
    }

    .dnp-energy-balance__widget__feed-in-point__chart {
        top: unset;
        left: 12px;
    }

    .dnp-energy-balance__widget__total-consumption__data-container {
        justify-content: center;
        row-gap: 16px;
    }

    .dnp-solar-power-system__widget {
        max-width: unset;
    }
}
.dnp-event-datetime-header {
    display: flex;
    flex-direction: row;
    align-items: center;
    column-gap: 4px;
}

.dnp-event-datetime-header__tooltip {
    font-size: 1.4em;
}

.dnp-event-datetime-header__tooltip__icon {
    display: flex;

}

.dnp-event-datetime-header__tooltip__icon svg {
    color: var(--default-secondary-text-color)
}
#dnp-release-notes-badge {
    position: relative;
}

#dnp-release-notes-badge-icon {
    background-color: red;
    width: 12px;
    height: 12px;
    position: absolute;
    top: 0;
    right: 0;
    border-radius: 100%;
    animation: scaleIn 1.5s infinite cubic-bezier(.36, .11, .89, .32);
}

@keyframes scaleIn {
    from {
        transform: scale(1, 1);
        opacity: 1;
    }
    to {
        transform: scale(2.5, 2.5);
        opacity: 0.5;
    }
}

.dnp-release-notes__container {
    display: flex;
    flex-direction: column;
    row-gap: 24px;
}

.dnp-release-notes__divider {
    border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}

.dnp-release-note__title {
    display: flex;
    flex-direction: row;
    column-gap: 16px;
    align-items: center;
}

.dnp-release_note__date {
    font-size: 1.2em;
    color: var(--default-secondary-text-color);
}

.dnp-release-note__content > :not(h1) {
    font-size: 1.2em;
}

.dnp-release-note__unread-badge {
    display: flex;
    flex-direction: row;
    align-items: center;
    column-gap: 4px;
    color: var(--critical-anomaly-status-color);
}

.dnp-release-note__unread-badge span {
    font-size: 1.2em;
    font-weight: 600;
}

.dnp-release-notes__infinite-scroll-wrapper {
    display: grid;
    grid-template-rows: minmax(100%, 800px);
    overflow: auto;
}

.dnp-release-notes__spinner {
    display: flex;
    justify-content: center;
}
.dnp-map {
    border-radius: 8px;
    min-height: 256px;
    flex: 1;
}
.dnp-dashboard-elements__grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(256px, 1fr));
    row-gap: 16px;
    column-gap: 16px;
}
.dnp-card-container {
    display: flex;
    flex-direction: column;
    row-gap: 16px;
    flex: 1;

    overflow: auto;
    -webkit-overflow-scrolling: touch;

    padding: 16px 24px;
    background-color: var(--dnp-card-container-background);
    box-sizing: border-box;
}

.dnp-card {
    border-radius: var(--default-card-border-radius);
    background-color: white;
    border: var(--default-card-border);
    padding: 16px;
    box-sizing: border-box;
}

.dnp-card-title {
    font-size: 1.2em;
    font-weight: bold;
    text-transform: uppercase;
    color: var(--dnp-theme-500);

    padding-bottom: 16px;

    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden !important;
}

.dnp-card-title-without-padding {
    font-size: 1.2em;
    font-weight: bold;
    text-transform: uppercase;
    color: var(--dnp-theme-500);

    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden !important;
}

@media screen and (max-width: 600px) {
    .dnp-card-container {
        padding: 8px 12px;
    }

    .dnp-card {
        padding: 8px;
    }
}
.dnp-async-form__container {
    display: flex;
    flex-direction: column;
    row-gap: 16px;
    margin-bottom: 16px;
    max-width: var(--layout-default-max-width);
}
.dnp-status-indicator-marker {
    border-radius: 100%;
    width: 12px;
    height: 12px;
}

.dnp-status-indicator-marker__status--ok {
    background-color: #099a01ff;
}

.dnp-status-indicator-marker__status--warning {
    background-color: #ffcb00;
}

.dnp-status-indicator-marker__status--anomaly {
    background-color: #f44336;
}

.dnp-status-indicator-marker__status--critical {
    background-color: rgba(0, 0, 0, 0.8);
}

.dnp-status-indicator-marker__status--unknown {
    background-color: #666666;
}

trix-editor {
  border: 1px solid #bbb;
  border-radius: 3px;
  margin: 0;
  padding: 0.4em 0.6em;
  min-height: 5em;
  outline: none;
}

trix-toolbar * {
  box-sizing: border-box;
}
trix-toolbar .trix-button-row {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  overflow-x: auto;
}
trix-toolbar .trix-button-group {
  display: flex;
  margin-bottom: 10px;
  border: 1px solid #bbb;
  border-top-color: #ccc;
  border-bottom-color: #888;
  border-radius: 3px;
}
trix-toolbar .trix-button-group:not(:first-child) {
  margin-left: 1.5vw;
}
@media (max-width: 768px) {
  trix-toolbar .trix-button-group:not(:first-child) {
    margin-left: 0;
  }
}
trix-toolbar .trix-button-group-spacer {
  flex-grow: 1;
}
@media (max-width: 768px) {
  trix-toolbar .trix-button-group-spacer {
    display: none;
  }
}
trix-toolbar .trix-button {
  position: relative;
  float: left;
  color: rgba(0, 0, 0, 0.6);
  font-size: 0.75em;
  font-weight: 600;
  white-space: nowrap;
  padding: 0 0.5em;
  margin: 0;
  outline: none;
  border: none;
  border-bottom: 1px solid #ddd;
  border-radius: 0;
  background: transparent;
}
trix-toolbar .trix-button:not(:first-child) {
  border-left: 1px solid #ccc;
}
trix-toolbar .trix-button.trix-active {
  background: #cbeefa;
  color: rgb(0, 0, 0);
}
trix-toolbar .trix-button:not(:disabled) {
  cursor: pointer;
}
trix-toolbar .trix-button:disabled {
  color: rgba(0, 0, 0, 0.125);
}
@media (max-width: 768px) {
  trix-toolbar .trix-button {
    letter-spacing: -0.01em;
    padding: 0 0.3em;
  }
}
trix-toolbar .trix-button--icon {
  font-size: inherit;
  width: 2.6em;
  height: 1.6em;
  max-width: calc(0.8em + 4vw);
  text-indent: -9999px;
}
@media (max-width: 768px) {
  trix-toolbar .trix-button--icon {
    height: 2em;
    max-width: calc(0.8em + 3.5vw);
  }
}
trix-toolbar .trix-button--icon::before {
  display: inline-block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  opacity: 0.6;
  content: "";
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}
@media (max-width: 768px) {
  trix-toolbar .trix-button--icon::before {
    right: 6%;
    left: 6%;
  }
}
trix-toolbar .trix-button--icon.trix-active::before {
  opacity: 1;
}
trix-toolbar .trix-button--icon:disabled::before {
  opacity: 0.125;
}
trix-toolbar .trix-button--icon-attach::before {
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M10.5%2018V7.5c0-2.25%203-2.25%203%200V18c0%204.125-6%204.125-6%200V7.5c0-6.375%209-6.375%209%200V18%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-miterlimit%3D%2210%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E");
  top: 8%;
  bottom: 4%;
}
trix-toolbar .trix-button--icon-bold::before {
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M6.522%2019.242a.5.5%200%200%201-.5-.5V5.35a.5.5%200%200%201%20.5-.5h5.783c1.347%200%202.46.345%203.24.982.783.64%201.216%201.562%201.216%202.683%200%201.13-.587%202.129-1.476%202.71a.35.35%200%200%200%20.049.613c1.259.56%202.101%201.742%202.101%203.22%200%201.282-.483%202.334-1.363%203.063-.876.726-2.132%201.12-3.66%201.12h-5.89ZM9.27%207.347v3.362h1.97c.766%200%201.347-.17%201.733-.464.38-.291.587-.716.587-1.27%200-.53-.183-.928-.513-1.198-.334-.273-.838-.43-1.505-.43H9.27Zm0%205.606v3.791h2.389c.832%200%201.448-.177%201.853-.497.399-.315.614-.786.614-1.423%200-.62-.22-1.077-.63-1.385-.418-.313-1.053-.486-1.905-.486H9.27Z%22%20fill%3D%22%23000%22%2F%3E%3C%2Fsvg%3E");
}
trix-toolbar .trix-button--icon-italic::before {
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M9%205h6.5v2h-2.23l-2.31%2010H13v2H6v-2h2.461l2.306-10H9V5Z%22%20fill%3D%22%23000%22%2F%3E%3C%2Fsvg%3E");
}
trix-toolbar .trix-button--icon-link::before {
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M18.948%205.258a4.337%204.337%200%200%200-6.108%200L11.217%206.87a.993.993%200%200%200%200%201.41c.392.39%201.027.39%201.418%200l1.623-1.613a2.323%202.323%200%200%201%203.271%200%202.29%202.29%200%200%201%200%203.251l-2.393%202.38a3.021%203.021%200%200%201-4.255%200l-.05-.049a1.007%201.007%200%200%200-1.418%200%20.993.993%200%200%200%200%201.41l.05.049a5.036%205.036%200%200%200%207.091%200l2.394-2.38a4.275%204.275%200%200%200%200-6.072Zm-13.683%2013.6a4.337%204.337%200%200%200%206.108%200l1.262-1.255a.993.993%200%200%200%200-1.41%201.007%201.007%200%200%200-1.418%200L9.954%2017.45a2.323%202.323%200%200%201-3.27%200%202.29%202.29%200%200%201%200-3.251l2.344-2.331a2.579%202.579%200%200%201%203.631%200c.392.39%201.027.39%201.419%200a.993.993%200%200%200%200-1.41%204.593%204.593%200%200%200-6.468%200l-2.345%202.33a4.275%204.275%200%200%200%200%206.072Z%22%20fill%3D%22%23000%22%2F%3E%3C%2Fsvg%3E");
}
trix-toolbar .trix-button--icon-strike::before {
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M6%2014.986c.088%202.647%202.246%204.258%205.635%204.258%203.496%200%205.713-1.728%205.713-4.463%200-.275-.02-.536-.062-.781h-3.461c.398.293.573.654.573%201.123%200%201.035-1.074%201.787-2.646%201.787-1.563%200-2.773-.762-2.91-1.924H6ZM6.432%2010h3.763c-.632-.314-.914-.715-.914-1.273%200-1.045.977-1.739%202.432-1.739%201.475%200%202.52.723%202.617%201.914h2.764c-.05-2.548-2.11-4.238-5.39-4.238-3.145%200-5.392%201.719-5.392%204.316%200%20.363.04.703.12%201.02ZM4%2011a1%201%200%201%200%200%202h15a1%201%200%201%200%200-2H4Z%22%20fill%3D%22%23000%22%2F%3E%3C%2Fsvg%3E");
}
trix-toolbar .trix-button--icon-quote::before {
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M4.581%208.471c.44-.5%201.056-.834%201.758-.995C8.074%207.17%209.201%207.822%2010%208.752c1.354%201.578%201.33%203.555.394%205.277-.941%201.731-2.788%203.163-4.988%203.56a.622.622%200%200%201-.653-.317c-.113-.205-.121-.49.16-.764.294-.286.567-.566.791-.835.222-.266.413-.54.524-.815.113-.28.156-.597.026-.908-.128-.303-.39-.524-.72-.69a3.02%203.02%200%200%201-1.674-2.7c0-.905.283-1.59.72-2.088Zm9.419%200c.44-.5%201.055-.834%201.758-.995%201.734-.306%202.862.346%203.66%201.276%201.355%201.578%201.33%203.555.395%205.277-.941%201.731-2.789%203.163-4.988%203.56a.622.622%200%200%201-.653-.317c-.113-.205-.122-.49.16-.764.294-.286.567-.566.791-.835.222-.266.412-.54.523-.815.114-.28.157-.597.026-.908-.127-.303-.39-.524-.72-.69a3.02%203.02%200%200%201-1.672-2.701c0-.905.283-1.59.72-2.088Z%22%20fill%3D%22%23000%22%2F%3E%3C%2Fsvg%3E");
}
trix-toolbar .trix-button--icon-heading-1::before {
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M21.5%207.5v-3h-12v3H14v13h3v-13h4.5ZM9%2013.5h3.5v-3h-10v3H6v7h3v-7Z%22%20fill%3D%22%23000%22%2F%3E%3C%2Fsvg%3E");
}
trix-toolbar .trix-button--icon-code::before {
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M3.293%2011.293a1%201%200%200%200%200%201.414l4%204a1%201%200%201%200%201.414-1.414L5.414%2012l3.293-3.293a1%201%200%200%200-1.414-1.414l-4%204Zm13.414%205.414%204-4a1%201%200%200%200%200-1.414l-4-4a1%201%200%201%200-1.414%201.414L18.586%2012l-3.293%203.293a1%201%200%200%200%201.414%201.414Z%22%20fill%3D%22%23000%22%2F%3E%3C%2Fsvg%3E");
}
trix-toolbar .trix-button--icon-bullet-list::before {
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M5%207.5a1.5%201.5%200%201%200%200-3%201.5%201.5%200%200%200%200%203ZM8%206a1%201%200%200%201%201-1h11a1%201%200%201%201%200%202H9a1%201%200%200%201-1-1Zm1%205a1%201%200%201%200%200%202h11a1%201%200%201%200%200-2H9Zm0%206a1%201%200%201%200%200%202h11a1%201%200%201%200%200-2H9Zm-2.5-5a1.5%201.5%200%201%201-3%200%201.5%201.5%200%200%201%203%200ZM5%2019.5a1.5%201.5%200%201%200%200-3%201.5%201.5%200%200%200%200%203Z%22%20fill%3D%22%23000%22%2F%3E%3C%2Fsvg%3E");
}
trix-toolbar .trix-button--icon-number-list::before {
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M3%204h2v4H4V5H3V4Zm5%202a1%201%200%200%201%201-1h11a1%201%200%201%201%200%202H9a1%201%200%200%201-1-1Zm1%205a1%201%200%201%200%200%202h11a1%201%200%201%200%200-2H9Zm0%206a1%201%200%201%200%200%202h11a1%201%200%201%200%200-2H9Zm-3.5-7H6v1l-1.5%202H6v1H3v-1l1.667-2H3v-1h2.5ZM3%2017v-1h3v4H3v-1h2v-.5H4v-1h1V17H3Z%22%20fill%3D%22%23000%22%2F%3E%3C%2Fsvg%3E");
}
trix-toolbar .trix-button--icon-undo::before {
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M3%2014a1%201%200%200%200%201%201h6a1%201%200%201%200%200-2H6.257c2.247-2.764%205.151-3.668%207.579-3.264%202.589.432%204.739%202.356%205.174%205.405a1%201%200%200%200%201.98-.283c-.564-3.95-3.415-6.526-6.825-7.095C11.084%207.25%207.63%208.377%205%2011.39V8a1%201%200%200%200-2%200v6Zm2-1Z%22%20fill%3D%22%23000%22%2F%3E%3C%2Fsvg%3E");
}
trix-toolbar .trix-button--icon-redo::before {
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M21%2014a1%201%200%200%201-1%201h-6a1%201%200%201%201%200-2h3.743c-2.247-2.764-5.151-3.668-7.579-3.264-2.589.432-4.739%202.356-5.174%205.405a1%201%200%200%201-1.98-.283c.564-3.95%203.415-6.526%206.826-7.095%203.08-.513%206.534.614%209.164%203.626V8a1%201%200%201%201%202%200v6Zm-2-1Z%22%20fill%3D%22%23000%22%2F%3E%3C%2Fsvg%3E");
}
trix-toolbar .trix-button--icon-decrease-nesting-level::before {
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M5%206a1%201%200%200%201%201-1h12a1%201%200%201%201%200%202H6a1%201%200%200%201-1-1Zm4%205a1%201%200%201%200%200%202h9a1%201%200%201%200%200-2H9Zm-3%206a1%201%200%201%200%200%202h12a1%201%200%201%200%200-2H6Zm-3.707-5.707a1%201%200%200%200%200%201.414l2%202a1%201%200%201%200%201.414-1.414L4.414%2012l1.293-1.293a1%201%200%200%200-1.414-1.414l-2%202Z%22%20fill%3D%22%23000%22%2F%3E%3C%2Fsvg%3E");
}
trix-toolbar .trix-button--icon-increase-nesting-level::before {
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M5%206a1%201%200%200%201%201-1h12a1%201%200%201%201%200%202H6a1%201%200%200%201-1-1Zm4%205a1%201%200%201%200%200%202h9a1%201%200%201%200%200-2H9Zm-3%206a1%201%200%201%200%200%202h12a1%201%200%201%200%200-2H6Zm-2.293-2.293%202-2a1%201%200%200%200%200-1.414l-2-2a1%201%200%201%200-1.414%201.414L3.586%2012l-1.293%201.293a1%201%200%201%200%201.414%201.414Z%22%20fill%3D%22%23000%22%2F%3E%3C%2Fsvg%3E");
}
trix-toolbar .trix-dialogs {
  position: relative;
}
trix-toolbar .trix-dialog {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  font-size: 0.75em;
  padding: 15px 10px;
  background: #fff;
  box-shadow: 0 0.3em 1em #ccc;
  border-top: 2px solid #888;
  border-radius: 5px;
  z-index: 5;
}
trix-toolbar .trix-input--dialog {
  font-size: inherit;
  font-weight: normal;
  padding: 0.5em 0.8em;
  margin: 0 10px 0 0;
  border-radius: 3px;
  border: 1px solid #bbb;
  background-color: #fff;
  box-shadow: none;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
}
trix-toolbar .trix-input--dialog.validate:invalid {
  box-shadow: #F00 0px 0px 1.5px 1px;
}
trix-toolbar .trix-button--dialog {
  font-size: inherit;
  padding: 0.5em;
  border-bottom: none;
}
trix-toolbar .trix-dialog--link {
  max-width: 600px;
}
trix-toolbar .trix-dialog__link-fields {
  display: flex;
  align-items: baseline;
}
trix-toolbar .trix-dialog__link-fields .trix-input {
  flex: 1;
}
trix-toolbar .trix-dialog__link-fields .trix-button-group {
  flex: 0 0 content;
  margin: 0;
}

trix-editor [data-trix-mutable]:not(.attachment__caption-editor) {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

trix-editor [data-trix-mutable] ::-moz-selection, trix-editor [data-trix-mutable]::-moz-selection,
trix-editor [data-trix-cursor-target]::-moz-selection {
  background: none;
}
trix-editor [data-trix-mutable] ::selection, trix-editor [data-trix-mutable]::selection,
trix-editor [data-trix-cursor-target]::selection {
  background: none;
}

trix-editor [data-trix-mutable].attachment__caption-editor:focus::-moz-selection {
  background: highlight;
}
trix-editor [data-trix-mutable].attachment__caption-editor:focus::selection {
  background: highlight;
}

trix-editor [data-trix-mutable].attachment.attachment--file {
  box-shadow: 0 0 0 2px highlight;
  border-color: transparent;
}
trix-editor [data-trix-mutable].attachment img {
  box-shadow: 0 0 0 2px highlight;
}
trix-editor .attachment {
  position: relative;
}
trix-editor .attachment:hover {
  cursor: default;
}
trix-editor .attachment--preview .attachment__caption:hover {
  cursor: text;
}
trix-editor .attachment__progress {
  position: absolute;
  z-index: 1;
  height: 20px;
  top: calc(50% - 10px);
  left: 5%;
  width: 90%;
  opacity: 0.9;
  transition: opacity 200ms ease-in;
}
trix-editor .attachment__progress[value="100"] {
  opacity: 0;
}
trix-editor .attachment__caption-editor {
  display: inline-block;
  width: 100%;
  margin: 0;
  padding: 0;
  font-size: inherit;
  font-family: inherit;
  line-height: inherit;
  color: inherit;
  text-align: center;
  vertical-align: top;
  border: none;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
}
trix-editor .attachment__toolbar {
  position: absolute;
  z-index: 1;
  top: -0.9em;
  left: 0;
  width: 100%;
  text-align: center;
}
trix-editor .trix-button-group {
  display: inline-flex;
}
trix-editor .trix-button {
  position: relative;
  float: left;
  color: #666;
  white-space: nowrap;
  font-size: 80%;
  padding: 0 0.8em;
  margin: 0;
  outline: none;
  border: none;
  border-radius: 0;
  background: transparent;
}
trix-editor .trix-button:not(:first-child) {
  border-left: 1px solid #ccc;
}
trix-editor .trix-button.trix-active {
  background: #cbeefa;
}
trix-editor .trix-button:not(:disabled) {
  cursor: pointer;
}
trix-editor .trix-button--remove {
  text-indent: -9999px;
  display: inline-block;
  padding: 0;
  outline: none;
  width: 1.8em;
  height: 1.8em;
  line-height: 1.8em;
  border-radius: 50%;
  background-color: #fff;
  border: 2px solid highlight;
  box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.25);
}
trix-editor .trix-button--remove::before {
  display: inline-block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  opacity: 0.7;
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg%20height%3D%2224%22%20width%3D%2224%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M19%206.41%2017.59%205%2012%2010.59%206.41%205%205%206.41%2010.59%2012%205%2017.59%206.41%2019%2012%2013.41%2017.59%2019%2019%2017.59%2013.41%2012z%22%2F%3E%3Cpath%20d%3D%22M0%200h24v24H0z%22%20fill%3D%22none%22%2F%3E%3C%2Fsvg%3E");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 90%;
}
trix-editor .trix-button--remove:hover {
  border-color: #333;
}
trix-editor .trix-button--remove:hover::before {
  opacity: 1;
}
trix-editor .attachment__metadata-container {
  position: relative;
}
trix-editor .attachment__metadata {
  position: absolute;
  left: 50%;
  top: 2em;
  transform: translate(-50%, 0);
  max-width: 90%;
  padding: 0.1em 0.6em;
  font-size: 0.8em;
  color: #fff;
  background-color: rgba(0, 0, 0, 0.7);
  border-radius: 3px;
}
trix-editor .attachment__metadata .attachment__name {
  display: inline-block;
  max-width: 100%;
  vertical-align: bottom;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
trix-editor .attachment__metadata .attachment__size {
  margin-left: 0.2em;
  white-space: nowrap;
}

.trix-content {
  line-height: 1.5;
  overflow-wrap: break-word;
  word-break: break-word;
}
.trix-content * {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}
.trix-content h1 {
  font-size: 1.2em;
  line-height: 1.2;
}
.trix-content blockquote {
  border: 0 solid #ccc;
  border-left-width: 0.3em;
  margin-left: 0.3em;
  padding-left: 0.6em;
}
.trix-content [dir=rtl] blockquote,
.trix-content blockquote[dir=rtl] {
  border-width: 0;
  border-right-width: 0.3em;
  margin-right: 0.3em;
  padding-right: 0.6em;
}
.trix-content li {
  margin-left: 1em;
}
.trix-content [dir=rtl] li {
  margin-right: 1em;
}
.trix-content pre {
  display: inline-block;
  width: 100%;
  vertical-align: top;
  font-family: monospace;
  font-size: 0.9em;
  padding: 0.5em;
  white-space: pre;
  background-color: #eee;
  overflow-x: auto;
}
.trix-content img {
  max-width: 100%;
  height: auto;
}
.trix-content .attachment {
  display: inline-block;
  position: relative;
  max-width: 100%;
}
.trix-content .attachment a {
  color: inherit;
  text-decoration: none;
}
.trix-content .attachment a:hover, .trix-content .attachment a:visited:hover {
  color: inherit;
}
.trix-content .attachment__caption {
  text-align: center;
}
.trix-content .attachment__caption .attachment__name + .attachment__size::before {
  content: " •";
}
.trix-content .attachment--preview {
  width: 100%;
  text-align: center;
}
.trix-content .attachment--preview .attachment__caption {
  color: #666;
  font-size: 0.9em;
  line-height: 1.2;
}
.trix-content .attachment--file {
  color: #333;
  line-height: 1;
  margin: 0 2px 2px 2px;
  padding: 0.4em 1em;
  border: 1px solid #bbb;
  border-radius: 5px;
}
.trix-content .attachment-gallery {
  display: flex;
  flex-wrap: wrap;
  position: relative;
}
.trix-content .attachment-gallery .attachment {
  flex: 1 0 33%;
  padding: 0 0.5em;
  max-width: 33%;
}
.trix-content .attachment-gallery.attachment-gallery--2 .attachment, .trix-content .attachment-gallery.attachment-gallery--4 .attachment {
  flex-basis: 50%;
  max-width: 50%;
}
/*
 * This is a manifest file that'll be compiled into application.css, which will include all the files
 * listed below.
 *
 * Any CSS and SCSS file within this directory, lib/assets/stylesheets, vendor/assets/stylesheets,
 * or any plugin's vendor/assets/stylesheets directory can be referenced here using a relative path.
 *
 * You're free to add application-wide styles to this file and they'll appear at the bottom of the
 * compiled file so the styles you add here take precedence over styles defined in any other CSS/SCSS
 * files in this directory. Styles in this file should be added after the last require_* statement.
 * It is generally better to create a new file per style scope.
 *














































 */