/* BEGIN STYLE CLASSES */
.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-Alarms\/HP\/B-Alarm {
  background-color: #FF0000;
  color: #FFFFFF;
}

.psc-Axis {
}

.psc-Blur {
  background-color: rgba(0,0,0, 0.4);
}

.psc-BlurCard {
}

.psc-Branding\/Header_and_Menu {
}

.psc-Branding\/Header_and_Menu_Transparent {
}

.psc-Branding\/Navigation {
}

.psc-Branding\/backgroundPopup {
}

.psc-Branding\/backgroundPosition {
}

.psc-Branding\/contentBackground {
}

.psc-Branding\/navigationAdd {
}

.psc-Branding\/navigationItemLink {
}
@keyframes psc-Branding\/navigationItemLink-0-anim {
  0% {
  }
  100% {
  }
}
.psc-Branding\/navigationItemLink:hover {
  animation-name: psc-Branding\/navigationItemLink-0-anim;
  animation-delay: 0s;
  animation-direction: reverse;
  animation-duration: 1s;
  animation-fill-mode: both;
  animation-iteration-count: 1;
  animation-timing-function: ease-in;
}
.psc-Branding\/navigationItemLink:hover {
}

.psc-Branding\/navigationLink {
}
@keyframes psc-Branding\/navigationLink-0-anim {
  0% {
  }
  100% {
  }
}
.psc-Branding\/navigationLink:hover {
  animation-name: psc-Branding\/navigationLink-0-anim;
  animation-delay: 0s;
  animation-direction: reverse;
  animation-duration: 1s;
  animation-fill-mode: both;
  animation-iteration-count: 1;
  animation-timing-function: ease-in;
}
.psc-Branding\/navigationLink:hover {
}

.psc-Branding\/navigationLinkSelected {
}

.psc-Branding\/navigationLinkSelectedTop {
}

.psc-Branding\/navigationLinkTop {
}
@keyframes psc-Branding\/navigationLinkTop-0-anim {
  0% {
  }
  100% {
  }
}
.psc-Branding\/navigationLinkTop:hover {
  animation-name: psc-Branding\/navigationLinkTop-0-anim;
  animation-delay: 0s;
  animation-direction: reverse;
  animation-duration: 1s;
  animation-fill-mode: both;
  animation-iteration-count: 1;
  animation-timing-function: ease-in;
}
.psc-Branding\/navigationLinkTop:hover {
}

.psc-BreakPoints\/md {
}
@media (max-width: 1279px) {
  .psc-BreakPoints\/md {
  }
}
@media (min-width: 960px) {
  .psc-BreakPoints\/md {
  }
}

.psc-BreakPoints\/sm {
}
@media (max-width: 959px) {
  .psc-BreakPoints\/sm {
  }
}
@media (min-width: 600px) {
  .psc-BreakPoints\/sm {
  }
}

.psc-BreakPoints\/xs {
}
@media (max-width: 599px) {
  .psc-BreakPoints\/xs {
  }
}

.psc-Button_Outlines {
  background-color: #FFFFFF;
  border-color: #066486;
  border-style: solid;
  border-width: 1px;
  color: #066486;
  font-weight: bold;
  text-transform: capitalize;
}

.psc-Button_Settings {
  font-size: 12px;
  line-height: 0;
  padding-left: 10px;
  padding-right: 10px;
  text-transform: uppercase;
}

.psc-Card_Container {
}

.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 {
  font-weight: bold;
  padding-right: 5px;
  text-align: right;
}

.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-Connection_Alarm_New {
  background-color: #D5D5D5;
}

.psc-DashboardBoxTitle {
  background-color: #00D9D9;
  font-weight: bold;
}

.psc-HeatingCurvePopup {
  background-color: #092441;
  color: #FFFFFF;
  font-weight: bold;
}

.psc-Highlight_Title_MouseHover {
}
.psc-Highlight_Title_MouseHover:hover {
  font-weight: bold;
}

.psc-HorizontalMenuItem {
}

