/* BEGIN STYLESHEET */
/* PROJECT SPECIFIC */

/* popup autodecouverte */

.ia_popup[id^=popup-dropdown] {
	height: auto;
	width: auto;
}

/* GLOBAL */

/* COLORS */


:root {
	
	/* couleur synoptiques */
	--active: 			#31D200;
	--active_red: 			#F4041C;
	--bad_water: 			#0EC700;
	--bad_water_dark: 		#005208;
	--brown_water: 		#CAA666;
	--brown_water_dark: 	#695200;
	--build: 				value;
	--chlore: 			#E5FF37;
	--chlore_dark: 		#C3CC00;
	--close: 				#333333;
	--dark: 				#333333;
	--dark_water: 			#0054C5;
	--default: 			#F4041C;
	--grey_base: 			#858585;
	--grey_dark: 			#636363;
	--grey_light: 			#D2D2D2;
	--ground: 			#A25A00;
	--injection: 			#EE51EC;
	--injection_dark: 		#780C77;
	--motors: 			#858585;
	--open: 				#31D200;
	--pipes: 				#9B9AA1;
	--pipes_light: 		#ADADAD;
	--pumps: 				value;
	--seuil_haut_bas: 		#FFA000;
	--seuil_tres_haut_bas: 	#FF000B;
	--stop: 				#858585;
	--text_blanc: 			#FFFFFF;
	--tor: 				value;
	--undefined: 			#EE51EC;
	--water: 				#45C4FC;





	--accent:				var(--infoSecondary);

	--palette-highlight:	#FFC33E;
	--palette-background:	color-mix(in srgb, var(--accent), var(--neutral-10) 80%);
/*	--palette-background:	#213365;*/
	--palette-accent:		#fada42;

	--palette-error:		var(--error);
	--palette-warning:		var(--warning);
	--palette-success:		var(--success);
	--palette-info:		var(--info);
	--palette-primary:		var(--info);
	--palette-neutral:		var(--neutral-50);

	--neutral-15:	color-mix(in srgb, var(--neutral-10), var(--neutral-20));
	--neutral-25:	color-mix(in srgb, var(--neutral-20), var(--neutral-30));
	--neutral-35:	color-mix(in srgb, var(--neutral-30), var(--neutral-40));
	--neutral-45:	color-mix(in srgb, var(--neutral-40), var(--neutral-50));
	--neutral-55:	color-mix(in srgb, var(--neutral-50), var(--neutral-60));
	--neutral-65:	color-mix(in srgb, var(--neutral-60), var(--neutral-70));
	--neutral-75:	color-mix(in srgb, var(--neutral-70), var(--neutral-80));
	--neutral-85:	color-mix(in srgb, var(--neutral-80), var(--neutral-90));

	--palette-info-50:		#fdf7ff;
	--palette-info-100:		#f4eaff;
	--palette-info-200:		#e1cbff;
	--palette-info-300:		#c69eff;
	--palette-info-400:		#a374f9;
	--palette-info-500:		#814dde;
	--palette-info-600:		#5f35ae;
	--palette-info-700:		#452382;
	--palette-info-800:		#301761;
	--palette-info-900:		#1d0a42;

	--palette-0:		color-mix(in srgb, var(--palette-primary) 0%, white);
	--palette-50:		color-mix(in srgb, var(--palette-primary) 10%, white);
	--palette-100:		color-mix(in srgb, var(--palette-primary) 20%, white);
	--palette-150:		color-mix(in srgb, var(--palette-primary) 30%, white);
	--palette-200:		color-mix(in srgb, var(--palette-primary) 40%, white);
	--palette-250:		color-mix(in srgb, var(--palette-primary) 50%, white);
	--palette-300:		color-mix(in srgb, var(--palette-primary) 60%, white);
	--palette-350:		color-mix(in srgb, var(--palette-primary) 70%, white);
	--palette-400:		color-mix(in srgb, var(--palette-primary) 80%, white);
	--palette-450:		color-mix(in srgb, var(--palette-primary) 90%, white);
	--palette-500:		color-mix(in srgb, var(--palette-primary) 100%, white);
	--palette-550:		color-mix(in srgb, var(--palette-primary) 90%, black);
	--palette-600:		color-mix(in srgb, var(--palette-primary) 80%, black);
	--palette-650:		color-mix(in srgb, var(--palette-primary) 70%, black);
	--palette-700:		color-mix(in srgb, var(--palette-primary) 60%, black);
	--palette-750:		color-mix(in srgb, var(--palette-primary) 50%, black);
	--palette-800:		color-mix(in srgb, var(--palette-primary) 40%, black);
	--palette-850:		color-mix(in srgb, var(--palette-primary) 30%, black);
	--palette-900:		color-mix(in srgb, var(--palette-primary) 20%, black);
	--palette-950:		color-mix(in srgb, var(--palette-primary) 10%, black);
	--palette-1000:	color-mix(in srgb, var(--palette-primary) 0%, black);
}

