/* BEGIN STYLESHEET */
* {
	font-family: var(--Noto-Sans)
}

:focus {
    outline: none;
}

:root {

    /* Grays colors */
    --color-black-1: #030306FF;
    --color-black-2: #15151CFF;
    --color-black-3: #212128FF;
    --color-black-4: #2D2D34FF;
    --color-black-5: #47474FFF;
    --color-black-6: #62626BFF;
    --color-black-7: #7F7F88FF;
    --color-gray-1: #9D9DA6FF;
    --color-gray-2: #ADADB6FF;
    --color-gray-3: #BCBDC6FF;
    --color-gray-4: #CCCDD6FF;
    --color-gray-5: #DDDDE3FF;
    --color-white-4: #E5E6EBFF;
    --color-white-3: #EEEEF3FF;
    --color-white-2: #F6F6FBFF;
    --color-white-1: #FFFFFFFF;


    /* Font-size */
    --text-xxs: 10px;
    --test-xs: 12px;
    --text-sm: 14px;
    --text-base: 16px;
    --text-lg: 18px;
    --text-xl: 20px;
    --text-2xl: 24px;
    --text-3xl: 30px;
    --text-4xl: 36px;
    --text-5xl: 48px;
    --text-6xl: 60px;
    --text-7xl: 72px;
    --text-8xl: 96px;
    --text-9xl: 128px;

    /* Font-style */
    --italic: italic;
    --not-italic: normal;

    /* Font-weight */
    --Noto-Sans: "Noto Sans", sans-serif;
    --font-thin: 100;
    --font-extralight: 200;
    --font-light: 300;
    --font-normal: 400;
    --font-medium: 500;
    --font-semibold: 600;
    --font-bold: 700;
    --font-extrabold: 800;
    --font-black: 900;

    /* Border-radius */
    --rounded-xs: 2px;
    --rounded-sm: 4px;
    --rounded-md: 6px;
    --rounded-lg: 8px;
    --rounded-xl: 12px;
    --rounded-2xl: 16px;
    --rounded-3xl: 24px;
    --rounded-4xl: 32px;
}

::selection {
    background-color: #ffffff00;
}

/* Ordre de fabrication ==================================================================
================================================================================= */


.psc-effetglass {
    border-radius: 1.25rem;
    outline: 1px solid #ffffff61;
    background: linear-gradient(148deg, rgb(255 255 255 / 36%) 0%, rgb(255 255 255 / 9%) 100%);
    backdrop-filter: blur(25px);
    box-shadow: rgba(17, 12, 46, 0.15) 0px 48px 100px 0px;
    transition: 0.2s;
}

.psc-effetglass:hover {
    scale: 1.02;
    transition: 0.2s;
    cursor: pointer;
    outline: 1px solid #ffffff88;
}

.psc-hover-btn-cart-gi:hover {
  text-decoration: underline;
}


/* Autres ==================================================================
================================================================================= */



.lds-roller {
  display: inline-block;
  position: relative;
  width: 80px;
  height: 80px;
}
.lds-roller div {
  animation: lds-roller 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
  transform-origin: 40px 40px;
}
.lds-roller div:after {
  content: " ";
  display: block;
  position: absolute;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #fff;
  margin: -4px 0 0 -4px;
}
.lds-roller div:nth-child(1) {
  animation-delay: -0.036s;
}
.lds-roller div:nth-child(1):after {
  top: 63px;
  left: 63px;
}
.lds-roller div:nth-child(2) {
  animation-delay: -0.072s;
}
.lds-roller div:nth-child(2):after {
  top: 68px;
  left: 56px;
}
.lds-roller div:nth-child(3) {
  animation-delay: -0.108s;
}
.lds-roller div:nth-child(3):after {
  top: 71px;
  left: 48px;
}
.lds-roller div:nth-child(4) {
  animation-delay: -0.144s;
}
.lds-roller div:nth-child(4):after {
  top: 72px;
  left: 40px;
}
.lds-roller div:nth-child(5) {
  animation-delay: -0.18s;
}
.lds-roller div:nth-child(5):after {
  top: 71px;
  left: 32px;
}
.lds-roller div:nth-child(6) {
  animation-delay: -0.216s;
}
.lds-roller div:nth-child(6):after {
  top: 68px;
  left: 24px;
}
.lds-roller div:nth-child(7) {
  animation-delay: -0.252s;
}
.lds-roller div:nth-child(7):after {
  top: 63px;
  left: 17px;
}
.lds-roller div:nth-child(8) {
  animation-delay: -0.288s;
}
.lds-roller div:nth-child(8):after {
  top: 56px;
  left: 12px;
}
@keyframes lds-roller {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}