.psc-HorizontalMenuItemDisabled {
  background-color: #066486;
  color: #AAAAAA;
  cursor: none;
  font-size: 14px;
  padding-left: 15px;
  padding-right: 15px;
  fill: #AAAAAA;
}

.psc-HorizontalMenuSubItem {
  border-bottom-style: none;
  border-left-style: none;
  border-right-style: none;
  border-top-style: none;
}

.psc-HorizontalMenuSubItemDisabled {
  border-style: none;
  color: transparent;
  cursor: none;
  overflow: hidden;
  padding-bottom: 0px;
  padding-left: 0px;
  padding-right: 0px;
  padding-top: 0px;
  stroke-width: 0;
  fill: #FFFFFF00;
}

.psc-HoverVisibleElement {
  color: transparent;
}
.psc-HoverVisibleElement:hover {
  color: #000000;
}

.psc-HoverVisibleElementDark {
  color: transparent;
}
.psc-HoverVisibleElementDark:hover {
  color: #FFFFFF;
}

.psc-IconHover {
}
.psc-IconHover:hover {
  border-color: #FF9900;
  color: #FF9900;
  fill: #FF9900;
}

.psc-Icon_MenuTree {
  color: #FFFFFF;
  fill: #FFFFFF;
}

.psc-Icons {
}

.psc-Journal\/Filter_Button_Not_Selected {
  background-color: #FFFFFF;
  border-color: #D5D5D5;
  border-style: solid;
  border-width: 1px;
  box-shadow: none;
  color: #1E5E76;
  font-weight: normal;
  margin: 0px;
  margin-bottom: 10px;
  margin-right: 10px;
  text-transform: capitalize;
}

.psc-Journal\/Filter_Button_Selected {
  background-color: #E4F5FA;
  border-color: #94CCDE;
  border-style: solid;
  border-width: 1px;
  box-shadow: none;
  color: #1E5E76;
  font-weight: normal;
  margin: 0px;
  margin-bottom: 10px;
  margin-right: 10px;
  text-transform: capitalize;
}

.psc-Journal\/Journal_Done {
  background-color: rgba(7,100,134,0.05);
  border-bottom-color: #076486;
  border-bottom-style: none;
  border-bottom-width: 1px;
  border-left-color: #076486;
  border-left-style: solid;
  border-left-width: 1px;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  border-right-color: #076486;
  border-right-style: solid;
  border-right-width: 1px;
  border-top-color: #076486;
  border-top-style: solid;
  border-top-width: 1px;
  cursor: pointer;
  overflow: visible;
  padding: 0px;
}

.psc-Journal\/Journal_New_or_InProgress {
  border-bottom-color: #808080;
  border-bottom-style: none;
  border-bottom-width: 1px;
  border-left-color: #808080;
  border-left-style: solid;
  border-left-width: 1px;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  border-right-color: #808080;
  border-right-style: solid;
  border-right-width: 1px;
  border-top-color: #808080;
  border-top-style: solid;
  border-top-width: 1px;
  cursor: pointer;
  overflow: visible;
  padding: 0px;
}

.psc-MapTooltip {
  background-color: #242D31;
  border-color: #242D31;
  margin: 0px;
  outline-color: #242D31;
  padding: 0px;
  stroke: #242D31;
}

.psc-Map_Icon {
  fill: #4190F7;
}

.psc-MarkerSearch {
  fill: #FF9900;
}

.psc-Mouse_Hover {
}
.psc-Mouse_Hover:hover {
  background-color: #FFFFFF;
  outline-style: solid;
  outline-width: 1px;
}

.psc-Mouse_Hover_Background {
}
.psc-Mouse_Hover_Background:hover {
  background-color: #D5D5D540;
}

.psc-Mouse_Hover_Background_Orange {
}
.psc-Mouse_Hover_Background_Orange:hover {
  background-color: #FF990099;
}

.psc-Mouse_Hover_Background_Table_Subview {
}
.psc-Mouse_Hover_Background_Table_Subview:hover {
  background-color: #FF990075;
}