.psc-color\/primary {
	--palette--0:		var(--palette-0);
	--palette--50:		var(--palette-50);
	--palette--100:	var(--palette-100);
	--palette--150:	var(--palette-150);
	--palette--200:	var(--palette-200);
	--palette--250:	var(--palette-250);
	--palette--300:	var(--palette-300);
	--palette--350:	var(--palette-350);
	--palette--400:	var(--palette-400);
	--palette--450:	var(--palette-450);
	--palette--500:	var(--palette-500);
	--palette--550:	var(--palette-550);
	--palette--600:	var(--palette-600);
	--palette--650:	var(--palette-650);
	--palette--700:	var(--palette-700);
	--palette--750:	var(--palette-750);
	--palette--800:	var(--palette-800);
	--palette--850:	var(--palette-850);
	--palette--900:	var(--palette-900);
	--palette--950:	var(--palette-950);
	--palette--1000:	var(--palette-1000);
}

.psc-color\/neutral {
	--palette-0:		color-mix(in srgb, var(--palette-neutral) 0%, white);
	--palette-50:		color-mix(in srgb, var(--palette-neutral) 10%, white);
	--palette-100:		color-mix(in srgb, var(--palette-neutral) 20%, white);
	--palette-150:		color-mix(in srgb, var(--palette-neutral) 30%, white);
	--palette-200:		color-mix(in srgb, var(--palette-neutral) 40%, white);
	--palette-250:		color-mix(in srgb, var(--palette-neutral) 50%, white);
	--palette-300:		color-mix(in srgb, var(--palette-neutral) 60%, white);
	--palette-350:		color-mix(in srgb, var(--palette-neutral) 70%, white);
	--palette-400:		color-mix(in srgb, var(--palette-neutral) 80%, white);
	--palette-450:		color-mix(in srgb, var(--palette-neutral) 90%, white);
	--palette-500:		color-mix(in srgb, var(--palette-neutral) 100%, white);
	--palette-550:		color-mix(in srgb, var(--palette-neutral) 90%, black);
	--palette-600:		color-mix(in srgb, var(--palette-neutral) 80%, black);
	--palette-650:		color-mix(in srgb, var(--palette-neutral) 70%, black);
	--palette-700:		color-mix(in srgb, var(--palette-neutral) 60%, black);
	--palette-750:		color-mix(in srgb, var(--palette-neutral) 50%, black);
	--palette-800:		color-mix(in srgb, var(--palette-neutral) 40%, black);
	--palette-850:		color-mix(in srgb, var(--palette-neutral) 30%, black);
	--palette-900:		color-mix(in srgb, var(--palette-neutral) 20%, black);
	--palette-950:		color-mix(in srgb, var(--palette-neutral) 10%, black);
	--palette-1000:	color-mix(in srgb, var(--palette-neutral) 0%, black);
}