.psc-lds-hourglass {
  display: inline-block;
  position: relative;
  width: 80px;
  height: 80px;
}
.psc-lds-hourglass:after {
  content: " ";
  display: block;
  border-radius: 50%;
  width: 0;
  height: 0;
  margin: 8px;
  box-sizing: border-box;
  border: 32px solid #fff;
  border-color: #fff transparent #fff transparent;
  animation: lds-hourglass 1.2s infinite;
}
@keyframes lds-hourglass {
  0% {
    transform: rotate(0);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  50% {
    transform: rotate(900deg);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  100% {
    transform: rotate(1800deg);
  }
}


.psc-card {
	overflow: visible
	transform: rotateY(0) rotateX(0);
 	transition: transform 500ms ease;
 	perspective: 500px;
}
.psc-card:hover {
	
	transform: rotateY(15deg) ;
 	transition: transform 500ms ease;
}

.psc-card2{
	perspective:1000px;
  	background-color: transparent;
}

.psc-flip-card-inner {
	  position: relative;
	  width: 100%;
	  height: 100%;
	  text-align: center;
	  transition: transform 0.6s;
	  transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d;
	  box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
}

.leaflet-popup-content-wrapper {
    padding: 1px;
    text-align: left;
    border-radius: 12px;
    width: 410px;
}

.leaflet-popup-content {
    margin: 13px 13px 13px 13px;
    line-height: 1.3;
    font-size: 13px;
    font-size: 1.08333em;
    min-height: 1px;
}

.psc-card2:hover .psc-flip-card-inner {
  transform: rotateY(180deg);
}


.psc-flip-card-front, .psc-flip-card-back {
  position: absolute;
  width: 100%;
  height: 100%;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.psc-flip-card-front {
  background-color: #CAE5EE;
  color: black;
}

.psc-flip-card-back {
  background-color: #343A3F;
  color: white;
  transform: rotateY(180deg);
}



/* 3D ENGINE */

.psc-bimdata-scrollbar {
	box-shadow:0px 2px 10px rgba(0, 0, 0, .1);
    	border: none;
    	border-radius: 3px;
}
.psc-bimdata-scrollbar::-webkit-scrollbar{
    width: 7px;
    height: 7px;
}

.psc-bimdata-scrollbar::-webkit-scrollbar-thumb {
    background-color: #2F374A;
    width:7px
}

.psc-bimdata-scrollbar::-webkit-scrollbar-track {
    background: #D8D8D8;
    width:7px
}

.psc-bimdata-scrollbar .ia_accordionComponent__header__text--expanded {
	font-weight: 600
}

.psc-bimdata-scrollbar .ia_accordionComponent__header:focus {
	outline:none
}

.psc-bimdata-scrollbar .view-parent{
	border:none
}

.psc-bimdata-scrollbar .ia_accordionComponent__header:hover {
    background-color: #d8d8d8;
    transition: all .2s ease;
}

/* ********* */


/* 3D ENGINE - PROCESS */
.psc-nav-cursor{
	position: relative;
}

.psc-nav-cursor:after {
	transition: top 1s ease 0s;
	top:var(--deplacement-x);
  	content: " ";
  	display: block;
  	position: absolute;
	width: 26px;
	height: 26px;
	border: solid 2px red;
	z-index: 999999;
}


@keyframes float {
	0% {
		transform: translatex(2px);
	}
	50% {
		transform: translatex(-2px);
	}
	100% {
		transform: translatex(2px);
	}
}

.psc-nav-arrow {
	opacitiy: 0;
	transition: opacity 0.5s ease, visibility 0.5s ease; /* Définir une transition pour l'opacité et la visibilité */
	animation: float 8s ease-in-out infinite;
}
.psc-process-operator-title {
	position: relative;
 	backgroundColor: #cfd1f1;
}
.psc-process-operator-title span {
	z-index:3;
}
.psc-process-operator-title:after {
	position: absolute;
	right: -26px;
	transform: rotate(45deg);
  	content: " ";
  	display: block;
 	background-color: #cfd1f1;
	width: 40px;
	height: 300%;
	z-index:0;
}

.psc-3dEngineTextArea::placeholder{
	color:#dc3545;
	font-size:12px;
}

/* ********* */

/* BEGIN STYLE CLASSES */
.psc-AdHocTrends\/AddTag {
  background-color: #E0E0E0;
  border-radius: 0;
  color: #303030;
  margin-top: 4px;
}
.psc-AdHocTrends\/AddTag:hover {
  background-color: #C1C1C1;
}

.psc-AdHocTrends\/Button {
  cursor: pointer;
  margin-left: 2px;
  margin-right: 2px;
  margin-top: 0;
  fill: #303030;
}

.psc-AdHocTrends\/ChartRangeSelector {
  border-color: #303030;
  border-style: solid;
  border-width: 1px;
  border-bottom-color: #303030;
}

.psc-AdHocTrends\/Content {
  background-color: #FFFFFF;
  padding: 4px;
}

.psc-AdHocTrends\/DisabledIcon {
  cursor: auto;
  fill: #00000040;
}

.psc-AdHocTrends\/Label {
  color: #1C1C1C;
  font-family: Roboto;
  font-size: 14px;
}

.psc-AdHocTrends\/TagTree {
  border-color: #303030;
  border-style: solid;
  border-width: 1px;
}

.psc-AdHocTrends\/Title {
  color: #303030;
  font-size: 20px;
  font-weight: 500;
  margin-right: 10px;
}

.psc-AdHocTrends\/TitleBar {
  background-color: #D5D5D5;
}

.psc-AdHocTrends\/Tooltip {
  background-color: #E3E3E3;
  color: #333;
  font-family: Roboto;
  font-size: 13px;
  text-align: center;
}

.psc-Alarm {
  stroke-width: 0px;
  fill: #FF4747;
}

.psc-Alarm_Label_Ack {
  background-color: #FFFF8A;
  border-color: #CCCCCC;
  border-style: solid;
  border-width: 1px;
  border-radius: 4px;
  color: #2E2E2E;
  font-size: 14px;
  font-weight: normal;
  text-align: center;
}

.psc-Alarm_Label_Active_Ack {
  background-color: #FF4747;
  border-color: #CCCCCC;
  border-style: solid;
  border-width: 1px;
  border-radius: 4px;
  color: #FFFFFF;
  font-size: 14px;
  font-weight: normal;
  text-align: center;
}

.psc-Alarm_Label_Clear_Ack {
  background-color: #CCFFCC;
  border-color: #CCCCCC;
  border-style: solid;
  border-width: 1px;
  border-radius: 4px;
  color: #2E2E2E;
  font-size: 14px;
  font-weight: normal;
  text-align: center;
}

.psc-Alarm_Label_None {
  background-color: #FFFFFF;
  border-color: #CCCCCC;
  border-style: solid;
  border-width: 1px;
  border-radius: 4px;
  color: #2E2E2E;
  font-size: 14px;
  font-weight: normal;
  text-align: center;
}

.psc-Automotive\/AGV\/Charged {
  background-color: #00AC00;
}

.psc-Automotive\/Body\/Background {
  background-color: #003E694D;
}

.psc-Automotive\/Cells\/Cards {
  background-color: #F6F6F6;
  border-color: #AAAAAA;
  border-style: solid;
  border-width: 2px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  padding: 10px;
}

.psc-Automotive\/Cells\/Cards_Mobile {
  margin-bottom: 15px;
  margin-left: 10px;
  margin-right: 10px;
}

.psc-Automotive\/Cells\/Timer {
  border-color: #AAAAAA;
  border-style: outset;
  border-width: 4px;
}

.psc-Automotive\/Header\/Background {
  background-color: #003E69;
}

.psc-Automotive\/Horizontal_Menu\/NotSelected {
  background-color: #F6F6F6;
  color: #000000;
}

.psc-Automotive\/Horizontal_Menu\/Selected {
  background-color: #003E6999;
  color: #FAFAFB;
}

.psc-AxoneIO\/Card_Background {
  background-color: #ECF7FD;
}

.psc-AxoneIO\/Card_Border {
  border-color: #FFFFFF;
  border-style: solid;
  border-width: 0.3px;
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
  border-bottom-left-radius: 15px;
  border-bottom-right-radius: 15px;
  margin: 5px;
}

.psc-AxoneIO\/Card_Title {
  border-bottom-color: #D5D5D5;
  border-bottom-style: dotted;
  border-bottom-width: 3px;
  color: #4287B4;
  font-family: Roboto;
  font-weight: bold;
  text-align: center;
  text-transform: uppercase;
}

.psc-AxoneIO\/Item_Title {
  color: #000000;
  font-size: 14px;
  padding-left: 2px;
}

.psc-AxoneIO\/Item_Unit {
  color: #C4C6CCBF;
  font-size: 18px;
  padding-left: 2px;
}

.psc-AxoneIO\/Item_Value {
  color: #4287B4;
  font-size: 24px;
  padding-right: 5px;
  text-align: right;
}

.psc-BackgroundColors\/Gradient_BlueToLightBlue {
  background-image: linear-gradient(to bottom right, var(--SM-Blue) 30% , var(--SM-LightBlue));
}

.psc-BackgroundColors\/Grey_40procent {
  background-color: var(--SM-DarkGrey-40);
}

.psc-BackgroundColors\/LightBlue_40procent {
  background-color: var(--SM-LightBlue-40);
}

.psc-Bold_Text {
  font-weight: bold;
}

.psc-Border {
  border-color: #D5D5D5;
  border-style: solid;
  border-width: 1px;
  border-radius: 4px;
  padding: 6px;
}

.psc-Button {
  background-color: hsl(190, 100%, 85%) !important;
  background-image: linear-gradient(#fcfcfc, #d8d8d8);
  background-repeat: repeat-x;
  border-color: #fcfcfc #fcfcfc hsl(190, 100%, 81.5%);
  border-radius: 8px;
  color: #333 !important;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.23);
}

.psc-Button_Action {
  background-image: linear-gradient(180deg, #59B1E8 0%, #47A9E6 100%);
  border-color: #47A9E6;
  border-style: solid;
  border-width: 1px;
  border-radius: 4px;
  color: #FFFFFF;
  cursor: pointer;
  font-family: Roboto;
  font-size: 13px;
  font-weight: bold;
  line-height: 18px;
  fill: #FFFFFF;
}

.psc-Button_Action_Disabled {
  background-image: linear-gradient(180deg, #59B1E8 0%, #47A9E6 100%);
  border-color: #47A9E6;
  border-style: solid;
  border-width: 1px;
  border-radius: 4px;
  color: #FFFFFF;
  font-family: Roboto;
  font-size: 14px;
  font-weight: bold;
  line-height: 18px;
  opacity: 0.20;
  fill: #FFFFFF;
}

.psc-Button_Selected {
  background-color: hsl(190, 100%, 85%) !important;
  background-image: linear-gradient(#686868, #acacac);
  background-repeat: repeat-x;
  border-color: #fcfcfc #fcfcfc hsl(190, 100%, 81.5%);
  border-radius: 8px;
  color: #fff !important;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.23);
}

.psc-Card {
  background-color: #FAFAFA;
  border-color: #D5D5D5;
  border-style: solid;
  border-width: 1px;
  border-radius: 4px;
  box-shadow: 0px 2px 4px rgba(0, 0, 40, 0.15);
  margin: 5px;
}

.psc-Card_Container {
  padding: 8px;
}

.psc-Card_Item {
  padding-bottom: 4px;
  padding-left: 18px;
  padding-right: 18px;
  padding-top: 4px;
}

.psc-Card_Item_Border {
  border-bottom-color: #D5D5D5;
  border-bottom-style: solid;
  border-bottom-width: 1px;
}

.psc-Card_Label {
  color: #8E8E8E;
  font-size: 12px;
  font-weight: 300;
  line-height: 16px;
  text-transform: uppercase;
}

.psc-Card_Title {
  background-color: #E6EAEEAD;
  border-bottom-color: #D5D5D5;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  color: #2E2E2E;
  font-size: 12px;
  font-weight: bold;
  padding-left: 6px;
  padding-right: 6px;
  text-transform: uppercase;
  fill: #2E2E2E;
}

.psc-Carousel_Active {
  background-color: #59B1E8;
}

.psc-Carousel_Inactive {
  background-color: #59B1E84D;
}

.psc-Center_Text {
  text-align: center;
}

.psc-Dock {
  background-color: #002143;
  color: #E6EAEE;
  font-family: Roboto;
  font-size: 14px;
  line-height: 20px;
}

.psc-Dock_Action {
  cursor: pointer;
  fill: #59B1E8;
}

.psc-Dock_Header {
  border-bottom-color: #003E69;
  border-bottom-style: solid;
  border-bottom-width: 2px;
}

.psc-Dock_Text {
  color: #FAFAFB;
  font-family: Roboto;
  font-size: 16px;
  font-weight: bold;
  line-height: 19px;
  margin-left: 6px;
  fill: #FAFAFB;
}

.psc-Features\/DatabaseManagement\/DocumentManagement\/Header\/Header {
  background-color: #003E69;
  font-size: 14px;
  fill: #FFFFFF;
}

.psc-Features\/DatabaseManagement\/DocumentManagement\/Header\/Icon {
  color: #FFFFFF;
  cursor: pointer;
  fill: #FFFFFF;
}

.psc-Features\/DatabaseManagement\/DocumentManagement\/Header\/Title {
  color: #FFFFFF;
  font-size: 20px;
}

.psc-Features\/DatabaseManagement\/DocumentManagement\/Menu\/Icon {
  color: #535C69;
  fill: #535C69;
}

.psc-Features\/DatabaseManagement\/DocumentManagement\/Menu\/Item {
  color: #535C69;
  font-size: 12px;
  font-weight: bolder;
  margin-left: 5px;
  text-transform: uppercase;
  fill: #535C69;
}

.psc-Features\/DatabaseManagement\/DocumentManagement\/Menu\/Menu {
  background-color: #EEF2F4;
  padding-bottom: 10px;
  padding-left: 10px;
  padding-top: 10px;
}

.psc-Features\/DatabaseManagement\/DocumentManagement\/Menu\/Text {
  color: #535C69;
  font-size: 12px;
}

.psc-Features\/DatabaseManagement\/DocumentManagement\/Page\/Bold {
  font-weight: bold;
}

.psc-Features\/DatabaseManagement\/DocumentManagement\/Page\/Header {
  color: #535C69;
  font-size: 12px;
  font-weight: bolder;
  text-transform: uppercase;
}

.psc-Features\/DatabaseManagement\/DocumentManagement\/Page\/Link {
  color: var(--callToAction);
  cursor: pointer;
  font-size: 12px;
}

.psc-Features\/DatabaseManagement\/DocumentManagement\/Page\/Margins {
  margin-left: 10px;
  margin-right: 10px;
}

.psc-Features\/DatabaseManagement\/DocumentManagement\/Page\/Page {
  background-color: #FFFFFF;
  border-bottom-color: #EEF2F4;
  border-bottom-style: solid;
  border-bottom-width: 14px;
  border-left-color: #EEF2F4;
  border-left-style: solid;
  border-left-width: 14px;
  border-right-color: #EEF2F4;
  border-right-style: solid;
  border-right-width: 14px;
  font-size: 14px;
}

.psc-Features\/DatabaseManagement\/DocumentManagement\/Page\/Text {
  color: #535C69;
  font-size: 12px;
}

.psc-Features\/DatabaseManagement\/DocumentManagement\/Popup\/Page {
  background-color: #FFFFFF;
  font-size: 14px;
}

.psc-Features\/DatabaseManagement\/DocumentManagement\/Tag\/Tag {
  background-color: #DCE2E5;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  color: #8A9096;
  font-size: 10px;
  font-weight: bolder;
}

.psc-Features\/DatabaseManagement\/DocumentManagement\/Title\/Icon {
  color: #535C69;
  fill: #535C69;
}

.psc-Features\/DatabaseManagement\/DocumentManagement\/Title\/Text {
  color: #535C69;
  font-size: 14px;
  margin-left: 6px;
  fill: var(--neutral-90);
}

.psc-Features\/DatabaseManagement\/DocumentManagement\/Title\/Title {
  background-color: #EEF2F4;
}

.psc-Features\/Security\/UserManagement\/Headers {
  background-color: #2B2B2B;
  color: #FFFFFF;
  font-family: Arial;
  font-size: 20px;
  font-weight: lighter;
  text-align: start;
  text-indent: 6px;
}

.psc-Features\/Security\/UserManagement\/InputFont {
  font-family: Arial;
  font-size: 14px;
}

.psc-Features\/Security\/UserManagement\/LeftVerticalHeaderBar {
  border-left-color: #4A4A4A63;
  border-left-style: solid;
  border-left-width: 1px;
}

.psc-Features\/Security\/UserManagement\/SectionHeaders {
  font-family: Arial;
  font-size: 15px;
  margin-bottom: 9px;
}

.psc-Features\/Security\/UserManagement\/TableEditorIcons {
  cursor: pointer;
  margin-bottom: 1px;
  margin-top: 5px;
}

.psc-Fonts\/HeaderOrange {
  color: var(--SM-LightOrange);
  text-shadow: #444444 0px 0px 5px;
}

.psc-Form_Field {
  border-color: #D3D3D3;
  border-style: solid;
  border-width: 1px;
  border-radius: 4px;
}

.psc-Form_Invalid {
  border-color: #FF8A8A;
  border-style: solid;
  border-width: 1px;
  border-radius: 4px;
}

.psc-Form_Label {
  color: #2B2B2B;
  font-size: 14px;
  font-weight: 300;
  line-height: 16px;
}

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

.psc-HMI_Clickable {
  border-color: #FFFFFF00;
  border-style: solid;
  border-width: 2px;
  border-radius: 4px;
  cursor: pointer;
}
.psc-HMI_Clickable:hover {
  border-color: #2E2E2E;
  border-style: solid;
  border-width: 2px;
  border-radius: 4px;
}

.psc-HMI_Off {
  background-color: rgba(255,0,0,1);
  color: rgba(255,255,255,1);
  fill: rgba(172,0,0,0.30196078431372547);
}

.psc-HMI_On {
  background-color: rgba(0,255,0,1);
  fill: rgba(0,129,0,0.3);
}

.psc-Header {
  background-color: #003E69;
  color: #E7F5FF;
  font-family: Roboto;
  font-size: 14px;
  line-height: 17px;
  fill: #FFFFFF;
}

.psc-High_Performance_HMI_Off {
  background-color: #808080;
  color: #FFFFFF;
  stroke: #2E2E2E;
  stroke-width: 10px;
  fill: #808080;
}

.psc-High_Performance_HMI_On {
  background-color: #FFFFFF;
  color: #FFFFFF;
  stroke: #2E2E2E;
  stroke-width: 10px;
  fill: #FFFFFF;
}

.psc-High_Performance_Text {
  color: #2E2E2E;
  font-family: Roboto;
  font-size: 12px;
}

.psc-High_Performance_Value {
  color: #000080;
  font-family: Roboto;
  font-size: 12px;
  font-weight: bold;
}

.psc-ICC_Button_Big {
  font-family: roboto;
  font-size: 25px;
}

.psc-ICC_Button_Small {
  font-family: roboto;
  font-size: 18px;
}

.psc-Icon {
  fill: #2E2E2E;
}

.psc-Icon_Action {
  cursor: pointer;
  fill: #2E2E2E;
}

.psc-Label_Small {
  font-size: 12px;
}

.psc-Menu {
  background-color: #DADDE0;
  font-family: Roboto;
}

.psc-Menu_Action {
  color: #70757A;
  cursor: pointer;
  font-family: Roboto;
  font-size: 11px;
  font-weight: bold;
  line-height: 14px;
  margin-left: 6px;
  text-transform: uppercase;
}

.psc-Menu_All_Header {
  background-color: #5C7080;
  color: #FFFFFF;
  font-family: Roboto;
  font-size: 14px;
  font-weight: bold;
  line-height: 17px;
  text-transform: none;
}

.psc-Menu_Item {
  background-color: #E6EAEE;
  border-color: #9B9B9B;
  border-width: 1px;
  border-left-color: #BEBEBE;
  border-left-style: solid;
  border-left-width: 1px;
  border-right-color: #BEBEBE;
  border-right-style: solid;
  border-right-width: 1px;
  color: #2E2E2E;
  font-family: Roboto;
  font-size: 14px;
  line-height: 16px;
  text-transform: uppercase;
}

.psc-Menu_Item_Selected {
  background-color: #E6EAEE;
  border-color: #9B9B9B;
  border-width: 1px;
  color: #2E2E2E;
  font-family: Roboto;
  font-size: 14px;
  line-height: 16px;
  text-transform: uppercase;
}

.psc-Menu_Tab {
  background-color: #DADDE0;
  color: #2E2E2EB3;
  font-family: Roboto;
  font-size: 12px;
  font-weight: bold;
  line-height: 14px;
  text-transform: uppercase;
}

.psc-Menu_Tab_Selected {
  background-color: #DADDE0;
  color: #2E2E2E;
  font-family: Roboto;
  font-size: 12px;
  font-weight: bold;
  line-height: 14px;
  text-transform: uppercase;
}

.psc-Page {
  background-color: #FFFFFF;
  color: #000000;
  font-family: Roboto;
  font-size: 14px;
  line-height: 20px;
}

.psc-Page_Margins {
  margin-left: 12px;
  margin-right: 12px;
}

.psc-Page_Text {
  color: #2E2E2E;
  font-family: Roboto;
  font-size: 14px;
  line-height: 20px;
}

.psc-Popup_Hover {
}
.psc-Popup_Hover:hover {
  background-color: #EBEBEB;
}

.psc-PreparedFoodsLine\/DockedViews\/Alarms\/Body {
  background-color: #1E2437;
  border-left-color: var(--neutral-60);
  border-left-style: solid;
  border-left-width: 1px;
}

.psc-PreparedFoodsLine\/DockedViews\/Alarms\/Break {
  border-bottom-style: none;
  border-left-style: none;
  border-right-style: none;
  border-top-color: var(--neutral-80);
  border-top-style: solid;
  border-top-width: 1px;
  margin-bottom: 10px;
  margin-top: 10px;
}

.psc-PreparedFoodsLine\/DockedViews\/Alarms\/CardBody {
  background-color: var(--neutral-20);
  border-color: var(--neutral-60);
  border-style: solid;
  border-width: 1px;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  color: var(--neutral-100);
  font-size: 12px;
  padding: 10px;
  padding-top: 15px;
}

.psc-PreparedFoodsLine\/DockedViews\/Alarms\/Header {
  background-color: #43DED3CC;
  color: #FFFFFF;
  font-size: 14px;
  font-weight: bold;
  text-align: center;
}

.psc-PreparedFoodsLine\/DockedViews\/Header\/Body {
  background-color: #1E2437;
  border-bottom-color: var(--neutral-60);
  border-bottom-style: solid;
  border-bottom-width: 1px;
  color: #FFFFFF;
  font-size: 20px;
  font-weight: normal;
}

.psc-PreparedFoodsLine\/DockedViews\/Header\/Icons {
  cursor: pointer;
  margin-left: 15px;
  margin-right: 15px;
}

.psc-PreparedFoodsLine\/DockedViews\/Header\/Popups\/ThemeSelections {
  background-color: #1E2437;
  color: #FFFFFF;
  cursor: pointer;
  padding: 10px;
}

.psc-PreparedFoodsLine\/DockedViews\/Navigation\/Body {
  background-color: #1E2437;
  border-right-color: var(--neutral-60);
  border-right-style: solid;
  border-right-width: 1px;
  color: var(--neutral-10);
}

.psc-PreparedFoodsLine\/DockedViews\/Navigation\/Header {
  background-color: #1E2437;
}

.psc-PreparedFoodsLine\/DockedViews\/Navigation\/Sections {
  background-color: var(--qual-3);
}

.psc-PreparedFoodsLine\/DockedViews\/Navigation\/Text {
  color: #FFFFFF;
}

.psc-PreparedFoodsLine\/MainViews\/Diagnostics\/Card\/Card {
  background-color: var(--neutral-10);
  border-color: #D5D5D5;
  border-style: solid;
  border-width: 1px;
  border-radius: 4px;
  box-shadow: 0px 2px 4px rgba(0, 0, 40, 0.15);
  color: var(--neutral-100);
  font-size: 12px;
  margin: 5px;
}

.psc-PreparedFoodsLine\/MainViews\/Diagnostics\/Card\/Embedded {
  margin: 5px;
}

.psc-PreparedFoodsLine\/MainViews\/Diagnostics\/Card\/Label {
  font-size: 14px;
  font-weight: 300;
  line-height: 16px;
  margin-right: 10px;
  text-transform: uppercase;
}

.psc-PreparedFoodsLine\/MainViews\/Diagnostics\/Card\/Row {
  margin-bottom: 2px;
}

.psc-PreparedFoodsLine\/MainViews\/Diagnostics\/Card\/Title {
  background-color: #E6EAEEAD;
  border-bottom-color: #D5D5D5;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  color: #2E2E2E;
  font-size: 12px;
  font-weight: bold;
  padding-left: 6px;
  padding-right: 6px;
  text-transform: uppercase;
  fill: #2E2E2E;
}

.psc-PreparedFoodsLine\/MainViews\/Diagnostics\/Card\/Value {
  font-size: 14px;
  line-height: 16px;
}

.psc-PreparedFoodsLine\/MainViews\/Diagnostics\/SystemPerfHeader {
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 10px;
  text-align: center;
}

.psc-PreparedFoodsLine\/MainViews\/Diagnostics\/SystemPerfSmallHeader {
  font-size: 16px;
  font-weight: bold;
  text-align: center;
}

.psc-PreparedFoodsLine\/MainViews\/Directory\/Buttons {
  background-color: var(--neutral-10);
  border-color: var(--neutral-30);
  border-style: solid;
  border-width: 0.5px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  color: var(--neutral-100);
  cursor: pointer;
}
.psc-PreparedFoodsLine\/MainViews\/Directory\/Buttons:focus {
  border-color: #B1C726 ;
  border-style: solid;
  border-width: 0.5px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  color: #b0bc3c;
}

.psc-PreparedFoodsLine\/MainViews\/Overview\/ButtonSpacing {
  margin: 10px;
}

.psc-PreparedFoodsLine\/MainViews\/Overview\/Buttons_Disabled {
  background-color: var(--callToAction--disabled);
  color: var(--neutral-90);
  cursor: auto;
}

.psc-PreparedFoodsLine\/MainViews\/Overview\/Buttons_Enabled {
  background-color: #1E2437;
  color: #FFFFFF;
}

.psc-PreparedFoodsLine\/MainViews\/Overview\/Divider {
  background-image: linear-gradient(to bottom, var(--neutral-20),var(--neutral-60), var(--neutral-70), var(--neutral-60), var(--neutral-20));
}

.psc-PreparedFoodsLine\/MainViews\/Overview\/EquipmentSections {
  font-size: 13px;
  font-weight: bold;
  overflow: visible;
  text-align: center;
}

.psc-PreparedFoodsLine\/MainViews\/Overview\/EquipmentSections_Titles {
  background-color: #1E2437;
  border-color: var(--neutral-80);
  border-style: solid;
  border-width: 1px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  color: white;
  font-size: 13px;
  font-weight: bold;
  margin-bottom: 5px;
  text-align: center;
}

.psc-PreparedFoodsLine\/MainViews\/Overview\/Sections {
  background-color: #43DED366;
  border-color: var(--neutral-70);
  border-style: solid;
  border-width: 1px;
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
  border-bottom-left-radius: 2px;
  border-bottom-right-radius: 2px;
  font-size: 12px;
  font-weight: bold;
  overflow: visible;
  text-align: center;
}

.psc-PreparedFoodsLine\/MainViews\/Overview\/Status_Faulted {
  background-color: red;
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
  border-bottom-left-radius: 2px;
  border-bottom-right-radius: 2px;
  color: white;
  padding: 4px;
  text-align: center;
}

.psc-PreparedFoodsLine\/MainViews\/Overview\/Status_Running {
  background-color: green;
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
  border-bottom-left-radius: 2px;
  border-bottom-right-radius: 2px;
  color: white;
  padding: 4px;
  text-align: center;
}

.psc-PreparedFoodsLine\/MainViews\/Overview\/Status_Stopped {
  background-color: grey;
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
  border-bottom-left-radius: 2px;
  border-bottom-right-radius: 2px;
  color: white;
  padding: 4px;
  text-align: center;
}

.psc-PreparedFoodsLine\/MainViews\/Performance\/Headers {
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 10px;
  padding-left: 10px;
}

.psc-PreparedFoodsLine\/MainViews\/Performance\/OEE\/Widgets {
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  color: var(--neutral-90);
  font-size: 11px;
  font-weight: 700;
  text-align: center;
}

.psc-PreparedFoodsLine\/MainViews\/Performance\/Widgets {
  background-color: var(--neutral-10);
  border-color: #AAAAAA;
  border-style: solid;
  border-width: 1px;
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
  border-bottom-left-radius: 2px;
  border-bottom-right-radius: 2px;
  margin: 5px;
  padding: 10px;
}

.psc-PreparedFoodsLine\/MainViews\/Processes\/AlarmStatusTable {
  margin: 5px;
}

.psc-PreparedFoodsLine\/MainViews\/Processes\/GraphCard_Headers {
  background-color: var(--neutral-40);
  border-bottom-color: var(--neutral-50);
  border-bottom-style: solid;
  border-bottom-width: 1px;
  color: var(--neutral-90);
  font-weight: bold;
  padding-left: 5px;
}

.psc-PreparedFoodsLine\/MainViews\/Processes\/GraphCards {
  background-color: var(--neutral-20);
  border-color: var(--neutral-50);
  border-style: solid;
  border-width: 1px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  margin: 5px;
}

.psc-PreparedFoodsLine\/MainViews\/Processes\/Headers {
  font-size: 15px;
  font-weight: bold;
  margin: 5px;
  margin-bottom: 2px;
  margin-left: 10px;
  text-transform: uppercase;
}

.psc-PreparedFoodsLine\/MainViews\/Processes\/MainFont {
  font-size: 14px;
}

.psc-PreparedFoodsLine\/MainViews\/Processes\/NavigationBar {
  background-color: #1E2437;
  padding-bottom: 10px;
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 10px;
}

.psc-PreparedFoodsLine\/MainViews\/Processes\/NavigationButtons {
  background-color: #A9BB39;
  border-style: none;
  font-size: 14px;
}

.psc-PreparedFoodsLine\/MainViews\/TopHeader {
  background-color: var(--neutral-30);
  border-bottom-color: var(--neutral-60);
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-left-style: none;
  border-right-style: none;
  border-top-style: none;
  color: var(--neutral-100);
  font-weight: 700;
  text-align: center;
}

.psc-Section {
  margin-bottom: 12px;
}

.psc-Section_Selection {
  background-color: #FFFFFF;
  border-color: #C0C5CA;
  border-style: solid;
  border-width: 1px;
  border-radius: 4px;
  cursor: pointer;
  margin-left: 12px;
  margin-right: 12px;
  fill: #70757A;
}

.psc-Section_Selection_Action {
  fill: #70757A;
}

.psc-Section_Selection_Icon {
  fill: #F7901E;
}

.psc-Section_Selection_Text {
  color: #70757A;
  font-family: Roboto;
  font-size: 11px;
  font-weight: bold;
  line-height: 14px;
  text-transform: uppercase;
}

.psc-Section_Text {
  color: #2E2E2E;
  font-family: Roboto;
  font-size: 16px;
  font-weight: bold;
  line-height: 19px;
  margin-left: 12px;
  margin-right: 12px;
}

.psc-Setting {
  background-color: #E6EAEEAD;
  border-radius: 4px;
  margin-bottom: 4px;
  padding-left: 4px;
}

.psc-Shadows\/depth-12 {
  box-shadow: 0 12px 17px 2px rgba(0,0,0,0.14), 0 5px 22px 4px rgba(0,0,0,0.12), 0 7px 8px -4px rgba(0,0,0,0.20);
}

.psc-Sub_Section {
}

.psc-Sub_Section_Text {
  color: #2E2E2E;
  font-family: Roboto;
  font-size: 13px;
  font-weight: bold;
  line-height: 16px;
  margin-bottom: 8px;
  text-transform: uppercase;
}

.psc-Table_Header {
  background-color: #F3F6F9;
  border-color: #D5D5D5;
  border-style: solid;
  border-width: 1px;
  color: #2E2E2E;
  font-size: 14px;
  font-weight: bold;
}

.psc-Table_Row {
  border-color: #D5D5D5;
  border-style: solid;
  border-width: 1px;
  color: #2E2E2E;
  font-size: 12px;
}

.psc-Title {
  background-color: #E6EAEE;
}

.psc-Title_Action {
  cursor: pointer;
  fill: #47A9E6;
}

.psc-Title_Banner_Text {
  color: #70757A;
  font-family: Roboto;
  font-size: 14px;
  line-height: 20px;
  margin-left: 6px;
  text-align: center;
  fill: #2E2E2E;
}

.psc-Title_Header {
  border-bottom-color: #DADDE0;
  border-bottom-style: solid;
  border-bottom-width: 1px;
}

.psc-Title_Text {
  color: #2E2E2E;
  font-family: Roboto;
  font-size: 16px;
  font-weight: bold;
  line-height: 19px;
  margin-left: 6px;
  fill: #2E2E2E;
}

.psc-Value_Label {
  background-color: #FFFFFF;
  border-color: #CCCCCC;
  border-style: solid;
  border-width: 1px;
  border-radius: 4px;
  font-weight: bold;
  padding: 4px;
  text-align: center;
}

.psc-Vision_Card {
  background-image: linear-gradient(rgb(123, 193, 236) 0%, rgb(71, 169, 229) 100%) 0% 0% / 101% 101%;;
  border-color: #D5D5D5;
  border-style: solid;
  border-width: 1px;
  border-radius: 4px;
  box-shadow: 0px 2px 4px rgba(0, 0, 40, 0.15);
  margin: 5px;
}

.psc-building-automation-demo\/dg {
  background-color: #FFFFFF;
}
.psc-building-automation-demo\/dg:hover {
  background-color: #FF0000;
}

.psc-building-automation-demo\/page\/controls\/framework\/ahu-font {
  color: #FFFFFF;
  font-size: 13px;
  font-weight: bold;
  text-align: center;
}

.psc-building-automation-demo\/page\/controls\/framework\/ahu-font-Label {
  color: #FFFFFF;
  font-size: 11px;
  font-weight: bold;
  text-align: center;
}

.psc-building-automation-demo\/page\/floor-plans\/Button {
  background-color: var(--neutral-20);
  border-color: var(--neutral-70);
  border-style: solid;
  border-width: 1px;
  color: var(--neutral-80);
  fill: var(--neutral-80);
}
.psc-building-automation-demo\/page\/floor-plans\/Button:hover {
  border-color: var(--neutral-100);
  color: var(--neutral-100);
  cursor: pointer;
  fill: var(--neutral-100);
}

.psc-building-automation-demo\/page\/floor-plans\/button-light {
  background-color: var(--neutral-20);
  border-color: var(--neutral-60);
  border-style: solid;
  border-width: 1px;
  color: var(--neutral-70);
  fill: var(--neutral-80);
}
.psc-building-automation-demo\/page\/floor-plans\/button-light:hover {
  border-color: var(--neutral-100);
  color: var(--neutral-100);
  cursor: pointer;
  fill: var(--neutral-100);
}

.psc-building-automation-demo\/page\/floor-plans\/framework\/lg\/zone-info {
  background-color: var(--neutral-40);
  cursor: pointer;
  padding: 10px;
}
.psc-building-automation-demo\/page\/floor-plans\/framework\/lg\/zone-info:hover {
  background-color: var(--neutral-50);
}

.psc-building-automation-demo\/page\/floor-plans\/framework\/lg\/zone-info-light {
  background-color: var(--neutral-20);
  cursor: pointer;
  padding: 10px;
}
.psc-building-automation-demo\/page\/floor-plans\/framework\/lg\/zone-info-light:hover {
  background-color: var(--neutral-30);
}

.psc-building-automation-demo\/page\/floor-plans\/framework\/thermostat-label {
  color: #000000;
  font-size: 1.1vh;
  font-weight: 100;
  overflow: hidden;
  white-space: nowrap;
}

.psc-building-automation-demo\/page\/floor-plans\/framework\/vav-details-label-name {
  color: var(--neutral-70);
  font-size: 12px;
  text-align: left;
}

.psc-building-automation-demo\/page\/floor-plans\/framework\/vav-details-label-value {
  color: var(--neutral-100);
  font-size: 12px;
  font-weight: bold;
  text-align: center;
}

.psc-building-automation-demo\/page\/floor-plans\/framework\/vav-label {
  color: #000000;
  font-size: 1.5vh;
  font-weight: bold;
  text-align: center;
  white-space: nowrap;
}
@media (max-width: 1100px) {
  .psc-building-automation-demo\/page\/floor-plans\/framework\/vav-label {
    font-size: max(0.95vh,0.95vw);
  }
}

.psc-building-automation-demo\/page\/general-button {
  border-color: var(--neutral-50);
  border-style: solid;
  border-width: 1px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  color: var(--neutral-80);
  cursor: pointer;
  font-size: 12px;
  font-weight: bold;
  fill: var(--neutral-70);
}
.psc-building-automation-demo\/page\/general-button:hover {
  border-color: var(--neutral-100);
  border-style: solid;
  border-width: 1px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  color: var(--neutral-100);
  cursor: pointer;
  font-size: 12px;
  font-weight: bold;
  fill: var(--neutral-100);
}

.psc-building-automation-demo\/page\/general-icon {
  cursor: pointer;
}

.psc-building-automation-demo\/page\/navigation\/navigation-lg\/general-button-light {
  border-color: var(--neutral-20);
  border-style: solid;
  border-width: 1px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  color: var(--neutral-20);
  cursor: pointer;
  font-size: 12px;
  font-weight: bold;
  fill: var(--neutral-20);
}
.psc-building-automation-demo\/page\/navigation\/navigation-lg\/general-button-light:hover {
  border-color: #FFFFFF;
  border-style: solid;
  border-width: 1px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  color: #FFFFFF;
  cursor: pointer;
  font-size: 12px;
  font-weight: bold;
  fill: #FFFFFF;
}

.psc-building-automation-demo\/page\/systems-overview\/framework\/dashboard\/select-dashboard\/select-dashboard\/section-bar {
  background-color: var(--neutral-20);
  color: var(--neutral-80);
  cursor: pointer;
  fill: var(--neutral-80);
}
.psc-building-automation-demo\/page\/systems-overview\/framework\/dashboard\/select-dashboard\/select-dashboard\/section-bar:hover {
  background-color: var(--neutral-30);
  color: var(--neutral-90);
  fill: var(--neutral-90);
}

.psc-building-automation-demo\/page\/systems-overview\/framework\/dashboard\/widgets\/Button {
  background-color: var(--neutral-20);
  border-color: var(--neutral-70);
  border-style: solid;
  border-width: 1px;
  color: var(--neutral-80);
  fill: var(--neutral-80);
}
.psc-building-automation-demo\/page\/systems-overview\/framework\/dashboard\/widgets\/Button:hover {
  background-color: var(--neutral-70);
  color: var(--neutral-100);
  cursor: pointer;
  fill: var(--neutral-100);
}

.psc-building-automation-demo\/page\/systems-overview\/framework\/dashboard\/widgets\/multi-status\/general-hover {
  color: var(--neutral-80);
  fill: var(--neutral-80);
}
.psc-building-automation-demo\/page\/systems-overview\/framework\/dashboard\/widgets\/multi-status\/general-hover:hover {
  color: var(--neutral-100);
  cursor: pointer;
  fill: var(--neutral-100);
}

.psc-building-automation-demo\/page\/systems-overview\/framework\/dashboard\/widgets\/widget-icon {
  fill: var(--neutral-20);
}

.psc-building-automation-demo\/page\/systems-overview\/framework\/dashboard\/widgets\/widget-icon-light {
  fill: var(--neutral-50);
}

.psc-building-automation-demo\/page\/trends\/framework\/ad-hoc-trends\/ad-hoc-trends\/Header {
  background-color: var(--neutral-30);
  border-color: var(--neutral-50);
  border-style: solid;
  border-width: 1px;
}

.psc-building-automation-demo\/page\/trends\/framework\/ad-hoc-trends\/ad-hoc-trends\/cancel-button {
  border-top-left-radius: 4px;
  border-top-right-radius: 0px;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 0px;
}

.psc-building-automation-demo\/page\/trends\/framework\/ad-hoc-trends\/ad-hoc-trends\/control {
  padding: 1px;
}

.psc-building-automation-demo\/page\/trends\/framework\/ad-hoc-trends\/ad-hoc-trends\/control-bar {
  padding-bottom: 8px;
  padding-left: 14px;
  padding-right: 16px;
  padding-top: 16px;
}

.psc-building-automation-demo\/page\/trends\/framework\/ad-hoc-trends\/ad-hoc-trends\/dropdown {
  background-color: var(--neutral-10);
  color: var(--neutral-90);
}

.psc-building-automation-demo\/page\/trends\/framework\/ad-hoc-trends\/ad-hoc-trends\/full-radius-mobile {
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
}

.psc-building-automation-demo\/page\/trends\/framework\/ad-hoc-trends\/ad-hoc-trends\/function-bar {
  background-color: var(--neutral-20);
  padding-bottom: 2px;
  padding-left: 8px;
  padding-right: 16px;
  padding-top: 2px;
}

.psc-building-automation-demo\/page\/trends\/framework\/ad-hoc-trends\/ad-hoc-trends\/function-title {
  font-size: 12px;
  font-weight: bold;
  padding-right: 5px;
  text-align: right;
}

.psc-building-automation-demo\/page\/trends\/framework\/ad-hoc-trends\/ad-hoc-trends\/left-radius {
  border-top-left-radius: 4px;
  border-top-right-radius: 0px;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 0px;
}

.psc-building-automation-demo\/page\/trends\/framework\/ad-hoc-trends\/ad-hoc-trends\/left-radius-mobile {
  border-top-left-radius: 8px;
  border-top-right-radius: 0px;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 0px;
}

.psc-building-automation-demo\/page\/trends\/framework\/ad-hoc-trends\/ad-hoc-trends\/mobile-control {
  padding: 1px;
}

.psc-building-automation-demo\/page\/trends\/framework\/ad-hoc-trends\/ad-hoc-trends\/mobile-control-bar {
  padding-bottom: 6px;
  padding-left: 12px;
  padding-right: 12px;
  padding-top: 8px;
}

.psc-building-automation-demo\/page\/trends\/framework\/ad-hoc-trends\/ad-hoc-trends\/mobile-function-bar {
  background-color: var(--neutral-20);
  padding-bottom: 8px;
  padding-left: 8px;
  padding-right: 8px;
  padding-top: 8px;
}

.psc-building-automation-demo\/page\/trends\/framework\/ad-hoc-trends\/ad-hoc-trends\/right-radius {
  border-top-left-radius: 0px;
  border-top-right-radius: 4px;
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 4px;
}

.psc-building-automation-demo\/page\/trends\/framework\/ad-hoc-trends\/ad-hoc-trends\/right-radius-mobile {
  border-top-left-radius: 0px;
  border-top-right-radius: 8px;
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 8px;
}

.psc-building-automation-demo\/page\/trends\/framework\/ad-hoc-trends\/ad-hoc-trends\/save-load-button {
  border-top-left-radius: 0px;
  border-top-right-radius: 4px;
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 4px;
}

.psc-building-automation-demo\/page\/trends\/framework\/ad-hoc-trends\/ad-hoc-trends\/save-load-button-mobile {
  border-top-left-radius: 0px;
  border-top-right-radius: 8px;
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 8px;
}

.psc-building-automation-demo\/page\/user-config\/user-config-lg\/tab {
  background-color: var(--neutral-30);
  cursor: pointer;
}
.psc-building-automation-demo\/page\/user-config\/user-config-lg\/tab:hover {
  background-color: var(--neutral-50);
  cursor: pointer;
}

@keyframes psc-Alarm_Label_Active_Unack-anim {
  0% {
    background-color: #FF4747;
    border-color: #CCCCCC;
    border-style: solid;
    border-width: 1px;
    border-radius: 4px;
    color: #FFFFFF;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
  }
  100% {
    background-color: #FF4747;
    border-color: #CCCCCC;
    border-style: solid;
    border-width: 1px;
    border-radius: 4px;
    color: #D5D5D5;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
  }
}
.psc-Alarm_Label_Active_Unack {
  animation-name: psc-Alarm_Label_Active_Unack-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_Label_Clear_Unack-anim {
  0% {
    background-color: #CCFFCC;
    border-color: #CCCCCC;
    border-style: solid;
    border-width: 1px;
    border-radius: 4px;
    color: #2E2E2E;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
  }
  100% {
    background-color: #CCFFCC;
    border-color: #CCCCCC;
    border-style: solid;
    border-width: 1px;
    border-radius: 4px;
    color: #808080;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
  }
}
.psc-Alarm_Label_Clear_Unack {
  animation-name: psc-Alarm_Label_Clear_Unack-anim;
  animation-delay: 0s;
  animation-direction: alternate;
  animation-duration: 1s;
  animation-fill-mode: both;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}

@keyframes psc-AnimatedLabel-anim {
  0% {
    background-color: #FFFF00;
    color: #000000;
  }
  100% {
    background-color: #AC0000;
    color: #FFFFFF;
  }
}
.psc-AnimatedLabel {
  animation-name: psc-AnimatedLabel-anim;
  animation-delay: 0s;
  animation-direction: alternate;
  animation-duration: 1.5s;
  animation-fill-mode: both;
  animation-iteration-count: infinite;
  animation-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

@keyframes psc-Automotive\/AGV\/Charging-anim {
  0% {
    background-color: #8AFF8A;
  }
  100% {
    background-color: #00AC00;
  }
}
.psc-Automotive\/AGV\/Charging {
  animation-name: psc-Automotive\/AGV\/Charging-anim;
  animation-delay: 0s;
  animation-direction: alternate;
  animation-duration: 2s;
  animation-fill-mode: both;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}

@keyframes psc-Automotive\/Car\/Ignition_Indigo-anim {
  0% {
    fill: #4B0082;
  }
  100% {
    fill: #808080;
  }
}
.psc-Automotive\/Car\/Ignition_Indigo {
  animation-name: psc-Automotive\/Car\/Ignition_Indigo-anim;
  animation-delay: 0s;
  animation-direction: alternate;
  animation-duration: 1s;
  animation-fill-mode: both;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}

@keyframes psc-Automotive\/Car\/Perspective_Peach-anim {
  0% {
    fill: #FFCC99;
  }
  100% {
    fill: #808080;
  }
}
.psc-Automotive\/Car\/Perspective_Peach {
  animation-name: psc-Automotive\/Car\/Perspective_Peach-anim;
  animation-delay: 0s;
  animation-direction: alternate;
  animation-duration: 1s;
  animation-fill-mode: both;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}

@keyframes psc-Automotive\/Car\/Scada_Scarlet-anim {
  0% {
    fill: #FD0E35;
  }
  100% {
    fill: #808080;
  }
}
.psc-Automotive\/Car\/Scada_Scarlet {
  animation-name: psc-Automotive\/Car\/Scada_Scarlet-anim;
  animation-delay: 0s;
  animation-direction: alternate;
  animation-duration: 1s;
  animation-fill-mode: both;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}

@keyframes psc-Automotive\/Car\/Vision_Vista_Blue-anim {
  0% {
    fill: #7C9ED9;
  }
  100% {
    fill: #808080;
  }
}
.psc-Automotive\/Car\/Vision_Vista_Blue {
  animation-name: psc-Automotive\/Car\/Vision_Vista_Blue-anim;
  animation-delay: 0s;
  animation-direction: alternate;
  animation-duration: 1s;
  animation-fill-mode: both;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}

@keyframes psc-HMI_Fault-anim {
  0% {
    background-color: rgba(255, 255, 0, 1.0);
    fill: rgba(172,172,0,0.30196078431372547);
  }
  100% {
    background-color: rgba(255, 255, 0, 1.0);
    fill: rgba(129,70,0,0.30196078431372547);
  }
}
.psc-HMI_Fault {
  animation-name: psc-HMI_Fault-anim;
  animation-delay: 0s;
  animation-direction: alternate;
  animation-duration: 2s;
  animation-fill-mode: both;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}

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

@keyframes psc-Header_Alarm_Active_Dark-anim {
  0% {
    color: #2E2E2E;
    fill: #2E2E2E;
  }
  100% {
    color: #FF4747;
    fill: #FF4747;
  }
}
.psc-Header_Alarm_Active_Dark {
  animation-name: psc-Header_Alarm_Active_Dark-anim;
  animation-delay: 0s;
  animation-direction: alternate;
  animation-duration: 2s;
  animation-fill-mode: both;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}

@keyframes psc-PreparedFoodsLine\/DockedViews\/Header\/Alarms_Active-anim {
  0% {
    stroke: #FF0000;
    stroke-width: 1px;
  }
  100% {
    stroke: #FFFFFF;
  }
}
.psc-PreparedFoodsLine\/DockedViews\/Header\/Alarms_Active {
  animation-name: psc-PreparedFoodsLine\/DockedViews\/Header\/Alarms_Active-anim;
  animation-delay: 0s;
  animation-direction: alternate;
  animation-duration: 0.5s;
  animation-fill-mode: both;
  animation-iteration-count: infinite;
  animation-timing-function: ease-out;
}

@keyframes psc-PreparedFoodsLine\/MainViews\/Overview\/AlarmNotification-anim {
  0% {
    background-color: #FFDDDD;
    border-color: var(--neutral-80);
    border-width: 1px;
  }
  100% {
    background-color: #FF0000;
    border-color: var(--neutral-80);
    border-width: 1px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
  }
}
.psc-PreparedFoodsLine\/MainViews\/Overview\/AlarmNotification {
  animation-name: psc-PreparedFoodsLine\/MainViews\/Overview\/AlarmNotification-anim;
  animation-delay: 0s;
  animation-direction: alternate;
  animation-duration: 1s;
  animation-fill-mode: both;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}

@keyframes psc-VisionLink-anim {
  0% {
    margin-top: -55px;
  }
  100% {
    margin-top: 10px;
  }
}
.psc-VisionLink {
  animation-name: psc-VisionLink-anim;
  animation-delay: 0s;
  animation-direction: alternate;
  animation-duration: 1s;
  animation-fill-mode: both;
  animation-iteration-count: 1;
  animation-timing-function: linear;
}

@keyframes psc-building-automation-demo\/page\/animate-warning-anim {
  0% {
    fill: var(--neutral-20);
  }
  100% {
    fill: var(--error);
  }
}
.psc-building-automation-demo\/page\/animate-warning {
  animation-name: psc-building-automation-demo\/page\/animate-warning-anim;
  animation-delay: 0s;
  animation-direction: alternate;
  animation-duration: 1.25s;
  animation-fill-mode: both;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}

@keyframes psc-building-automation-demo\/page\/animate-warning-text-anim {
  0% {
    color: var(--neutral-100);
  }
  100% {
    color: var(--error);
  }
}
.psc-building-automation-demo\/page\/animate-warning-text {
  animation-name: psc-building-automation-demo\/page\/animate-warning-text-anim;
  animation-delay: 0s;
  animation-direction: alternate;
  animation-duration: 1.25s;
  animation-fill-mode: both;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}

@keyframes psc-building-automation-demo\/page\/controls\/framework\/fault-anim {
  0% {
    background-color: #FF0000;
    color: #FFFFFF;
  }
  100% {
    background-color: #D5D5D5;
    color: #000000;
  }
}
.psc-building-automation-demo\/page\/controls\/framework\/fault {
  animation-name: psc-building-automation-demo\/page\/controls\/framework\/fault-anim;
  animation-delay: 0s;
  animation-direction: alternate;
  animation-duration: 1000ms;
  animation-fill-mode: both;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}

@keyframes psc-building-automation-demo\/page\/systems-overview\/framework\/dashboard\/widgets\/animate-warning-light-anim {
  0% {
    fill: var(--neutral-80);
  }
  100% {
    fill: var(--error);
  }
}
.psc-building-automation-demo\/page\/systems-overview\/framework\/dashboard\/widgets\/animate-warning-light {
  animation-name: psc-building-automation-demo\/page\/systems-overview\/framework\/dashboard\/widgets\/animate-warning-light-anim;
  animation-delay: 0s;
  animation-direction: alternate;
  animation-duration: 1.25s;
  animation-fill-mode: both;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}