.input-icon {
  position: relative; }
  .input-icon span {
    left: 0;
    top: 0;
    bottom: 0;
    position: absolute;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: calc(1.5em + 1.3rem + 2px); }
    .input-icon span i {
      line-height: 0;
      color: #7E8299; }
      .input-icon span i:after, .input-icon span i:before {
        line-height: 0; }
    .input-icon span .svg-icon svg g [fill] {
      -webkit-transition: fill 0.3s ease;
      transition: fill 0.3s ease;
      fill: #7E8299; }
    .input-icon span .svg-icon svg:hover g [fill] {
      -webkit-transition: fill 0.3s ease;
      transition: fill 0.3s ease; }
    .input-icon span .svg-icon svg {
      height: 24px;
      width: 24px; }
  .input-icon .form-control {
    padding-left: calc(1.5em + 1.3rem + 2px); }
  .input-icon.input-icon-right span {
    right: 0;
    left: auto; }
  .input-icon.input-icon-right .form-control {
    padding-left: 1rem;
    padding-right: calc(1.5em + 1.3rem + 2px); }

.icon-md {
    font-size: 1.25rem !important;
}