@keyframes blinker {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

.warning-in-grid.alertIconCmpnt {
  font-size: 18px;
  margin-top: 3px; }

.alertIconCmpnt {
  display: inline-block;
  position: relative;
  width: 22px;
  height: 22px;
  animation: blinker 1s linear 2;
  font-size: 14px;
  color: #898d96;
  margin-left: 4px; }
  .alertIconCmpnt:hover {
    color: #b5b7bd; }
    .alertIconCmpnt:hover .alertMessage {
      opacity: 1;
      visibility: visible; }
  .alertIconCmpnt.hideAlrt {
    display: none; }

.alertMessage {
  /*display:none;*/
  white-space: normal;
  /*opacity: 0;
    visibility: hidden;*/
  /*width: 250px;*/
  max-width: 300px;
  line-height: 20px;
  background-color: #434852;
  color: #eaeaea;
  /*text-align: center;*/
  text-align: left;
  /*padding: 5px 3px;*/
  padding: 10px;
  border-radius: 6px;
  position: fixed;
  z-index: 99999;
  transition: opacity 0.3s;
  -moz-transition: opacity 0.3s;
  -o-transition: opacity 0.3s;
  -webkit-transition: opacity 0.3s; }
  .alertMessage.dir-right::before {
    content: "\A";
    position: absolute;
    right: 100%;
    margin-top: -5px;
    border-width: 5px 5px 5px 0;
    border-style: solid;
    border-color: transparent #434852 transparent transparent; }
  .alertMessage.dir-left {
    /*top: -6px;
        right: 117%;*/ }
    .alertMessage.dir-left::after {
      content: " ";
      position: absolute;
      left: 100%;
      margin-top: -5px;
      border-width: 5px;
      border-style: solid;
      border-color: transparent transparent transparent #434852; }
  .alertMessage.dir-left.algn-start, .alertMessage.dir-right.algn-start {
    /*bottom: 0;*/ }
  .alertMessage.dir-left.algn-end, .alertMessage.dir-right.algn-end {
    /*top: 0;*/ }
  .alertMessage.dir-left.algn-start {
    /*transform: translateX(-102%);*/ }
    .alertMessage.dir-left.algn-start::after {
      bottom: 10px; }
  .alertMessage.dir-left.algn-center {
    /*transform: translate(-102%, -45%);*/
    left: 0px; }
    .alertMessage.dir-left.algn-center::after {
      top: 50%; }
  .alertMessage.dir-left.algn-end {
    /*transform: translateX(-102%);*/ }
    .alertMessage.dir-left.algn-end::after {
      top: 10px; }
  .alertMessage.dir-right.algn-start {
    /*transform: translateX(15%);*/ }
    .alertMessage.dir-right.algn-start::before {
      bottom: 10px; }
  .alertMessage.dir-right.algn-center {
    /*transform: translate(15%, -45%);*/ }
    .alertMessage.dir-right.algn-center::before {
      top: 50%; }
  .alertMessage.dir-right.algn-end {
    /*transform: translateX(15%);*/ }
    .alertMessage.dir-right.algn-end::before {
      top: 10px; }
  .alertMessage.dir-top {
    /*transform: translate(-48%,-103%);*/ }
    .alertMessage.dir-top::after {
      content: " ";
      position: absolute;
      top: 100%;
      border-width: 5px 5px 0 5px;
      border-style: solid;
      border-color: #434852 transparent transparent transparent; }
  .alertMessage.dir-top.algn-start {
    /*transform: translate(-96%,-103%);*/ }
    .alertMessage.dir-top.algn-start::after {
      right: 10px; }
  .alertMessage.dir-top.algn-center {
    /*transform: translate(-48%,-103%);*/ }
    .alertMessage.dir-top.algn-center::after {
      left: 50%; }
  .alertMessage.dir-top.algn-end {
    /*transform: translate(-2%,-103%);*/ }
    .alertMessage.dir-top.algn-end::after {
      left: 10px; }
  .alertMessage.dir-bottom {
    left: 50%;
    top: 100%;
    margin-top: 7px;
    /*transform: translate(-50%);*/ }
    .alertMessage.dir-bottom::before {
      content: " ";
      position: absolute;
      bottom: 100%;
      border-width: 0 5px 5px 5px;
      border-style: solid;
      border-color: transparent transparent #434852 transparent; }
  .alertMessage.dir-bottom.algn-start {
    /*transform: translateX(-96%);*/ }
    .alertMessage.dir-bottom.algn-start::before {
      right: 10px; }
  .alertMessage.dir-bottom.algn-center {
    /*transform: translateX(-48%);*/ }
    .alertMessage.dir-bottom.algn-center::before {
      left: 50%; }
  .alertMessage.dir-bottom.algn-end {
    /*transform: translateX(-2%);*/ }
    .alertMessage.dir-bottom.algn-end::before {
      left: 10px; }