.psc-color\/danger {
	--palette-0:		color-mix(in srgb, var(--palette-error) 0%, white);
	--palette-50:		color-mix(in srgb, var(--palette-error) 10%, white);
	--palette-100:		color-mix(in srgb, var(--palette-error) 20%, white);
	--palette-150:		color-mix(in srgb, var(--palette-error) 30%, white);
	--palette-200:		color-mix(in srgb, var(--palette-error) 40%, white);
	--palette-250:		color-mix(in srgb, var(--palette-error) 50%, white);
	--palette-300:		color-mix(in srgb, var(--palette-error) 60%, white);
	--palette-350:		color-mix(in srgb, var(--palette-error) 70%, white);
	--palette-400:		color-mix(in srgb, var(--palette-error) 80%, white);
	--palette-450:		color-mix(in srgb, var(--palette-error) 90%, white);
	--palette-500:		color-mix(in srgb, var(--palette-error) 100%, white);
	--palette-550:		color-mix(in srgb, var(--palette-error) 90%, black);
	--palette-600:		color-mix(in srgb, var(--palette-error) 80%, black);
	--palette-650:		color-mix(in srgb, var(--palette-error) 70%, black);
	--palette-700:		color-mix(in srgb, var(--palette-error) 60%, black);
	--palette-750:		color-mix(in srgb, var(--palette-error) 50%, black);
	--palette-800:		color-mix(in srgb, var(--palette-error) 40%, black);
	--palette-850:		color-mix(in srgb, var(--palette-error) 30%, black);
	--palette-900:		color-mix(in srgb, var(--palette-error) 20%, black);
	--palette-950:		color-mix(in srgb, var(--palette-error) 10%, black);
	--palette-1000:	color-mix(in srgb, var(--palette-error) 0%, black);
}

.psc-color\/warning {
	--palette-0:		color-mix(in srgb, var(--palette-warning) 0%, white);
	--palette-50:		color-mix(in srgb, var(--palette-warning) 10%, white);
	--palette-100:		color-mix(in srgb, var(--palette-warning) 20%, white);
	--palette-150:		color-mix(in srgb, var(--palette-warning) 30%, white);
	--palette-200:		color-mix(in srgb, var(--palette-warning) 40%, white);
	--palette-250:		color-mix(in srgb, var(--palette-warning) 50%, white);
	--palette-300:		color-mix(in srgb, var(--palette-warning) 60%, white);
	--palette-350:		color-mix(in srgb, var(--palette-warning) 70%, white);
	--palette-400:		color-mix(in srgb, var(--palette-warning) 80%, white);
	--palette-450:		color-mix(in srgb, var(--palette-warning) 90%, white);
	--palette-500:		color-mix(in srgb, var(--palette-warning) 100%, white);
	--palette-550:		color-mix(in srgb, var(--palette-warning) 90%, black);
	--palette-600:		color-mix(in srgb, var(--palette-warning) 80%, black);
	--palette-650:		color-mix(in srgb, var(--palette-warning) 70%, black);
	--palette-700:		color-mix(in srgb, var(--palette-warning) 60%, black);
	--palette-750:		color-mix(in srgb, var(--palette-warning) 50%, black);
	--palette-800:		color-mix(in srgb, var(--palette-warning) 40%, black);
	--palette-850:		color-mix(in srgb, var(--palette-warning) 30%, black);
	--palette-900:		color-mix(in srgb, var(--palette-warning) 20%, black);
	--palette-950:		color-mix(in srgb, var(--palette-warning) 10%, black);
	--palette-1000:	color-mix(in srgb, var(--palette-warning) 0%, black);
}

.psc-color\/success {
	--palette-0:		color-mix(in srgb, var(--palette-success) 0%, white);
	--palette-50:		color-mix(in srgb, var(--palette-success) 10%, white);
	--palette-100:		color-mix(in srgb, var(--palette-success) 20%, white);
	--palette-150:		color-mix(in srgb, var(--palette-success) 30%, white);
	--palette-200:		color-mix(in srgb, var(--palette-success) 40%, white);
	--palette-250:		color-mix(in srgb, var(--palette-success) 50%, white);
	--palette-300:		color-mix(in srgb, var(--palette-success) 60%, white);
	--palette-350:		color-mix(in srgb, var(--palette-success) 70%, white);
	--palette-400:		color-mix(in srgb, var(--palette-success) 80%, white);
	--palette-450:		color-mix(in srgb, var(--palette-success) 90%, white);
	--palette-500:		color-mix(in srgb, var(--palette-success) 100%, white);
	--palette-550:		color-mix(in srgb, var(--palette-success) 90%, black);
	--palette-600:		color-mix(in srgb, var(--palette-success) 80%, black);
	--palette-650:		color-mix(in srgb, var(--palette-success) 70%, black);
	--palette-700:		color-mix(in srgb, var(--palette-success) 60%, black);
	--palette-750:		color-mix(in srgb, var(--palette-success) 50%, black);
	--palette-800:		color-mix(in srgb, var(--palette-success) 40%, black);
	--palette-850:		color-mix(in srgb, var(--palette-success) 30%, black);
	--palette-900:		color-mix(in srgb, var(--palette-success) 20%, black);
	--palette-950:		color-mix(in srgb, var(--palette-success) 10%, black);
	--palette-1000:	color-mix(in srgb, var(--palette-success) 0%, black);
}