.psc-NewStyle {
}

.psc-Pipe_Cold_Water {
}

.psc-Pipe_DH {
}

.psc-Pipe_Exthaust_Air {
}

.psc-Pipe_Extract_Air {
}

.psc-Pipe_Fresh_Air {
}

.psc-Pipe_Green {
  background-color: #008000;
  stroke: #008000;
  fill: #008000;
}

.psc-Pipe_Heating {
}

.psc-Pipe_Hot_Water {
}

.psc-Pipe_Pink {
  background-color: #FFCCFF;
  stroke: #FFCCFF;
  fill: #FFCCFF;
}

.psc-Pipe_Purple {
}

.psc-Pipe_Solar {
  background-color: #FF8C00;
}

.psc-Pipe_Supply_Air {
}

.psc-Pipes\/Heating {
  stroke: #FF0000;
  fill: #FF0000;
}

.psc-Processes_Box {
}

.psc-Sparklines {
}

.psc-TEST_CLASS {
}
.psc-TEST_CLASS:hover {
  background-color: #00FF00;
  color: #00FF00;
  font-size: 16px;
  font-style: italic;
}

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

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

.psc-Teksti {
  font-size: 25px;
}

.psc-Template_Selector_Item_Not_Selected {
  border-color: #066486;
  border-style: dotted;
  border-width: 2px;
  overflow: visible;
}

.psc-Template_Selector_Item_Selected {
  border-color: #FF9900;
  border-style: solid;
  border-width: 2px;
  overflow: visible;
}

.psc-Title_Vincit {
}

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

.psc-Ventilation_Damper {
}

.psc-Ventilation_Fan_1 {
}

.psc-Ventilation_Fan_2 {
}

.psc-Ventilation_Fan_V2 {
}

.psc-Ventilation_Filter {
}

.psc-Ventilation_Heat_Recovery_01 {
}

.psc-border {
  border-color: #AAAAAA;
  border-style: solid;
  border-width: 1;
}

.psc-borderBottom {
  border-bottom-color: #AAAAAA;
  border-bottom-style: solid;
  border-bottom-width: 1;
}

.psc-borderRight {
  border-right-color: #AAAAAA;
  border-right-style: solid;
  border-right-width: 1;
}

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

.psc-box_title {
}

.psc-button {
  font-size: 12px;
  margin-bottom: 6px;
  margin-left: 8px;
  margin-right: 8px;
  margin-top: 6px;
  padding-left: 8px;
  padding-right: 8px;
}
.psc-button:active {
  background-color: #5081A7;
}
.psc-button:disabled {
  background-color: #AAAAAA;
  color: #D5D5D5;
  cursor: not-allowed;
}

.psc-buttonCancel {
  background-color: #FF0000;
  font-size: 12px;
  margin-bottom: 6px;
  margin-left: 8px;
  margin-right: 8px;
  margin-top: 6px;
  padding-left: 8px;
  padding-right: 8px;
}
.psc-buttonCancel:active {
  background-color: #FF0000 !important;
}
.psc-buttonCancel:disabled {
  background-color: #AAAAAA;
  color: #D5D5D5;
  cursor: not-allowed;
}
.psc-buttonCancel:hover {
  background-color: #FF8A8A;
}

.psc-buttonLink {
  color: white;
  cursor: pointer;
}

.psc-canvas {
}

.psc-card {
  opacity: 1,00;
}

.psc-circulation_pump {
}

.psc-circulation_pump_arrow {
}

.psc-content {
  background-color: #E8E8E8;
  padding: 8px;
}

.psc-energy_meter {
}

.psc-flow_arrow {
}

.psc-gauge {
  outline-color: #00AC00;
}

.psc-heat_circuit {
}

.psc-heat_coil {
}

.psc-heat_exchanger {
  background-color: #FFFFFF;
}

.psc-hidden {
}

.psc-media {
}
@media (max-width: 768px) {
  .psc-media {
    color: #FF0000 !important;
    opacity: 0,00;
  }
}
.psc-media:link {
}

