/* 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-CSS\/tabContainer {
  background-image: }.ia_tabContainerComponent__content {     border-left: none;     border-right: none;     border-bottom: none;}{}.ia_tabContainerComponent__tabMenuRight--modern {     border-bottom: none }.ia_tabContainerComponent__tab--modern {border-bottom: none;};
}

.psc-Framework\/Popup\/Button {
  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;
  text-transform: uppercase;
  fill: #FFFFFF;
}

.psc-Framework\/Popup\/Error {
  color: #e83a56;
  font-size: 24px;
  fill: #e83a56;
}

.psc-Framework\/Popup\/Text {
  color: #2E2E2E;
  font-size: 24px;
  fill: #6C6C6C;
}

.psc-Framework\/Title\/Icon {
  fill: #2E2E2E;
}

.psc-Framework\/Title\/Text {
  color: #2E2E2E;
  font-size: 16px;
  font-weight: bold;
  line-height: 19px;
  margin-left: 6px;
  fill: #2E2E2E;
}

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

.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-Markdown\/Actions {
  border-bottom-color: #CCCCCC;
  border-bottom-style: solid;
  border-bottom-width: 1px;
}

.psc-Markdown\/Button {
  background-color: #F5F5F5;
  border-color: #CCCCCC;
  border-style: solid;
  border-width: 1px;
  border-radius: 4px;
  color: #555555;
  cursor: pointer;
  margin-bottom: 4px;
  margin-right: 4px;
}
.psc-Markdown\/Button:hover {
  border-color: #AAAAAA;
}

.psc-Markdown\/Button_Selected {
  background-color: #D5D5D5;
  border-color: #AAAAAA;
  border-style: solid;
  border-width: 1px;
  border-radius: 4px;
  color: #555555;
  cursor: pointer;
  margin-bottom: 4px;
  margin-right: 4px;
}

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

.psc-Menu\/All_Header {
  background-color: #181822;
  color: #FFFFFF;
  font-size: 14px;
  font-weight: bold;
  line-height: 17px;
  text-transform: none;
}

.psc-Menu\/Item {
  background-color: white;
  border-style: none;
  font-size: 14px;
  font-weight: normal;
  line-height: 16px;
  text-transform: uppercase;
}
.psc-Menu\/Item:hover {
  color: #007bff;
  font-size: 14px;
  font-weight: normal;
}

.psc-Menu\/Item_Selected {
  border-color: #FFFFFF;
  border-style: solid;
  border-width: 1px;
  color: #424242;
  font-size: 14px;
  line-height: 16px;
  text-transform: uppercase;
}

.psc-Menu\/Menu {
  background-color: white;
}

.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-UI\/Hover {
}
.psc-UI\/Hover:hover {
  cursor: pointer;
  text-decoration: underline;
}

.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_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 {
  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:hover {
  background-color: #555555;
}

.psc-buttons\/a_skip {
}

.psc-buttons\/blue {
  background-color: #6DB3DF;
  border-color: #47A9E6;
  border-style: solid;
  border-width: 1px;
  border-radius: 4px;
  color: #FFFFFF;
  padding: 0.3em;
  fill: #FFFFFF;
}
.psc-buttons\/blue:hover {
  background-color: #55555536;
}

.psc-buttons\/gray {
  background-color: var(--neutral-20);
  border-color: #808080;
  border-style: solid;
  border-width: 1px;
  border-radius: 4px;
  color: var(--neutral-60);
  font-size: 100%;
  font-weight: normal;
  padding: 0.3em;
  fill: #FFFFFF;
}
.psc-buttons\/gray:hover {
  background-color: #55555536;
}

.psc-buttons\/green {
  background-image: linear-gradient(180deg, #00FF00 0%, #00D900 100%);
  border-color: #00AC00;
  border-style: solid;
  border-width: 1px;
  border-radius: 4px;
  color: #FFFFFF;
  font-size: 14px;
  font-weight: bold;
  line-height: 18px;
  padding: 0.3em;
  text-transform: uppercase;
  fill: #FFFFFF;
}

.psc-buttons\/red {
  background-color: #FF0000;
  background-image: linear-gradient(180deg, #FF4747 0%, #FF0000 100%);
  border-color: #D90000;
  border-style: solid;
  border-width: 1px;
  border-radius: 4px;
  color: #FFFFFF;
  font-size: 14px;
  font-weight: bold;
  line-height: 18px;
  padding: 0.3em;
  text-transform: uppercase;
  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;
}

.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-tables\/a_skip {
}

.psc-tables\/remove_header_shadow {
  background-image: } .ia_table__headContainer, .ia_table__footContainer { box-shadow: unset !important }{;
}

.psc-ui_ux\/a_skip {
}

.psc-ui_ux\/hover_highlight {
}
.psc-ui_ux\/hover_highlight:hover {
  background-color: #55555536;
  cursor: pointer;
}

.psc-ui_ux\/hover_textcolor {
}
.psc-ui_ux\/hover_textcolor:hover {
  color: #007bff;
  cursor: pointer;
}

.psc-ui_ux\/hover_underline {
}
.psc-ui_ux\/hover_underline:hover {
  cursor: pointer;
  text-decoration: underline;
}

.psc-ui_ux\/noborder_tabcontainer {
  background-image: }.ia_tabContainerComponent__content {     border-left: none;     border-right: none;     border-bottom: none;}{}.ia_tabContainerComponent__tabMenuRight--modern {     border-bottom: none }.ia_tabContainerComponent__tab--modern {border-bottom: none;};
}

.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-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-labels\/flash-anim {
  0% {
    color: red;
  }
  100% {
  }
}
.psc-labels\/flash {
  animation-name: psc-labels\/flash-anim;
  animation-delay: 0s;
  animation-direction: alternate;
  animation-duration: 1s;
  animation-fill-mode: both;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}