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

/*
  Set the subview arrow height to be inline with text.
  Currently very specific and assumes medium height margin (10px)
*/
.psc-table\/subview\/inline_arrow .tc.tc-expand {
	margin-top: 10px;
	align-self: flex-start;
}

.psc-components\/dropdown_no_arrow .ia_dropdown__expandIcon {
	display: none;
}

.psc-card\/dashboard_carousel .dots-container {
/*	height: 14px;  */
	padding-bottom: 2px;
}

.psc-card\/dashboard_carousel .dots-container .dot {
	stroke: var(--p-dark);
	stroke-width: 2px;
}

.psc-card\/dashboard_carousel .dots-container .dot.active {
	stroke: var(--p-dark);
	stroke-width: 2px;
}

.psc-card\/dashboard_carousel_table .dots-container {
/*	height: 14px;  */
	padding-bottom: 2px;
}

.psc-card\/dashboard_carousel_table .dots-container .dot {
	stroke: var(--s-light);
	stroke-width: 2px;
}

.psc-card\/dashboard_carousel_table .dots-container .dot.active {
	stroke: var(--s-light);
	stroke-width: 2px;
}

.psc-hover\/border:hover {
	z-index: 999;
}

.psc-tree\/icon_after_text .tree .tree-item-label .label-wrapper.label-wrapper-icon {
	order: 1;
}

.psc-components\/numeric_entry_no_spinner .ia_inputField__spinner_svg {
	display: none;
}

/* https://forum.inductiveautomation.com/t/how-to-implement-a-loading-icon/53950/4 */
@keyframes spinner {
    0% {transform: rotate(0deg);}
    100% {transform: rotate(360deg);}
}

::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

/* Track */
::-webkit-scrollbar-track {
  border-radius: 5px;
  padding: 5px;
  /*width: 4px;
  height: 4px;*/
  background: var(--p); 
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: var(--p-dark);
  border-radius: 5px;
}

/* Style the scrollbar thumb on hover */
::-webkit-scrollbar-thumb:hover {
  background-color: var(--s-light);
  
}

/* Style the scrollbar thumb when selected (clicked) */
::-webkit-scrollbar-thumb:active {
  background-color: var(--s-light); 

}


/* MODIFIED TO REDUCE BAD QUALITY VISUALIZATION*/

.ia_qualityOverlay__icon--micro--error, .ia_qualityOverlay__icon--micro--pending, .ia_qualityOverlay__icon--micro--unknown {
    border: var(--p-dark) dotted 1px;
    
    
}
.ia_qualityOverlay__icon--micro--error {
    background-color: var(--purple);
}

.ia_qualityOverlay--error.micro {
	border-bottom: 1.5px dotted transparent;
	
	
}
.ia_qualityOverlay--error {
	border-color: transparent;
}

.micro-icon {
    width: 8px;
    height: 8px;
    border-radius: 8px;
    position: absolute;
    pointer-events: auto;
    cursor: pointer;
}

/* Animations for Toast notifications */
@keyframes slide-in-top-enter {
	from {transform: translateY(-125%);}
	to {transform: translateY(0%);}
}

@keyframes slide-in-top-exit {
	from {transform: translateY(0%)}
	to {transform: translateY(-125%)}
}





/* BEGIN STYLE CLASSES */
.psc-border\/bottom {
  border-bottom-color: var(--p-dark);
  border-bottom-style: solid;
  border-bottom-width: 1px;
}

.psc-border\/flat {
  border-color: var(--p-dark);
  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;
}

.psc-border\/left {
  border-left-color: var(--p-dark);
  border-left-style: solid;
  border-left-width: 1px;
}

.psc-border\/outline {
  outline-color: var(--red);
  outline-style: solid;
  outline-width: 2;
}

.psc-border\/right {
  border-right-color: var(--p-dark);
  border-right-style: solid;
  border-right-width: 1px;
}

.psc-border\/top {
  border-top-color: var(--p-dark);
  border-top-style: solid;
  border-top-width: 1px;
}

.psc-border\/transparent\/all50 {
  border-color: var(--p-dark-50);
  border-style: solid;
  border-width: 0.25px;
}

.psc-border\/transparent\/all75 {
  border-color: var(--p-dark-75);
  border-style: solid;
  border-width: 1px;
}

.psc-border\/transparent\/bottom50 {
  border-bottom-color: var(--p-dark-50);
  border-bottom-style: solid;
  border-bottom-width: 1px;
}

