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

/* Imoport google fonts*/
@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');

.inter-.body{
	font-family: "Inter", sans-serif !important;
	overfllow: hidden !important;
}


/*Side bar style*/

.active {
	background-color: #e6f7ff !important;
}



/* Overview Table styling */
.table-container, .ia_table__head , .ia_table__head__header{
	border-radius-top:: 4px !important;
}

body{
	background-color: #000 !important;
}


.ia_table__headContainer, .ia_table__head , .ia_table__head__header {
	background-color: #F3F3F3 !important;

}

.ia_table__headContainer{
	height: 52px !important;
	font-size: 24px !important;
	
}

.ia_table__head__header{
	padding: 10px !important;
}
.ia_table__rowGroup,
.tr-group ,
.ia_table__rowGroup ,
.column-group {
  border-color: #f5f5f5 !important;
  border: 1px solid #f5f5f5 !important;
}

.alarmTableFoot{
	background-color: transparent !important;
	border: none !important;
}

.bar-reveal{
	display: none !important;
}

.ia_componentModal{
/*	width: 300px !important;*/
	border-radius: 5px;
	background: white !important;
	border: none;

	.modal-title-action-container{
		background: transparent;
		color: #252525;
	}

	.realtimeOrHistoricalRange, .ia_realtimeOrHistoricalRange{
		background-color: white;
		width: 100%;
	}

	.ia_powerChartComponent__dateTimeSelection__popupMenu{
		width: 100%;
	}
}
.ia_alarm-status-table__header-cell {
  color: #1f2937 !important; /* Example: Tailwind's gray-800 */
}

.ia_table__head__header__cell{
	color: #000000E0 !important;
	font-weight: 600 !important;
}
.alarmTableBodyRow {
	background-color: #FFFFFF !important;
}

.ia_table__row {
	padding: 20px;
	background-color: #FFFFFF !important;

	color: #252525 !important;
	border-radius: 2px !important;
}

.alarmTableToolbar, .pager {
	padding: 20px 20px !important;
	background: #f5f5f5;
}

.alarmPreFiltersPill, .alarmPreFilterCount, .alarmPreFiltersRemoveAll   {
	background: #FFF !important;
	border-radius: 8px !important;
}

.alarmPreFiltersFilter  {
	background: #FFF !important;
	border-radius: 8px !important;
	border-color: #f5f5f5;

}

.alarmPreFiltersPillsCCC{
	margin-right: 10px;
	padding-right: 10px;
	
}

.alarmPreFilterPill {
	background: #006DD1;
	padding: 1px 8px;
}

.alarmPreFilterPillTitle {
		color: #FFF !important;
}

.alarmPreFiltersRemoveAll {
	display: none !important;
}

.scrollHandle{
	background: #FFF !important;
	color: #252525;
	
}

.ia_table__head__header{
	padding: 20px 20px;
}

.ia_table__headContainer{
		width: 100% !important;
}

[data-component="ia.display.table"]{
	border: none !important;
	
}

.controlsContainer{
	padding-left: 10px;
	margin-bottom: 3px;
}



[title="Critical"]{
	padding: 4px 16px !important;
	color: darkred !important;
	background-color: #fee4e2 !important;
	border-radius: 8px !important;
	width: 100px !important;
	text-align: center;
	
}


[title="High"]{
	padding: 4px 16px !important;
	color: #FF7300 !important;
	background-color: #f3b333 !important;
	border-radius: 8px !important;
	width: 100px !important;
	text-align: center;
	
}


[title="Medium"]{
	padding: 4px 16px !important;
	color: orange !important;
	background-color: #FFFDEA !important;
	border-radius: 8px !important;
	width: 100px !important;
	text-align: center;
	
}


[title="Low"]{
	padding: 4px 16px !important;
	color: green !important;
	background-color: #EEF8F4 !important;
	border-radius: 8px !important;
	width: 100px !important;
	text-align: center;
	
}

/* navbar styling */
/*.ia_container--primary {*/
/*  border-radius: 0 !important;*/
/*}*/

[data-component-path="C.0:1:2:0"]{
	border:none !important;
	border-radius: 8px !important;
	box-shadow: 0 1px 2px rgba(0,0,0,0.1) !important;
	transition: box-shadow 0.3s !important;
	
}

