/***
Input icons
***/

.input-icon {
    position: relative;
    left: 0;


    > .form-control {
        padding-left: 33px;

        .input-group & {
             @include border-radius($general-border-radius 0 0 $general-border-radius);
        }
    }

    > i {
        color: #ccc;
        display: block;
        position: absolute;
        margin: 11px 2px 4px 10px;
        z-index: 3;
        width: 16px;
        font-size: 16px;
        text-align: center;
        left: 0;

        .modal & {
            z-index: $zindex-modal + 5;
        }

        .has-success & {
            color: $brand-success;
        }

        .has-warning & {
            color: $brand-warning; 
        }

        .has-info & {
            color: $brand-info;
        }

        .has-error & {
            color: $brand-danger;
        }
    }

    &.right {
        left: auto;
        right: 0;
        
        > .form-control {
            padding-right: 33px;
            padding-left: 12px;

            .input-group & {
                @include border-radius(0 $general-border-radius $general-border-radius 0); 
            }
        }

        > i {
            left: auto;
            right: 8px;
            float: right;
        } 
    }

    &.input-icon-lg {
        > i {
            margin-top: 16px;  
        }
    }

    &.input-icon-sm {
        > i {
            margin-top: 8px;      
            font-size: 13px;    
        } 
    }
}