/* BEGIN STYLESHEET */
/* Direct stylesheet authoring is an advanced feature. Knowledge of CSS required.*/
@keyframes 
	pulse {
	0%, 100% {
		background-color: #EC1C24CC;
	}
	50% {
		background-color: #4C9C2ECC;
	}  
	}

@keyframes bgColorChange {
  0%, 100% {
    background-color: #071b31;
    color: var(--neutral-10);
  }
  50% {
    background-color: #fdffff;
    color: var(--neutral-80);
  }
}
@keyframes opacityColorChange{
	0%, 100% {
		background-color: #071b31FF;
		color: var(--neutral-10);
		opacity: 1;
	}
	50% {
		background-color: #071b3100;
		color: #000;
		opacity 0;
	}
}

@-webkit-keyframes barberpole {
		from {background-position: 0%;}
		to {background-position: 100%;}
}

:root {
	--callToAction: #004A98;
	font-family: Roboto, Ariel, sans serif;
	--input--disabled: #CCC;
	--label-disabled: #C9C9C9;
}

/* fixing column containers */
.row.responsive-container
{
	margin-left: 0px;
	margin-right: 0px;
}

.psc-sepasoft-toggle .ia_toggleSwitch {
	margin-bottom: 10px
	
}

.psc-attention {
    position: fixed;
    height: 60px;
    width: 20px;
    top: 700px;
    z-index: 10000;
    border-radius: 5px;
    margin-left: 20px;
    animation: pulse 2s infinite;
}

