/* Generic Style  */
:root{
	--anomaly-orange-status: #CF8515;
	--anomaly-red-status: #ED2A19;
	--anomaly-blue: #2168B2;
	--anomaly-urgent-orange: #B16F18;
	--anomaly-lighter-grey: #F5F5F5;
	--anomaly-grey: #E5E5E5;
	--anomaly-grey-border: #c5c5c5;

	--anomaly-blue-text: #293A49;
}

.events-list-grid{



}


.events-list-grid .more-buildings{
  padding: 2px 4px;
  background: var(--anomaly-grey);
  border-radius: 4px;
  cursor: pointer;
}

.events-list-grid .x-dataview-item{
	border-radius: 8px;
}

.events-list-grid .x-dataview-item .time-tag{
	padding: 0 0 6px 0;
	font-weight: bold;
	color: #6C6C6C;
	text-transform: uppercase;
}


.events-list-grid .x-dataview-item .divider{
	border-right: 1px solid var(--anomaly-grey-border);
	width: 0px;
	height: auto;
	margin: 0 16px;

}

.events-list-grid .x-dataview-item .divider.last{
	margin-right: 0;
}


.events-list-grid .x-dataview-item.x-view-item-focused{

   outline:none !important;
}

.content-panel.alerts .filter-button .filter-button-inner .title, .content-panel.alerts .filter-button .filter-button-inner .title-hover{
	font-size: 13px;
	line-height:14px;
}

.content-panel.alerts .filter-button.small-text .filter-button-inner .title, .content-panel.alerts .filter-button.small-text .filter-button-inner .title-hover{
	font-size: 11px;
	line-height:12px;
}

.filter-button-inner .count .expired-count, .filter-button-inner .count .expiring-count{
	font-size: 11px;
	line-height: 14px;
}
.content-panel.alerts .filter-button-inner .count .expired-count{
	color: var(--anomaly-red-status);
}
.content-panel.alerts .filter-button-inner .count .expiring-count{
	color: var(--anomaly-orange-status);
}

.content-panel.alerts .filter-button.enabled .count .expired-count, .content-panel.alerts .filter-button.enabled .count .expiring-count{
	color: #fff;
}

.content-panel.alerts .filter-button-inner .count {
	/*padding-top: 3px;*/
}

.content-panel.alerts .filter-button{
	height: 79px;
}
.content-panel.alerts .filter-button-inner {
	height: 75px;
    max-height: 75px;
}

/* Anomaly Specific Styles */

.anomaly{
	display: flex;
	flex-direction: row;

	margin: 0 8px 16px 0;
	border: 2px solid var(--anomaly-grey-border);
	-webkit-box-shadow: 3px 3px 7px 3px rgba(197,197,197,0.6); 
	box-shadow: 3px 3px 7px 3px rgba(197,197,197,0.6);
	border-radius: 8px;
	padding: 8px 0 8px 16px
}


.anomaly .text-bold{
	font-weight: 600;
}

.anomaly .text-blue{
	color: var(--anomaly-blue-text);
}

.anomaly .no-data{
	font-weight: 200;
	font-style: italic;
}


.anomaly.expired{
	/* BUG-5606 */
	/* border-color: var(--anomaly-red-status);*/
	/* BUG-5606 END */
}

.anomaly:hover{
	border-color: var(--active-background-color);
	-webkit-box-shadow: 3px 3px 7px 3px rgba(0,155,214,0.6); 
	box-shadow: 3px 3px 7px 3px rgba(0,155,214,0.6);
}


.anomaly .expiration{
	display:flex;
	flex-direction:column;
	flex: 0;
	width: 180px;
	min-width: 180px;
	text-align:right;
	white-space:nowrap;
}

.anomaly .expiration .expiration-date{
	font-size: 12.5px;
}

.anomaly .expiration .expiration-status{
	font-weight: 900;
	color: var(--anomaly-orange-status);
}

.anomaly.expired .expiration-status{
	color:  var(--anomaly-red-status);;
}

.anomaly .event-info{
	display:flex;
	flex-direction:row;
	flex: 1;
	min-width: 0;
	gap: 16px;
	overflow: hidden;
}


.anomaly .event-info .code-and-responsible{
	display:flex;
	flex-direction:column;
	flex: 1 0 20%;
	overflow: hidden;
}


.anomaly .event-info .building-and-reason{
	display:flex;
	flex-direction:column;
	flex: 1 0 30%;
	overflow: hidden;
}


.anomaly .event-info .event-details{
	display:flex;
	flex-direction:row;
	flex: 1 0  calc(50% - 36px);
	gap: 8px;
	overflow: hidden;
	align-items: center;
}

/* BUG-5434 */

.anomaly .event-icon .svg-masked{
	width: 25px;
	height: 24px;
	display: flex;
  	justify-content: left;
  	align-items: center;
}
.anomaly .event-icon  .svg-masked:before{
	content: '';
	background: #333;
	mask-repeat: no-repeat;
	-webkit-mask-repeat: no-repeat;
	mask-size: 22px;
	-webkit-mask-size: 22px;
  	width: 22px;
  	height: 22px;
  	display: block;
}

/* BUG-5434 END */


.anomaly .event-info .event-details .title-and-description{
	display:flex;
	flex-direction:column;
	flex: 1;
	overflow: hidden;
}

.anomaly .event-info .event-details .title-and-description .title, .anomaly .event-info .event-details .title-and-description .description{
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.anomaly .event-info .event-details .title-and-description .title{
	text-transform: uppercase;
}

.anomaly .event-info .event-details .title-and-description .description{

}


/* FIX for some descriptions with br */
.anomaly .event-info .event-details .title-and-description .description br{
	display: none;
}

.anomaly .arrow{
	display: flex;
    align-items: center;
    cursor: pointer;
}

.anomaly .arrow img{
	filter: invert(32%) sepia(48%) saturate(1517%) hue-rotate(182deg) brightness(95%) contrast(90%); /* Blue  */
}