[data-component-path="C.0:1:2:1"]{
	border:none !important;
	border-radius: 8px !important;
	box-shadow: 0 1px 2px rgba(0,0,0,0.1) !important;
	transition: box-shadow 0.3s !important;

}

[data-component-path="C.0:1:2:2"]{
	border:none !important;
	border-radius: 8px !important;
	box-shadow: 0 1px 2px rgba(0,0,0,0.1) !important;
	transition: box-shadow 0.3s !important;

}

[data-component-path="C.0:1:2:3"]{
	border:none !important;
	border-radius: 8px !important;
	box-shadow: 0 1px 2px rgba(0,0,0,0.1) !important;
	transition: box-shadow 0.3s !important;

}


[data-component-path="C.0:1:3:0"]{
	border:none !important;
	border-radius: 8px !important;
	box-shadow: 0 1px 2px rgba(0,0,0,0.1) !important;
	transition: box-shadow 0.3s !important;
	height: 250px !important;
}

[data-component-path="C.0:1:3:1"]{
	border:none !important;
	border-radius: 8px !important;
	box-shadow: 0 1px 2px rgba(0,0,0,0.1) !important;
	transition: box-shadow 0.3s !important;	
}


@media (min-width: 900px) {
  .psc-stats-mobile {
  	display: none;
  }
}

@media (max-width: 900px) {
  .psc-stats {
  	display: none;
  }
}


/* Analysis page styling   --  Stat Card */

._icon_style  {	
	border-radius: 48px !important;
	border-color: red !important;
}

.power-chart-component{
	border: None !important;
}

.ia_table__head__header{
	color: red !important;
}

.pen-nav-contain {
	border: None !important;
}

.bar-reveal-left{
	display: None !important;
}

.alarmDetailsTitleBar{
	border: none !important;
	background: white !important;
}

.alarmPropertiesCategoryTableProp{
	border: none !important;
}

/*alarmPropertyCategoryTitleBar */

.ia_alarmPropertiesTable__category__titleBar, .alarmPropertiesCategoryTableRow, 
.alarmPropertiesCategoryTable, .alarmPropertiesCategoryTableProp>div{
	border: none !important;
	font-family: sans-serif !important;
	line-height: 2;
	
}

.ia_componentModal>div{
	border-radius: 8px !important;
	border: none;
	
}

.ia_alarmPropertiesTable__categoryTable__row__label{
	border: none;
}

.alarmRowActionOverlay{
	padding-bottom: 40px;
	div{
		border: none;
	}
}


/*.yaxis, .ia_powerChartComponent__yAxis__values, .ia_yAxis {*/
/*	text {*/
/*/*		 !important;*/*/
/*		padding-top: 30px !important;*/
/*	}*/
/*}*/

/*.ia_powerChartComponent__yAxis__label.yaxislabel {*/
/*  /* center the text on its x coordinate */*/
/*  text-anchor: middle !important;*/
/**/
/*  /* center it on its y coordinate */*/
/*  dominant-baseline: central !important;*/
/*  /* for broader SVG support you can also add: */*/
/*  alignment-baseline: middle !important;*/
/**/
/*  /* make sure transforms happen around the label’s own center */*/
/*  transform-origin: center center !important;*/
/**/
/*  /**/
/*    Because it’s rotated –90° at render time,*/
/*    you may need to nudge it along X (which*/
/*    becomes vertical after rotation).  Adjust*/
/*    this translateY value until it “sits” in*/
/*    the midline of the chart.*/
/*  */*/
/*  transform: rotate(-90deg) translateY(-50%) !important;*/
/*}*/


/* */






/* BEGIN STYLE CLASSES */
.psc-_sidebar_button {
}
.psc-_sidebar_button:active {
  background-color: #E6F7FF;
  cursor: pointer;
}
.psc-_sidebar_button:hover {
  background-color: #E6F7FF;
  cursor: pointer;
}

.psc-alarm-row-line {
  border-color: #e5e7eb;
  border-style: solid;
  border-width: 0.5px;
}

.psc-alarm-status-table-header {
  color: #000000E0;
  font-family: sans-serif;
  font-size: 14px;
  font-weight: bold;
}

.psc-main {
}

.psc-stat_card\/_icon_style {
}

.psc-stat_card\/container {
}

.psc-stats {
}

.psc-stats-mobile {
}