.psc-color\/info {
	--palette-50:		var(--palette-info-50);
	--palette-100:		var(--palette-info-100);
	--palette-200:		var(--palette-info-200);
	--palette-300:		var(--palette-info-300);
	--palette-400:		var(--palette-info-400);
	--palette-500:		var(--palette-info-500);
	--palette-600:		var(--palette-info-600);
	--palette-700:		var(--palette-info-700);
	--palette-800:		var(--palette-info-800);
	--palette-900:		var(--palette-info-900);
}



/* SCROLLBAR */

::-webkit-scrollbar {
	height: 5px;              
	width: 5px;               
 
}

/* Track */
::-webkit-scrollbar-track {
	box-shadow: inset 0 0 2px #B0C4DE; 
	border-radius: 4px;
	width: 10px;
}

::-webkit-scrollbar-corner {	
	background-color: transparent;
}
 
/* Handle */
::-webkit-scrollbar-thumb {
  background: #1E90FF; 
  border-radius: 4px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: black; 
}



/* BUTTONS */

[data-component='ia.input.button'] {
	outline: none;
}

/* BASE */

[data-component='ia.input.button'].ia_button--primary:not([disabled]) {
	color: var(--palette-50);
	background-color: var(--palette-500);
	border-color: var(--palette-600);
	border-width: 1px;
	border-style: solid;
	border-radius: 5px;
}

[data-component='ia.input.button'].ia_button--secondary:not([disabled]) {
	color: var(--palette-500);
	background-color: var(--palette-50);
	border-color: var(--palette-60);
	border-width: 1px;
	border-style: solid;
	border-radius: 5px;
}

/* SOFT */

[data-component='ia.input.button'].ia_button--primary.psc-buttons\/soft:not([disabled]) {
	color: var(--palette-50);
	background-color: var(--palette-500);
	border: none;
}

[data-component='ia.input.button'].ia_button--secondary.psc-buttons\/soft:not([disabled]) {
	color: var(--palette-500);
	background-color: var(--palette-50);
	border: none;
}

/* LINK */

[data-component='ia.input.button'].ia_button--primary.psc-buttons\/link:not([disabled]) {
	color: var(--palette-0);
	background-color: transparent;
	border: none;
}

[data-component='ia.input.button'].ia_button--secondary.psc-buttons\/link:not([disabled]) {
	color: var(--palette-500);
	background-color: transparent;
	border: none;
}

[data-component='ia.input.button'].psc-buttons\/link:not([disabled]):hover {
	color: orange;
	box-shadow: none;
}

[data-component='ia.input.button'].psc-buttons\/link:not([disabled]):active {
	color: red;
}

/* NAV */

[data-component='ia.input.button'].ia_button--primary.psc-buttons\/nav:not([disabled]) {
	color: var(--palette-0);
	background-color: transparent;
	border: none;
}

[data-component='ia.input.button'].ia_button--primary.psc-buttons\/nav[disabled] {
	color: grey;
	background-color: transparent;
	border: none;
}

[data-component='ia.input.button'].ia_button--secondary.psc-buttons\/nav:not([disabled]) {
	color: var(--palette-800);
	background-color: transparent;
	border: none;
}

[data-component='ia.input.button'].psc-buttons\/nav:not([disabled]):hover {
	color: orange;
	box-shadow: none;
}