.psc-menuLink {
}
@keyframes psc-menuLink-0-anim {
  0% {
  }
  100% {
  }
}
.psc-menuLink:hover {
  animation-name: psc-menuLink-0-anim;
  animation-delay: 0s;
  animation-direction: reverse;
  animation-duration: 1s;
  animation-fill-mode: both;
  animation-iteration-count: 1;
  animation-timing-function: ease-in;
}
.psc-menuLink:hover {
}

.psc-menuLinkSelected {
}

.psc-menu_bar_icon_selected {
}

.psc-motor_valve {
}

.psc-overflow {
  overflow: hidden;
}

.psc-processes_room_area {
}

.psc-secondaryMenuLink {
}
@keyframes psc-secondaryMenuLink-0-anim {
  0% {
  }
  100% {
  }
}
.psc-secondaryMenuLink:hover {
  animation-name: psc-secondaryMenuLink-0-anim;
  animation-delay: 0s;
  animation-direction: reverse;
  animation-duration: 1s;
  animation-fill-mode: both;
  animation-iteration-count: 1;
  animation-timing-function: ease-in;
}
.psc-secondaryMenuLink:hover {
}

.psc-secondary_menu_bar {
  background-color: #002641;
}

.psc-secondary_menu_bar_icon_not_selected {
}
@keyframes psc-secondary_menu_bar_icon_not_selected-0-anim {
  0% {
  }
  100% {
  }
}
.psc-secondary_menu_bar_icon_not_selected:hover {
  animation-name: psc-secondary_menu_bar_icon_not_selected-0-anim;
  animation-delay: 0s;
  animation-direction: reverse;
  animation-duration: 1s;
  animation-fill-mode: both;
  animation-iteration-count: 1;
  animation-timing-function: ease-in;
}

.psc-secondary_menu_bar_icon_selected {
}

.psc-secondary_menu_bar_label_not_selected {
  color: #FFFFFF;
  cursor: pointer;
  font-size: 14px;
  margin-left: 15px;
}
.psc-secondary_menu_bar_label_not_selected:hover {
  border-bottom-color: #FF9900;
  border-bottom-style: solid;
  border-bottom-width: 1px;
}

.psc-secondary_menu_bar_label_selected {
  color: #FF9900;
  cursor: auto;
  font-size: 14px;
  margin-left: 15px;
}

.psc-sensor {
  overflow: hidden;
}

.psc-shadowRight {
  box-shadow: 6px 0 18px -6px rgba(170, 170, 170, 0.72);
}

.psc-state_indicator {
}

.psc-theme_box {
}

.psc-title {
  font-size: 24px;
  font-weight: 400;
}

.psc-title_dashboard {
}

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

.psc-whiteframe {
  background-color: #FFFFFF;
  box-shadow: 0 1px 3px 0 rgba(0,0,0,.2), 0 1px 1px 0 rgba(0,0,0,.14), 0 2px 1px -1px rgba(0,0,0,.12) !important;
}

@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-Alarms\/AHU\/Sum_Alarm-anim {
  0% {
    background-color: #FF0000;
    color: #FFFFFF;
  }
  100% {
  }
}
.psc-Alarms\/AHU\/Sum_Alarm {
  animation-name: psc-Alarms\/AHU\/Sum_Alarm-anim;
  animation-delay: 0s;
  animation-direction: alternate;
  animation-duration: 2s;
  animation-fill-mode: both;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}

@keyframes psc-Alarms\/Alarm_Map_Icon-anim {
  0% {
    color: #FF0000;
    fill: #FF0000;
  }
  100% {
  }
}
.psc-Alarms\/Alarm_Map_Icon {
  animation-name: psc-Alarms\/Alarm_Map_Icon-anim;
  animation-delay: 0s;
  animation-direction: alternate;
  animation-duration: 2s;
  animation-fill-mode: both;
  animation-iteration-count: infinite;
  animation-timing-function: ease-in-out;
}