.psc-border\/transparent\/bottom75 {
  border-bottom-color: var(--p-dark-75);
  border-bottom-style: solid;
  border-bottom-width: 1px;
}

.psc-border\/transparent\/left50 {
  border-left-color: var(--p-dark-50);
  border-left-style: solid;
  border-left-width: 1px;
  border-right-color: var(--p-dark-50);
  border-right-style: none;
  border-right-width: 1px;
}

.psc-border\/transparent\/right50 {
  border-right-color: var(--p-dark-50);
  border-right-style: solid;
  border-right-width: 1px;
}

.psc-border\/transparent\/top50 {
  border-top-color: var(--p-dark-50);
  border-top-style: solid;
  border-top-width: 1px;
}

.psc-border\/transparent\/top75 {
  border-top-color: var(--p-dark-75);
  border-top-style: solid;
  border-top-width: 1px;
}

.psc-card\/dashboard_carousel {
}

.psc-card\/dashboard_carousel_table {
}

.psc-card\/shadowless {
  border-color: var(--p-dark);
  border-style: solid;
  border-width: 0px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}

.psc-card\/simple {
  border-color: var(--p-dark);
  border-style: solid;
  border-width: 0.1px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  box-shadow: var(--dp2);
}

.psc-card\/simple_shadowless {
  border-color: var(--p-dark);
  border-style: solid;
  border-width: 0.1px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}

.psc-components\/arrow {
}

.psc-components\/cursor {
  cursor: pointer;
}

.psc-components\/dropdown_no_arrow {
}

.psc-components\/horizontal_menu_selected {
  background-color: var(--p);
  border-bottom-color: var(--s-light);
  border-bottom-style: solid;
  border-bottom-width: 5px;
  border-left-style: none;
  border-left-width: 0px;
  color: var(--s-light);
}

.psc-components\/numeric_entry_no_spinner {
}

.psc-hover\/NewStyle {
}

.psc-hover\/border {
}
.psc-hover\/border:hover {
  box-shadow:  0px 0px 7px rgba(0, 0, 0, .5);
}

.psc-hover\/border_red {
}
.psc-hover\/border_red:hover {
  box-shadow:  0px 0px 7px rgba(255, 0, 0, 1);
}

.psc-hover\/none {
  background-color: var(--p-light);
}
.psc-hover\/none:hover {
  background-color: var(--p-light);
}

.psc-hover\/p {
  background-color: var(--p);
}
.psc-hover\/p:hover {
  background-color: var(--p-dark);
}

.psc-hover\/p_dark_text {
}
.psc-hover\/p_dark_text:hover {
  color: var(--p-dark);
}

.psc-hover\/p_light {
  background-color: var(--p-light);
}
.psc-hover\/p_light:hover {
  background-color: var(--p-dark);
}

.psc-hover\/p_light_text {
}
.psc-hover\/p_light_text:hover {
  color: var(--p-light);
}

.psc-hover\/p_light_text_1 {
  background-color: #00000000;
}
.psc-hover\/p_light_text_1:hover {
  color: var(--p-light);
}

.psc-hover\/p_none {
  background-color: var(--p);
}
.psc-hover\/p_none:hover {
  background-color: var(--p);
}

.psc-hover\/s_light {
  background-color: var(--s-light);
}
.psc-hover\/s_light:hover {
  background-color: var(--p-dark);
}

.psc-hover\/simple {
}
.psc-hover\/simple:hover {
  background-color: var(--cert-gr-lt);
}

.psc-icon\/circle\/large {
  border-top-left-radius: 50%;
  border-top-right-radius: 50%;
  border-bottom-left-radius: 50%;
  border-bottom-right-radius: 50%;
  margin: 5px;
  padding: 5px;
}

.psc-icon\/circle\/medium {
  border-top-left-radius: 50%;
  border-top-right-radius: 50%;
  border-bottom-left-radius: 50%;
  border-bottom-right-radius: 50%;
  margin: 5px;
  padding: 8px;
}

.psc-icon\/circle\/small {
  border-top-left-radius: 50%;
  border-top-right-radius: 50%;
  border-bottom-left-radius: 50%;
  border-bottom-right-radius: 50%;
  margin: 5px;
  padding: 15px;
}

.psc-margin\/medium\/all {
  margin: 10px;
}

.psc-margin\/medium\/bottom {
  margin-bottom: 10px;
}

.psc-margin\/medium\/left {
  margin-left: 10px;
}

.psc-margin\/medium\/right {
  margin-right: 10px;
}