[data-component='ia.input.button'].psc-buttons\/nav:not([disabled]):active {
	color: red;
}



/* USER TABLE */


#user_table .ia_table__head__header .thc + .thc {
	border-left: solid 1px grey;
}


/* POPUPS */

.popups-pane .popup.ia_popup {
	outline: None;
	border-radius: 5px;
	box-shadow: 2px 2px 6px lightgrey;
}

.ia_popup .ia_popup__header {
	font-weight: bold;
	font-size: 1em;
	background-color: var(--palette-background);
	border-radius: 5px 5px 0 0;
}

.ia_popup .popup-body {
	border-radius: 0 0 5px 5px;
}

.client-root .popup .popup-header {
	height: 32px;
}

.ia_popup > .close-icon {
	margin-top: -5px;
	margin-right: -5px;
	width: 26px;
	height: 26px;
}

.ia_popup > .close-icon:hover {
	color: orange;
}

.ia_popup[id^=popup-light] .ia_popup__header {
	background-color: #1C52B0;
	color: white;
}

.ia_popup[id^=popup-dark] .ia_popup__header {
	background-color: #ffffff;
	color: black;
}


/*  TOAST  */

.ia_popup[id^=popup-toast_container] {
	justify-content: flex-end;
	background-color: transparent;
	border-radius: 5px;
	border: None;
	box-shadow: None;
	outline: None;
}

.ia_popup[id^=popup-toast_container] .body-wrapper {
	overflow: visible;
}

@keyframes grow_right {
	from {
		width: 0;
	}
	to {
		width: 100%;
	}
}


/* LOADER */

.psc-loader1 {
  width: 80px;
  aspect-ratio: 1;
  border-radius: 50%;
/*  border: 8px solid #514b82;*/
  border: 8px solid white;
  animation:
    l20-1 0.8s infinite linear alternate,
    l20-2 1.6s infinite linear;
}
@keyframes l20-1{
   0%    {clip-path: polygon(50% 50%,0       0,  50%   0%,  50%    0%, 50%    0%, 50%    0%, 50%    0% )}
   12.5% {clip-path: polygon(50% 50%,0       0,  50%   0%,  100%   0%, 100%   0%, 100%   0%, 100%   0% )}
   25%   {clip-path: polygon(50% 50%,0       0,  50%   0%,  100%   0%, 100% 100%, 100% 100%, 100% 100% )}
   50%   {clip-path: polygon(50% 50%,0       0,  50%   0%,  100%   0%, 100% 100%, 50%  100%, 0%   100% )}
   62.5% {clip-path: polygon(50% 50%,100%    0, 100%   0%,  100%   0%, 100% 100%, 50%  100%, 0%   100% )}
   75%   {clip-path: polygon(50% 50%,100% 100%, 100% 100%,  100% 100%, 100% 100%, 50%  100%, 0%   100% )}
   100%  {clip-path: polygon(50% 50%,50%  100%,  50% 100%,   50% 100%,  50% 100%, 50%  100%, 0%   100% )}
}
@keyframes l20-2{ 
  0%    {transform:scaleY(1)  rotate(0deg)}
  49.99%{transform:scaleY(1)  rotate(135deg)}
  50%   {transform:scaleY(-1) rotate(0deg)}
  100%  {transform:scaleY(-1) rotate(-135deg)}
}