@keyframes psc-Alarms\/HP\/A-Alarm-anim {
  0% {
    background-color: #FF0000;
    color: #FFFFFF;
  }
  100% {
  }
}
.psc-Alarms\/HP\/A-Alarm {
  animation-name: psc-Alarms\/HP\/A-Alarm-anim;
  animation-delay: 0s;
  animation-direction: alternate;
  animation-duration: 2s;
  animation-fill-mode: both;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}

@keyframes psc-Alarms\/HP\/Compressors\/Alarm-anim {
  0% {
    fill: #FF0000;
  }
  100% {
  }
}
.psc-Alarms\/HP\/Compressors\/Alarm {
  animation-name: psc-Alarms\/HP\/Compressors\/Alarm-anim;
  animation-delay: 0s;
  animation-direction: alternate;
  animation-duration: 2s;
  animation-fill-mode: both;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}

@keyframes psc-Animation\/Collapse-anim {
  0% {
  }
  100% {
    background-color: transparent;
    color: transparent;
    opacity: 0,00;
  }
}
.psc-Animation\/Collapse {
  animation-name: psc-Animation\/Collapse-anim;
  animation-delay: 0s;
  animation-direction: normal;
  animation-duration: 2s;
  animation-fill-mode: forwards;
  animation-iteration-count: 1;
  animation-timing-function: linear;
}

@keyframes psc-Animation\/Fade-anim {
  0% {
    margin-bottom: -1000px;
  }
  100% {
    margin-bottom: 30px;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 0px;
  }
}
.psc-Animation\/Fade {
  animation-name: psc-Animation\/Fade-anim;
  animation-delay: 0s;
  animation-direction: normal;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-iteration-count: 1;
  animation-timing-function: ease-in;
}