.psc-margin\/medium\/top {
  margin-top: 10px;
}

.psc-margin\/small\/all {
  margin: 5px;
}

.psc-margin\/small\/bottom {
  margin-bottom: 5px;
}

.psc-margin\/small\/left {
  margin-left: 5px;
}

.psc-margin\/small\/right {
  margin-right: 5px;
}

.psc-margin\/small\/top {
  margin-top: 5px;
}

.psc-margin\/tiny\/all {
  margin: 2.5px;
}

.psc-margin\/tiny\/bottom {
  margin-bottom: 2.5px;
}

.psc-margin\/tiny\/left {
  margin-left: 2.5px;
}

.psc-margin\/tiny\/right {
  margin-right: 2.5px;
}

.psc-margin\/tiny\/top {
  margin-top: 2.5px;
}

.psc-padding\/medium\/all {
  padding: 10px;
}

.psc-padding\/medium\/bottom {
  padding-bottom: 10px;
}

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

.psc-padding\/medium\/right {
  padding-right: 10px;
}

.psc-padding\/medium\/top {
  padding-top: 10px;
}

.psc-padding\/small\/all {
  padding: 5px;
}

.psc-padding\/small\/bottom {
  padding-bottom: 5px;
}

.psc-padding\/small\/left {
  padding-left: 5px;
}

.psc-padding\/small\/right {
  padding-right: 5px;
}

.psc-padding\/small\/top {
  padding-top: 5px;
}

.psc-padding\/tiny\/all {
  padding: 2.5px;
}

.psc-padding\/tiny\/bottom {
  padding-bottom: 2.5px;
}

.psc-padding\/tiny\/left {
  padding-left: 2.5px;
}

.psc-padding\/tiny\/right {
  padding-right: 2.5px;
}

.psc-padding\/tiny\/top {
  padding-top: 2.5px;
}

.psc-shadow\/button {
  box-shadow:  0px 0px 3px rgba(0, 0, 0, .5);
}
.psc-shadow\/button:hover {
  box-shadow:  0px 1px 2px rgba(0, 0, 0, .5);
}

.psc-shadow\/dock {
  border-style: none;
  box-shadow: var(--mainBoxShadow);
  margin-left: 3px;
  margin-top: -1px;
  padding-left: 2px;
}

.psc-shadow\/dp0 {
  box-shadow:  0px 0px 3px rgba(0, 0, 0, .5);
}

.psc-shadow\/dp1 {
  box-shadow:  0px 0px 1px rgba(0, 0, 0, .5);
}

.psc-shadow\/six {
  box-shadow:  0px 1px 6px rgba(0, 0, 0, .5);
}

.psc-shadow\/two {
  box-shadow:  0px 1px 2px rgba(0, 0, 0, .5);
}

.psc-shadow\/zero {
  box-shadow:  0px 0px 3px rgba(0, 0, 0, .5);
}

.psc-shadow\/zero_red {
  box-shadow:  0px 0px 3px rgba(255,0,0,1);
}

.psc-states\/abnormal {
  color: var(--realtime);
}

.psc-states\/normal {
  color: var(--p-dark);
}

.psc-table\/subview\/inline_arrow {
}

.psc-text\/ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.psc-text\/inactive {
  color: var(--p-dark);
}

.psc-text\/realtime {
  color: var(--realtime);
}

.psc-text\/setpoint {
  color: var(--setpoint);
}

.psc-text\/size\/base {
  font-size: 14pt;
}

.psc-text\/size\/huge {
  font-size: 26pt;
}

.psc-text\/size\/large {
  font-size: 20pt;
}

.psc-text\/size\/medium {
  font-size: 11pt;
}

.psc-text\/size\/small {
  font-size: 11pt;
}

.psc-text\/size\/tiny {
  font-size: 9pt;
}

.psc-text\/size\/very_tiny {
  font-size: 7pt;
}

.psc-tree\/icon_after_text {
}

.psc-z_alarms\/__inactive {
  color: var(--p);
}

.psc-z_alarms\/pri_0-diag {
  color: var(--realtime);
}

.psc-z_alarms\/pri_1-low {
  color: var(--low);
  font-weight: 200;
}

.psc-z_alarms\/pri_2-medium {
  color: var(--medium);
  font-weight: 600;
}

.psc-z_alarms\/pri_3-high {
  color: var(--high);
  font-weight: 600;
}

.psc-z_alarms\/pri_4-critical {
  color: var(--critical);
  font-weight: 700;
}