.jh_animate.ng-hide-remove {
	animation: fadeIn 0.3s
}
.jh_animate.ng-hide-add {
	animation: fadeOut 0.3s
}
.jh_animate_slow.ng-hide-remove {
	animation: fadeIn 1s
}
.jh_animate_slow.ng-hide-add {
	animation: fadeOut 1s
}
.jh_center {
	text-align:center;
	vertical-align: middle; !important
}
.gridStyle {
	border: 1px solid rgb(212,212,212);
	width: 400px;
	height: 300px
}

.rot_green {
  background-color: #d5f4e6 !important;
}
.rot_red {
  background-color: #FFCFDF !important;
}
.rot_purple {
  background-color: #DDC2FF !important;
}
.rot_blue {
	background-color: #c6dcf3 !important;
}
.rot_yellow {
	background-color: #fffcae !important;
}
.rot_grey {
	background-color: #e2e2e1 !important;
}


/* Tooltip container */
.tooltip_forced {
  /*position: relative;
  display: inline-block;
  border-bottom: 1px dotted black; /* If you want dots under the hoverable text */
}

/* Tooltip text */
.tooltip_forced .tooltiptext {
  visibility: hidden;
  width: 120px;
  background-color: black;
  color: #fff;
  text-align: center;
  padding: 5px 0;
  border-radius: 6px;
 
  /* Position the tooltip text - see examples below! */
  position: absolute;
  z-index: 99;
}

/* Show the tooltip text when you mouse over the tooltip container */
.tooltip_forced:hover .tooltiptext {
  visibility: visible;
}