.input-icon {
  position: relative;
  left: 0; }
  .input-icon > .form-control {
    padding-left: 33px !important; }
    .input-group .input-icon > .form-control {
      -webkit-border-radius: 4px 0 0 4px;
      -moz-border-radius: 4px 0 0 4px;
      -ms-border-radius: 4px 0 0 4px;
      -o-border-radius: 4px 0 0 4px;
      border-radius: 4px 0 0 4px; }
  .input-icon > i {
    color: #ccc !important;
    display: block;
    position: absolute;
    margin: -9px 2px 4px 10px;
    z-index: 3;
    width: 16px;
    font-size: 16px;
    text-align: center;
    top:50%;
  }
    .modal .input-icon > i {
      z-index: 10055; }
    .has-success .input-icon > i {
      color: #36c6d3; }
    .has-warning .input-icon > i {
      color: #F1C40F; }
    .has-info .input-icon > i {
      color: #659be0; }
    .has-error .input-icon > i {
      color: #ed6b75; }
  .input-icon.right {
    left: auto;
    right: 0; }
    .input-icon.right > .form-control {
      padding-right: 33px;
      padding-left: 12px; }
      .input-group .input-icon.right > .form-control {
        -webkit-border-radius: 0 4px 4px 0;
        -moz-border-radius: 0 4px 4px 0;
        -ms-border-radius: 0 4px 4px 0;
        -o-border-radius: 0 4px 4px 0;
        border-radius: 0 4px 4px 0; }
    .input-icon.right > i {
      right: 8px;
      float: right; }
  .input-icon.input-icon-lg > i {
    margin-top: 16px; }
  .input-icon.input-icon-sm > i {
    margin-top: 8px;
    font-size: 13px; }