@keyframes psc-Animation\/FadeIn-anim {
  0% {
    background-color: transparent;
    color: transparent;
    margin-top: -50px;
    stroke: transparent;
    fill: transparent;
  }
  100% {
    background-color: #FFFFFF;
    box-shadow: 0 4px 2px -2px #555555;
    color: #000000;
    margin-top: 0px;
  }
}
.psc-Animation\/FadeIn {
  animation-name: psc-Animation\/FadeIn-anim;
  animation-delay: 0s;
  animation-direction: normal;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-iteration-count: 1;
  animation-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

@keyframes psc-Animation\/FadeInDisabled-anim {
  0% {
    background-color: transparent;
    color: transparent;
    opacity: 0,00;
  }
  100% {
    color: #D5D5D5;
    opacity: 1,00;
  }
}
.psc-Animation\/FadeInDisabled {
  animation-name: psc-Animation\/FadeInDisabled-anim;
  animation-delay: 0s;
  animation-direction: normal;
  animation-duration: 1s;
  animation-fill-mode: forwards;
  animation-iteration-count: 1;
  animation-timing-function: ease-in;
}

@keyframes psc-Animation\/FadeInPercentage-anim {
  0% {
    background-color: transparent;
    color: transparent;
    opacity: 0,00;
  }
  100% {
    color: #FFFFFF;
    opacity: 1,00;
  }
}
.psc-Animation\/FadeInPercentage {
  animation-name: psc-Animation\/FadeInPercentage-anim;
  animation-delay: 0s;
  animation-direction: normal;
  animation-duration: 1s;
  animation-fill-mode: forwards;
  animation-iteration-count: 1;
  animation-timing-function: ease-in;
}

@keyframes psc-Animation\/FadeInPercentageGreen-anim {
  0% {
    color: transparent;
  }
  100% {
    color: #00D900;
  }
}
.psc-Animation\/FadeInPercentageGreen {
  animation-name: psc-Animation\/FadeInPercentageGreen-anim;
  animation-delay: 0s;
  animation-direction: normal;
  animation-duration: 1s;
  animation-fill-mode: forwards;
  animation-iteration-count: 1;
  animation-timing-function: ease-in;
}

@keyframes psc-Animation\/FadeInPercentageList-anim {
  0% {
    background-color: transparent;
    color: transparent;
    opacity: 0,00;
  }
  100% {
    color: #000000;
    opacity: 1,00;
  }
}
.psc-Animation\/FadeInPercentageList {
  animation-name: psc-Animation\/FadeInPercentageList-anim;
  animation-delay: 0s;
  animation-direction: normal;
  animation-duration: 1s;
  animation-fill-mode: forwards;
  animation-iteration-count: 1;
  animation-timing-function: ease-in;
}

@keyframes psc-Animation\/FadeInPercentageRed-anim {
  0% {
    color: transparent;
  }
  100% {
    color: #FF0000;
  }
}
.psc-Animation\/FadeInPercentageRed {
  animation-name: psc-Animation\/FadeInPercentageRed-anim;
  animation-delay: 0s;
  animation-direction: normal;
  animation-duration: 1s;
  animation-fill-mode: forwards;
  animation-iteration-count: 1;
  animation-timing-function: ease-in;
}

@keyframes psc-Animation\/FadeInValue-anim {
  0% {
    color: transparent;
  }
  100% {
  }
}
.psc-Animation\/FadeInValue {
  animation-name: psc-Animation\/FadeInValue-anim;
  animation-delay: 0s;
  animation-direction: normal;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-iteration-count: 1;
  animation-timing-function: ease-in;
}

@keyframes psc-Animation\/SlideFromBottom-anim {
  0% {
    opacity: 0,00;
  }
  100% {
    opacity: 1,00;
  }
}
.psc-Animation\/SlideFromBottom {
  animation-name: psc-Animation\/SlideFromBottom-anim;
  animation-delay: 0s;
  animation-direction: normal;
  animation-duration: 5.5s;
  animation-fill-mode: forwards;
  animation-iteration-count: 1;
  animation-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

@keyframes psc-Animation\/SlideFromRight-anim {
  0% {
    margin-right: -325px;
  }
  100% {
    margin-right: 0px;
  }
}
.psc-Animation\/SlideFromRight {
  animation-name: psc-Animation\/SlideFromRight-anim;
  animation-delay: 0s;
  animation-direction: normal;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-iteration-count: 1;
  animation-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

@keyframes psc-Animation\/SlideFromRight440-anim {
  0% {
    margin-right: -440px;
  }
  100% {
    margin-right: 0px;
  }
}
.psc-Animation\/SlideFromRight440 {
  animation-name: psc-Animation\/SlideFromRight440-anim;
  animation-delay: 0s;
  animation-direction: normal;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-iteration-count: 1;
  animation-timing-function: ease;
}

@keyframes psc-Animation\/SlideIn-anim {
  0% {
    margin-bottom: -60px;
    stroke: transparent;
    fill: transparent;
  }
  100% {
  }
}
.psc-Animation\/SlideIn {
  animation-name: psc-Animation\/SlideIn-anim;
  animation-delay: 0s;
  animation-direction: normal;
  animation-duration: 0.5s;
  animation-fill-mode: none;
  animation-iteration-count: 1;
  animation-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.00);
}

@keyframes psc-Animation\/SlideToBottom-anim {
  0% {
    margin-top: 0px;
  }
  100% {
  }
}
.psc-Animation\/SlideToBottom {
  animation-name: psc-Animation\/SlideToBottom-anim;
  animation-delay: 0s;
  animation-direction: normal;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-iteration-count: 1;
  animation-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

@keyframes psc-Animation\/SlideToRight-anim {
  0% {
    margin-right: 0px;
  }
  100% {
    margin-right: -325px;
  }
}
.psc-Animation\/SlideToRight {
  animation-name: psc-Animation\/SlideToRight-anim;
  animation-delay: 0s;
  animation-direction: normal;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-iteration-count: 1;
  animation-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

@keyframes psc-Animation\/SlideWholePageFromLeft-anim {
  0% {
    margin-left: -4000px;
  }
  100% {
    margin-left: 0px;
  }
}
.psc-Animation\/SlideWholePageFromLeft {
  animation-name: psc-Animation\/SlideWholePageFromLeft-anim;
  animation-delay: 0s;
  animation-direction: normal;
  animation-duration: 1.0s;
  animation-fill-mode: forwards;
  animation-iteration-count: 1;
  animation-timing-function: ease;
}

@keyframes psc-Animation\/SlideWholePageFromRight-anim {
  0% {
    margin-right: -4000px;
  }
  100% {
    margin-right: 0px;
  }
}
.psc-Animation\/SlideWholePageFromRight {
  animation-name: psc-Animation\/SlideWholePageFromRight-anim;
  animation-delay: 0s;
  animation-direction: normal;
  animation-duration: 1.0s;
  animation-fill-mode: forwards;
  animation-iteration-count: 1;
  animation-timing-function: ease;
}

@keyframes psc-Animation\/SlideWholePageToLeft-anim {
  0% {
    margin-left: 0px;
  }
  100% {
    margin-left: -4000px;
  }
}
.psc-Animation\/SlideWholePageToLeft {
  animation-name: psc-Animation\/SlideWholePageToLeft-anim;
  animation-delay: 0s;
  animation-direction: normal;
  animation-duration: 1.0s;
  animation-fill-mode: forwards;
  animation-iteration-count: 1;
  animation-timing-function: ease;
}

@keyframes psc-Animation\/SlideWholePageToRight-anim {
  0% {
    margin-right: 0px;
  }
  100% {
    margin-right: -4000px;
  }
}
.psc-Animation\/SlideWholePageToRight {
  animation-name: psc-Animation\/SlideWholePageToRight-anim;
  animation-delay: 0s;
  animation-direction: normal;
  animation-duration: 1.0s;
  animation-fill-mode: forwards;
  animation-iteration-count: 1;
  animation-timing-function: ease;
}

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

@keyframes psc-Connection_Alarm-anim {
  0% {
    background-color: #FF8A8A;
    border-color: #FF0000;
    border-width: 1px;
  }
  100% {
  }
}
.psc-Connection_Alarm {
  animation-name: psc-Connection_Alarm-anim;
  animation-delay: 0s;
  animation-direction: alternate-reverse;
  animation-duration: 2s;
  animation-fill-mode: both;
  animation-iteration-count: infinite;
  animation-timing-function: ease-in-out;
}

@keyframes psc-Loading-anim {
  0% {
    color: #000000;
  }
  100% {
  }
}
.psc-Loading {
  animation-name: psc-Loading-anim;
  animation-delay: 0s;
  animation-direction: alternate-reverse;
  animation-duration: 1s;
  animation-fill-mode: both;
  animation-iteration-count: infinite;
  animation-timing-function: ease-in-out;
}

@keyframes psc-MessagePopup-anim {
  0% {
    margin-top: 1500px;
    opacity: 0,00;
  }
  100% {
    margin-top: -800px;
    opacity: 1,00;
  }
}
.psc-MessagePopup {
  animation-name: psc-MessagePopup-anim;
  animation-delay: 0s;
  animation-direction: normal;
  animation-duration: 0.50s;
  animation-fill-mode: forwards;
  animation-iteration-count: 1;
  animation-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

@keyframes psc-MessagePopupLeave-anim {
  0% {
    margin-top: -800px;
    opacity: 1,00;
  }
  100% {
    margin-top: 1500px;
    opacity: 0,00;
  }
}
.psc-MessagePopupLeave {
  animation-name: psc-MessagePopupLeave-anim;
  animation-delay: 0s;
  animation-direction: normal;
  animation-duration: 0.50s;
  animation-fill-mode: forwards;
  animation-iteration-count: 1;
  animation-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

@keyframes psc-PalettePopup-anim {
  0% {
    opacity: 0,00;
  }
  100% {
    margin-top: -166px;
    opacity: 1,00;
  }
}
.psc-PalettePopup {
  animation-name: psc-PalettePopup-anim;
  animation-delay: 0s;
  animation-direction: normal;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-iteration-count: 1;
  animation-timing-function: ease-in;
}