.activity-feed-event {
  padding: 5px !important;
}
.activity-feed-event .label-icon {
  position: relative;
  width: 4em !important;
  text-align: right !important;
}
.activity-feed-event .label-icon img {
  width: auto !important;
  height: 2em !important;
}
.activity-feed-event .label-avatar {
  position: relative;
  width: 4em !important;
}
.activity-feed-event .summary {
  font-weight: normal !important;
}
.activity-feed-event .summary span {
  display: inline-block;
}
.activity-feed-event .summary a{
  font-weight: bold !important;
  color: black !important;
  display: inline-block !important;
  width: auto !important;
  padding: 0 0.25em !important;
  margin: 0 0.125em !important;
  top: 0.375em;
}
.activity-feed-event.highlight {
  background-color:#f2f2f2 !important;
}

.notification-bell {
  position: relative;
  display: inline-block;
  width: 40px;
  text-align: left;
}
.notification-bell i {
  position: absolute;
  top: -1rem;
}
.notification-bell div {
  position: absolute;
  top: -1.5rem !important;
  left: 1.75rem !important;
  padding: 4px 6px !important;
}

.subscriber-note {
    color: #FFE38E;
}

.emoji-select {
	padding:5px;
}
.emoji-select-active {
	padding:0px;
}

i.icon.jira {
  background-image: url(/images/icons/jira.png);
  background-size: cover;                      /* <------ */
  background-repeat: no-repeat;
  background-position: center center;
}


.show-pointer {
  cursor: pointer;
}

#app,
#app>div {
  height: 100%;
}

[data-reactroot] {
  /*height: 100% !important;*/
}

.center-cropped {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  width: 150px;
  height: 150px;
}

.high-z-index {
  z-index: 99999999;
}

@media only screen and (max-width: 767px) { 
  .ui.items>.item>.image, .ui.items>.item>.image>img {
    width: 175px!important;
  }
}

.react-trix-suggestions {
  z-index: 99999;
	background: white !important;
	opacity: 1 !important;
}

.react-trix-suggestions a {
  color: black;
}

.italic {
	font-style: italic;
}

.meta-text {
	opacity: 0.7;
}

.fluid-search div {
	width: 100%;
}

.status-overlay-container {
	position: fixed !important;
	top: 10px;
	width: 100% !important;
	z-index: 999999999 !important;
	pointer-events:none !important;
}

.status-overlay {
	left: 50% !important;
  transform: translateX(-50%) !important;
	z-index: 999999999 !important;
	pointer-events: auto !important;
	margin-top: 0px !important;
	margin-bottom: 5px !important;
} 

.trial-bar-container {
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
	z-index: 9999999;
	font-weight: bold;
	margin: 0px;
}

.trial-bar-margin {
	margin-top: 36px !important;
}

.trial-bar-message {
	padding: 10px !important;
	background: #E6D9FF !important;
	background-color: #E6D9FF !important;
	color: #272B34 !important;
	border: none !important;
	border-radius: 0px !important;
	box-shadow: none !important;
}

@media only screen and (max-width: 767px) { 
	.status-overlay-container {
		margin-left: 0px !important;
	}
  .status-overlay {
		width: 90% !important;
	} 
	.trial-bar-container {
		margin-left: 0px;
		padding-right: 0px;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) { 
	.status-overlay-container {
		margin-left: 0px !important;
	}
  .status-overlay {
		width: 70% !important;
	}
	.trial-bar-container {
		margin-left: 0px;
		padding-right: 0px;
	}
}
@media only screen and (min-width: 992px) { 
  .status-overlay {
		transform: translateX(-66%) !important;
		width: 40% !important;
	} 
	.trial-bar-container {
		margin-left: 213px;
		padding-right: 213px;
	}
}

.fade-element {
	opacity: 1 !important;
	transition: opacity 0.7s !important; 
}

.fade-element.fade {
	opacity: 0 !important;
}

.widget-margin {
	margin-right: 28px;
}

.pricing-monthly {
	opacity:0.5;
	font-weight:bold;
	margin-bottom:12px;
}

.ui.table.borderless tr td { border-top: 0px !important; }
.ui.table.borderless tr { border-bottom: 0px !important; }

.no-margin {
	margin: 0px !important;
}
.no-padding {
	padding: 0px !important;
}