.psc-loader2 {
  width: 80px;
  --b: 8px; 
  aspect-ratio: 1;
  border-radius: 50%;
  padding: 1px;
  background: conic-gradient(#0000 10%, white) content-box;
  -webkit-mask:
    repeating-conic-gradient(#0000 0deg,#000 1deg 20deg,#0000 21deg 36deg),
    radial-gradient(farthest-side,#0000 calc(100% - var(--b) - 1px),#000 calc(100% - var(--b)));
  -webkit-mask-composite: destination-in;
          mask-composite: intersect;
  animation:l4 1s infinite steps(10);
}
@keyframes l4 {to{transform: rotate(1turn)}}

.psc-loader3 {
  width: 80px;
  aspect-ratio: 1;
  border-radius: 50%;
  background: 
    radial-gradient(farthest-side, white 94%,#0000) top/8px 8px no-repeat,
    conic-gradient(#0000 30%, white);
  -webkit-mask: radial-gradient(farthest-side,#0000 calc(100% - 8px),#000 0);
  animation: l13 1s infinite linear;
}
@keyframes l13{ 
  100% {transform: rotate(1turn)}
}

.psc-loader4 {
  width: 120px;
  height: 20px;
  border-radius: 20px;
  background:
   linear-gradient(orange 0 0) 0/0% no-repeat
   lightblue;
  animation: l2 2s infinite steps(10);
}
@keyframes l2 {
    100% {background-size:110%}
}

#popup-loader {
	border: none;
	outline: none;
	background: transparent;
	box-shadow: none;
	text-shadow: 2px 2px 3px black;
	font-size: 1.3em;
}

/* ANIMATIONS */

@keyframes spin {
	100% {transform: rotate(1 turn)}
}

/* BEGIN STYLE CLASSES */
.psc-DOCKED\/NORTH {
  background-color: #2c2c2c;
}

.psc-ETIQUETTES\/BorderColor {
  border-color: #1da0c6ff;
  border-style: solid;
  border-width: 1px;
}

.psc-ETIQUETTES\/DefaultBorderColor {
  border-color: red;
  border-style: solid;
  border-width: 2px;
}

.psc-IHM\/COLOR\/chlore {
  stroke: #ffcc00ff;
}

.psc-IHM\/COLOR\/entree_eb_vert {
  stroke: #008000;
}

.psc-IHM\/COLOR\/sortie_ep_bleu {
  stroke: #00D9D9;
}

.psc-IHM\/Framework\/ColorPicker\/Container {
  border-color: #CCCCCC;
  border-style: solid;
  border-width: 1px;
  border-radius: 4px;
  padding: 4px;
}

.psc-IHM\/ICONS\/color {
  color: #FFFFFF;
  cursor: pointer;
}
.psc-IHM\/ICONS\/color:hover {
  color: #F2AD2D;
}

.psc-IHM\/MAP\/ColorNoAlarm {
  stroke: #000000;
  stroke-width: 1px;
  fill: #AAAAAA;
}

.psc-IHM\/MAP\/FlexDocked {
  border-color: #BBBBBB;
  border-style: groove;
  border-width: 1px;
  margin-left: 2%;
  margin-right: 2%;
  margin-top: 5%;
  padding-bottom: 2%;
  padding-left: 2%;
  padding-right: 2%;
  padding-top: 2%;
}

.psc-IHM\/MAP\/FlexPopupNav {
  border-bottom-style: outset;
  border-bottom-width: 1px;
  padding-top: 5px;
}

.psc-IHM\/MAP\/LabelDocked {
  color: #555555;
  font-family: Arial;
  font-size: 15px;
  font-weight: bold;
  text-align: center;
}

.psc-IHM\/MAP\/LabelPopup {
  color: #000000;
  font-size: 13px;
  font-weight: 200;
  overflow-wrap: break-word;
  text-align: left;
}

.psc-IHM\/MAP\/MainView {
  background-color: #C4C4D6;
}

.psc-IHM\/MAP\/NorthDocked {
  background-color: #D1D1DA;
  border-color: #FFFFFF;
  border-style: solid;
  border-width: 2px;
}

.psc-IHM\/MAP\/RegionPoly {
  background-color: #B6E7E769;
  border-color: #8080F2BD;
  border-style: solid;
  border-width: 1px;
}

.psc-IHM\/MAP\/WestDocked {
  background-color: #E5E5EF;
  border-color: #FFFFFF;
  border-style: none;
  border-width: 2px;
}

.psc-IHM\/MAP\/WestDropDown {
  margin-bottom: 5px;
  margin-top: 5px;
}

.psc-IHM\/TREE\/font_style {
  cursor: pointer;
  font-size: 12px;
}

.psc-IHM\/dashboard_widget {
  border-style: none;
}
.psc-IHM\/dashboard_widget:hover {
  border-style: none;
  outline-color: #7FB6FF;
  outline-style: dashed;
  outline-width: 2px;
}

.psc-IHM\/syno_title {
  font-size: 0.4vw;
  white-space: nowrap;
}

.psc-IHM\/syno_value {
  font-size: 0.6vw;
  font-weight: bold;
}

.psc-POPUP\/numeric_label {
  font-size: 1em;
  font-weight: bold;
  padding: 5px;
  text-align: right;
}

.psc-POPUP\/text_label {
  font-size: 0.8em;
  font-weight: normal;
  padding: 5px;
  text-align: left;
}

.psc-buttons\/link {
}

.psc-buttons\/nav {
}

.psc-buttons\/soft {
}

.psc-color\/danger {
}

.psc-color\/info {
}

.psc-color\/neutral {
}

.psc-color\/primary {
}

.psc-color\/success {
}

.psc-color\/warning {
}

.psc-toast\/error {
  background-color: #ac0000;
  color: white;
}

.psc-toast\/info {
  background-color: #f2f2f3;
}

.psc-toast\/success {
  background-color: #99e052;
}

.psc-toast\/timer {
}

.psc-toast\/warning {
  background-color: #ffbe4d;
}

@keyframes psc-IHM\/MAP\/ColorAlarm-anim {
  0% {
    fill: #FFCCCC;
  }
  100% {
    fill: #FF0000;
  }
}
.psc-IHM\/MAP\/ColorAlarm {
  animation-name: psc-IHM\/MAP\/ColorAlarm-anim;
  animation-delay: 0s;
  animation-direction: alternate;
  animation-duration: 3s;
  animation-fill-mode: both;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}

@keyframes psc-IHM\/fade-anim {
  0% {
    background-color: #FFFFFF00;
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.psc-IHM\/fade {
  animation-name: psc-IHM\/fade-anim;
  animation-delay: 0.5s;
  animation-direction: alternate;
  animation-duration: 2s;
  animation-fill-mode: both;
  animation-iteration-count: 1;
  animation-timing-function: linear;
}

@keyframes psc-IHM\/fade_fill-anim {
  0% {
  }
  100% {
    background-color: #00ACAC;
    color: #FFFFFF;
  }
}
.psc-IHM\/fade_fill {
  animation-name: psc-IHM\/fade_fill-anim;
  animation-delay: 0s;
  animation-direction: normal;
  animation-duration: 1.5s;
  animation-fill-mode: forwards;
  animation-iteration-count: 1;
  animation-timing-function: ease;
}

@keyframes psc-IHM\/fade_long-anim {
  0% {
    background-color: #0000D9;
    opacity: 0;
  }
  100% {
    background-color: #FFFFFF;
    opacity: 1;
  }
}
.psc-IHM\/fade_long {
  animation-name: psc-IHM\/fade_long-anim;
  animation-delay: 3s;
  animation-direction: normal;
  animation-duration: 2s;
  animation-fill-mode: both;
  animation-iteration-count: 1;
  animation-timing-function: linear;
}

@keyframes psc-IHM\/fade_short-anim {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.psc-IHM\/fade_short {
  animation-name: psc-IHM\/fade_short-anim;
  animation-delay: 0s;
  animation-direction: normal;
  animation-duration: 1s;
  animation-fill-mode: both;
  animation-iteration-count: 1;
  animation-timing-function: linear;
}

@keyframes psc-alarm_background-anim {
  0% {
    background-color: #FF8A8A;
    border-color: #D90000;
    border-style: solid;
    border-width: 2px;
  }
  100% {
    background-color: #FF4747;
    border-color: #FF8A8A;
    border-style: solid;
    border-width: 2px;
  }
}
.psc-alarm_background {
  animation-name: psc-alarm_background-anim;
  animation-delay: 0s;
  animation-direction: alternate;
  animation-duration: 1s;
  animation-fill-mode: both;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}

@keyframes psc-alarm_on-anim {
  0% {
    color: #FF0000;
    fill: #FF0000;
  }
  100% {
    color: #FFCCCC;
    fill: #FFCCCC;
  }
}
.psc-alarm_on {
  animation-name: psc-alarm_on-anim;
  animation-delay: 0s;
  animation-direction: alternate;
  animation-duration: 1s;
  animation-fill-mode: both;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}