.psc-barber{
	position: inherit;
	background: #ccc;
	background-color: -webkit-linear-gradient(-45deg, transparent 25%, #ccc 25%, #ccc 50%, transparent 50%, transparent 75%, #ccc 75%);
	background: -moz-linear-gradient(-45deg, transparent 25%, #ccc 25%, #ccc 50%, transparent 50%, transparent 75%, #ccc 75%);
	background: -o-linear-gradient(-45deg, transparent 25%, #ccc 25%, #ccc 50%, transparent 50%, transparent 75%, #ccc 75%);
	background: linear-gradient(-45deg, transparent 25%, #ccc 25%, #ccc 50%, transparent 50%, transparent 75%, #ccc 75%);
	background-size: 27px 27px;
	-webkit-animation: barberpole 10s infinite linear;
  	animation: barberpole 10s infinite linear;
}

div.view-toggle.toggle-right.toggle-visible {
  animation: bgColorChange 3s infinite;
  opacity: 0.8;
}

.psc-highlight{
	animation: opacityColorChange 3s infinite;
	border-radius:	3px;
}
.psc-description{
	line-height:95%;
}

.MuiTableCell-root{
	font-size:0.8em;
}

.ia_checkbox--disabled{
	background-color:var(--neutral-60);
	opacity:0.85;
}

.rct-sidebar-row:first-child .custom-group-span svg.MuiSvgIcon-root:first-child{
	animation: opacityColorChange 3s infinite;
	border-radius: 5px;
	padding:0px;
	margin-right:5px;

	cursor: pointer;
}

/* BEGIN STYLE CLASSES */
.psc-Buttons\/Primary {
  background-color: #004A98;
}
.psc-Buttons\/Primary:disabled {
  background-color: #6692C1;
}

.psc-Buttons\/SecondaryRed {
  background-color: #BD161D;
}
.psc-Buttons\/SecondaryRed:disabled {
  background-color: #F4777C;
}

.psc-Header\/DropDown {
  background-color: var(--neutral-20);
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  color: var(--neutral-100);
  margin-bottom: 10px;
  margin-top: 10px;
}

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

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

.psc-Menu\/All_Header {
  background-color: var(--neutral-80);
  color: var(--neutral-10);
  font-size: 14px;
  font-weight: bold;
  line-height: 17px;
  text-transform: none;
}

.psc-Menu\/Break {
  background-color: #DDDDDD;
  cursor: auto;
  font-weight: bold;
  padding: 0px;
}

.psc-Menu\/Item {
  background-color: var(--neutral-20);
  border-bottom-style: none;
  border-top-color: var(--neutral-60);
  border-top-style: solid;
  border-top-width: 1px;
  color: var(--neutral-80);
  font-size: 14px;
  line-height: 16px;
  text-transform: uppercase;
}
.psc-Menu\/Item:last-child {
  border-bottom-color: var(--neutral-60);
  border-bottom-style: solid;
  border-bottom-width: 1px;
}
.psc-Menu\/Item:hover {
  background-color: var(--callToActionHighlight);
}

.psc-Menu\/Menu {
  background-color: var(--neutral-30);
}

.psc-Menu\/Selected {
  background-color: #99B7D6;
}

.psc-Menu\/SlideLeft {
}

.psc-Menu\/SlideRight {
}

.psc-Page\/Alarm\/Alarm {
  border-bottom-style: none;
  border-left-color: var(--neutral-40);
  border-left-style: solid;
  border-left-width: 1px;
  border-right-color: var(--neutral-40);
  border-right-style: solid;
  border-right-width: 1px;
  border-top-style: none;
}

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

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

.psc-Page\/Flex\/Button {
  margin-left: 10px;
  margin-right: 10px;
}

.psc-Page\/Flex\/Header {
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 20px;
  margin-left: 10px;
  margin-right: 10px;
  margin-top: 20px;
}

.psc-Page\/Flex\/InputRow {
  margin-bottom: 20px;
}

.psc-Page\/Flex\/Label {
  font-size: 16px;
  font-weight: bold;
  margin-left: 10px;
  margin-right: 10px;
}

.psc-Page\/Margins {
  margin-left: 12px;
  margin-right: 12px;
}

.psc-Page\/Notification\/Success {
  background-color: #4C9C2E;
  color: #F9F9F9;
  font-family: sans-serif;
  font-weight: bolder;
  padding: 10px;
}

.psc-Page\/Page {
  border-left-color: var(--neutral-60);
  border-left-style: solid;
  border-left-width: 1px;
  font-size: 14px;
  line-height: 20px;
}

.psc-Page\/Text {
  font-size: 14px;
  line-height: 20px;
}

.psc-Page\/h1 {
  color: var(--neutral-80);
  font-family: Roboto;
  font-size: 2em;
  font-weight: bold;
  margin-bottom: 0.67em;
  margin-left: 0px;
  margin-right: 0px;
  margin-top: 0.67em;
}

.psc-Page\/h2 {
  color: var(--neutral-80);
  font-family: Roboto;
  font-size: 1.7em;
  font-weight: bold;
}

.psc-Page\/h3 {
  color: var(--neutral-50);
  font-family: Roboto;
  font-size: 1.5em;
  font-weight: bold;
}

.psc-States\/Blocked {
  background-color: #D48232;
  color: #FFF;
}

.psc-States\/Running {
  background-color: #4C9C2E;
}

.psc-States\/Starved {
  background-color: #62CBC9;
}

.psc-States\/UnplannedDowntime {
  background-color: #EC1C24;
  color: #FFFFFF;
  font-weight: bold;
}

.psc-Title\/Icon {
  fill: var(--neutral-90);
}

.psc-Title\/Text {
  color: var(--neutral-90);
  font-size: 16px;
  font-weight: bold;
  line-height: 19px;
  margin-left: 6px;
  fill: var(--neutral-90);
}

.psc-Title\/Title {
  background-color: var(--neutral-30);
  border-bottom-color: var(--neutral-60);
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-top-color: var(--neutral-60);
  border-top-style: solid;
  border-top-width: 1px;
}

.psc-Toasts\/default {
  background-color: #2D2A26;
  color: #FFFFFF;
}

.psc-Toasts\/error {
  background-color: #EC1C24;
  color: #FFFFFF;
}

.psc-Toasts\/info {
  background-color: #2867A8;
  color: #FFFFFF;
}

.psc-Toasts\/success {
  background-color: #4C9C2E;
  color: #FFFFFF;
}

.psc-Toasts\/warn {
  background-color: #D48232;
  color: #FFFFFF;
}

.psc-Widget\/Title {
  background-color: #004A98;
  color: #FFFFFF;
  font-family: Roboto;
  font-size: 24px;
  font-weight: bold;
  text-align: center;
  text-transform: uppercase;
}

@keyframes psc-Header\/Alarm_Active-anim {
  0% {
    color: #E7F5FF;
    fill: #E7F5FF;
  }
  100% {
    color: #FF2E2E;
    fill: #FF2E2E;
  }
}
.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-Page\/Notification\/Alarm-anim {
  0% {
    background-color: #FF0000;
    color: #FFFFFF;
    font-weight: bold;
  }
  50% {
    background-color: #F00;
    color: #FFF;
    font-weight: bold;
  }
  100% {
    background-color: #FAFAFA;
    color: #000000;
  }
}
.psc-Page\/Notification\/Alarm {
  animation-name: psc-Page\/Notification\/Alarm-anim;
  animation-delay: 0s;
  animation-direction: alternate;
  animation-duration: 0.85s;
  animation-fill-mode: both;
  animation-iteration-count: infinite;
  animation-timing-function: step-start;
}