/* BEGIN STYLESHEET */
/* Direct stylesheet authoring is an advanced feature. Knowledge of CSS required.*/

/* Nice transition for views */
@keyframes view_ease_in {
	0% { transform: scale(0); }
	100% { transform: scale(1); }
}

/* Nice fade in for views */
@keyframes fade_in {
	0% { opacity: 0; }
	100% { opacity: 1; }
}

/* Popup Managment*/
#popup-add_user{
	max-width: 450px;
	max-height: 350px;
	margin: auto;
}

/*The Below will globally hide the tag path for all PowerCharts*/
#ia_powerChartComponent__settings__addEditPen__dataSource {
    display: none;
}

/* BEGIN STYLE CLASSES */
.psc-PostCard {
  background-color: #FFFFFF;
  border-color: #D5D5D5;
  border-style: solid;
  border-width: 1px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  box-shadow: 3px 3px 7px #EAEAEA;
  margin: 0.5em;
  overflow: hidden;
}

.psc-UserFeedback\/Button {
  background-image: linear-gradient(180deg, #59B1E8 0%, #47A9E6 100%);
  border-color: #47A9E6;
  border-style: solid;
  border-width: 1px;
  border-radius: 4px;
  color: #FFFFFF;
  font-size: 14px;
  font-weight: bold;
  line-height: 18px;
  text-transform: uppercase;
  fill: #FFFFFF;
}

.psc-UserFeedback\/Button_01 {
  background-image: linear-gradient(180deg, #59B1E8 0%, #47A9E6 100%);
  border-color: #47A9E6;
  border-style: solid;
  border-width: 1px;
  border-radius: 4px;
  color: #FFFFFF;
  font-size: 14px;
  font-weight: bold;
  line-height: 18px;
  text-transform: capitalize;
  fill: #FFFFFF;
}

.psc-UserFeedback\/Button_01_1 {
  background-image: linear-gradient(180deg, #59B1E8 0%, #47A9E6 100%);
  border-color: #47A9E6;
  border-style: solid;
  border-width: 1px;
  border-radius: 4px;
  color: #FFFFFF;
  font-size: 14px;
  font-weight: bold;
  line-height: 18px;
  text-transform: capitalize;
  fill: #FFFFFF;
}

.psc-UserFeedback\/Button_Disabled {
  background-image: linear-gradient(180deg, #E5E5E7 0%, #AAAAAA 100%);
  border-color: #AAAAAA;
  border-style: solid;
  border-width: 1px;
  border-radius: 4px;
  color: #000000;
  font-size: 14px;
  font-weight: bold;
  line-height: 18px;
  text-transform: uppercase;
  fill: #FFFFFF;
}

.psc-UserFeedback\/DemandPollBusy {
  background-image: linear-gradient(180deg, #59B1E8 0%, #6799B9 100%);
  border-color: #6799B9;
  border-style: solid;
  border-width: 1px;
  border-radius: 4px;
  color: #FFFFFF;
  font-size: 14px;
  font-weight: bold;
  line-height: 18px;
  text-transform: uppercase;
  fill: #FFFFFF;
}

.psc-UserFeedback\/Field {
  color: #8E8E8E;
  font-weight: 400;
  margin-bottom: 4px;
}

.psc-UserFeedback\/Icon {
  cursor: pointer;
  fill: #FFFFFF;
}

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

.psc-UserFeedback\/Title {
  font-size: 16px;
  font-weight: bold;
  line-height: 19px;
  fill: #FAFAFB;
}

.psc-button\/button_01 {
  background-color: #2B2B2B;
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
  border-bottom-left-radius: 2px;
  border-bottom-right-radius: 2px;
  cursor: pointer;
  margin: 1px;
}
.psc-button\/button_01:hover {
  background-color: #555555;
}

.psc-button\/button_02 {
  background-color: #2B2B2B;
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
  border-bottom-left-radius: 2px;
  border-bottom-right-radius: 2px;
  cursor: pointer;
  margin: 1px;
}
.psc-button\/button_02:hover {
  background-color: #555555;
}

.psc-button\/button_03 {
  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-size: 14px;
  font-weight: bold;
  line-height: 18px;
  margin: 12px;
  text-transform: capitalize;
  fill: #FFFFFF;
}

.psc-components\/accordion {
  background-color: #6FAAE2;
  color: #0056A6;
  font-family: Roboto;
  font-size: 12pt;
  font-weight: bold;
}

.psc-components\/cell-padding {
  padding-left: 10px;
}

.psc-components\/center-text {
  text-align: center;
}

.psc-components\/component-instance {
  overflow: visible;
  padding: 20px;
}

.psc-components\/embedded-view {
  border-color: #000000;
  border-style: dashed;
  border-width: 1px;
}

.psc-components\/link-example1 {
  color: #3682A6;
  font-family: Verdana;
  font-size: 12px;
  font-style: italic;
  font-weight: bold;
  line-height: 32px;
  text-transform: uppercase;
}
.psc-components\/link-example1:hover {
  background-color: #9BA2A4;
}

.psc-components\/link-example2 {
  color: #243E4A;
  font-family: serif;
  font-size: 16px;
  font-weight: bold;
  line-height: 32px;
  text-shadow: #666060;
}
.psc-components\/link-example2:hover {
  background-image: material/heart;
  border-style: solid;
}

.psc-components\/menu-tree1 {
  background-color: #79B2E5;
  color: #1D1010;
  font-family: Verdana;
  font-size: 12px;
  text-align: center;
  text-transform: uppercase;
}

.psc-components\/menu-tree1-items {
  font-family: Verdana;
  font-size: 12px;
  text-align: center;
  text-transform: uppercase;
}

.psc-components\/row-label {
  margin-bottom: 2px;
  margin-top: 2px;
}

.psc-components\/script-button {
  background-color: #007EB0;
  color: var(--neutral-10);
}

.psc-components\/title-label {
  font-weight: bold;
}

.psc-components\/view-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-components\/view-instance {
  border-color: var(--neutral-100);
  border-style: double;
  border-width: 1px;
  font-family: Merriweather;
  font-size: 16pt;
  font-weight: bold;
  text-align: center;
}

.psc-header\/Banner {
  background-image: linear-gradient(rgb(240,240,240), rgb(229,229,229));
  border-bottom-color: #AAAAAA;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  box-shadow: 2px 2px 3px #EAEAEA;
  color: #555555;
  font-size: 14px;
  fill: #FFFFFF;
}

.psc-header\/Header {
  background-color: #253E86;
  color: #E7F5FF;
  font-size: 14px;
  line-height: 17px;
}

.psc-header\/Icon {
  cursor: pointer;
  fill: #FFFFFF;
}

.psc-header\/header_01 {
  background-color: #253E86;
  color: #FFFFFF;
  font-family: Roboto;
  font-size: 14px;
  line-height: 17px;
  fill: #FFFFFF;
}

.psc-labels\/a_skip {
}

.psc-labels\/color_normal {
  color: var(--neutral-100);
}

.psc-labels\/color_pv_alarm {
  background-color: #FFCCCC;
  border-color: #FF0000;
  border-style: dashed;
  border-width: 2px;
}

.psc-labels\/color_pv_good {
  color: var(--neutral-100);
}

.psc-labels\/color_pv_stale {
  color: var(--qual-9);
  font-style: italic;
}

.psc-labels\/font {
  font-family: inherit;
  text-transform: capitalize;
}

.psc-labels\/size_eu {
  font-size: clamp(10px,0.65vw,12px);
}

.psc-labels\/size_heading_1 {
  font-size: 20px;
}

.psc-labels\/size_heading_2 {
  font-size: 18px;
  font-weight: bold;
}

.psc-labels\/size_heading_3 {
  font-size: clamp(12px,0.65vw,14px);
  font-weight: bold;
  text-transform: uppercase;
}

.psc-labels\/size_normal {
  font-size: clamp(12px,0.65vw,14px);
}

.psc-labels\/size_pv {
  font-size: clamp(14px,0.65vw,18px);
  font-weight: 500;
}

.psc-labels\/tank_label {
  font-size: 18px;
  font-weight: bold;
}

.psc-menu\/menu {
  background-color: #DADDE0;
  font-family: Roboto;
  text-transform: uppercase;
}

.psc-menu\/menu_1 {
  background-color: #DADDE0;
  font-family: Roboto;
  text-transform: capitalize;
}

.psc-menu\/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\/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\/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: capitalize;
}

.psc-menu\/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\/menu_tab {
  background-color: #DADDE0;
  color: #2E2E2EB3;
  font-family: Roboto;
  font-size: 12px;
  font-weight: bold;
  line-height: 14px;
  text-transform: uppercase;
}

.psc-menu\/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\/Page {
  background-color: #FFFFFF;
  color: #000000;
  font-family: Roboto;
  font-size: 14px;
  line-height: 20px;
}

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

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

.psc-page\/p1 {
  border-color: #D5D5D5;
  border-width: 1px;
  font-family: sans-serif;
  font-size: 5px;
  outline-style: none;
}

.psc-page\/table {
  background-color: #FFFFFF;
  border-bottom-color: #D5D5D5;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-left-color: #D5D5D5;
  border-left-style: solid;
  border-left-width: 1px;
  border-right-color: #D5D5D5;
  border-right-style: solid;
  border-right-width: 1px;
  border-top-color: #D5D5D5;
  border-top-style: solid;
  border-top-width: 1px;
  font-family: sans-serif;
  font-size: 5px;
}

.psc-text\/Bold_Text {
  font-weight: bold;
}

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

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

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

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

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

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

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

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

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

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

.psc-typography\/data-keyValue {
  border-bottom-style: none;
  border-bottom-width: 0px;
  border-left-color: #D35A5A;
  border-left-style: solid;
  border-left-width: 8px;
  border-right-style: none;
  border-right-width: 0px;
  border-top-style: none;
  border-top-width: 0px;
  font-size: 12px;
  line-height: 16px;
  padding-left: 4px;
  text-transform: uppercase;
}

.psc-typography\/data-kpi {
  color: #2048BF;
  font-size: 32px;
}

.psc-typography\/data-units {
  color: var(--neutral-70);
  font-size: 14px;
}

.psc-typography\/label {
  font-size: 18px;
  font-weight: bold;
}

.psc-typography\/label-centered {
  font-size: 22px;
  font-weight: normal;
  text-align: center;
}

.psc-typography\/language-selected {
  border-color: var(--neutral-50);
  border-width: 2px;
  font-weight: bolder;
}

.psc-typography\/language-unselected {
  border-color: var(--neutral-20);
  border-width: 1px;
}

.psc-typography\/link {
  color: var(--callToAction);
  font-size: 14px;
  line-height: 32px;
  padding-left: 8px;
  text-transform: uppercase;
}
.psc-typography\/link:hover {
  background-color: var(--callToActionHighlight);
}

.psc-typography\/list-heading {
  background-color: var(--neutral-30);
  font-size: 12px;
  letter-spacing: 1px;
  padding-left: 16px;
  text-transform: uppercase;
}

.psc-typography\/list-heading-components {
  padding-left: 8px;
}

.psc-typography\/list-item {
  border-right-color: transparent;
  border-right-style: solid;
  border-right-width: 4px;
  font-size: 14px;
  padding-left: 16px;
}
.psc-typography\/list-item:hover {
  background-color: var(--callToActionHighlight);
  cursor: pointer;
}

.psc-typography\/list-item-active {
  border-right-color: var(--callToAction);
  border-right-style: solid;
  border-right-width: 4px;
  color: var(--neutral-100);
  font-size: 14px;
  font-weight: bold;
  padding-left: 16px;
}
.psc-typography\/list-item-active:hover {
  background-color: var(--callToActionHighlight);
  cursor: pointer;
}

.psc-typography\/page-title {
  background-color: var(--neutral-20);
  border-bottom-style: none;
  border-top-color: var(--neutral-50);
  border-top-style: solid;
  border-top-width: 1px;
  font-size: 24px;
  line-height: 48px;
  text-align: center;
}

.psc-views\/a_skip {
}

.psc-views\/background {
  background-color: var(--neutral-20);
}

.psc-views\/background_banner {
  background-color: var(--neutral-10);
}

.psc-views\/border_round {
  border-width: 3px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}

.psc-views\/card {
  border-color: var(--neutral-30);
  border-style: solid;
  border-width: 1px;
  margin: 5px;
}

.psc-views\/icons_normal {
  color: var(--neutral-70);
}

@keyframes psc-components\/animated-label-anim {
  0% {
    background-color: #8E8888;
  }
  100% {
    background-color: #D2860C;
  }
}
.psc-components\/animated-label {
  animation-name: psc-components\/animated-label-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: #D5D5D5;
    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: #D5D5D5;
    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-text\/AnimatedLabel-anim {
  0% {
    background-color: #FFFF00;
    color: #000000;
  }
  100% {
    background-color: #AC0000;
    color: #FFFFFF;
  }
}
.psc-text\/AnimatedLabel {
  animation-name: psc-text\/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);
}