.InputRolloverMessage {
  position: relative;
}

.InputRolloverMessage:after {
  content: "\e7a4";
  font-family: 'element-icons' !important;
  speak: none;
  color: $info-color;
  font-style: normal;
  font-size: .9rem;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  vertical-align: baseline;
  display: inline-block;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: absolute;
  right: -8px;
  top: -6px;
  background: #fff;
  padding: 1px;
  border-radius: 10px;
}

.InputRolloverMessage-typeSuccess:after {
  color: $success-color;
  content: "\e79c";
}
.InputRolloverMessage-typeDanger:after {
  color: $danger-color;
  content: "\e7a3";
}
.InputRolloverMessage-typeInfo:after {
  color: $primary-color;
  content: "\e7a1";
}

.InputRolloverMessage-danger:after {
  color: $danger-color;
}
.InputRolloverMessage-warning:after {
  color: $warning-color;
}
.InputRolloverMessage-primary:after {
  color: $primary-color;
}
.InputRolloverMessage-info:after {
  color: $info-color;
}
.InputRolloverMessage-success:after {
  color: $success-color;
}