/* ------------------------------------------------------------------------------
*
*  # Passy
*
*  Styles for passy.min.js - password length checker and password generator
*
*  Version: 1.1
*  Latest update: Mar 10, 2016
*
* ---------------------------------------------------------------------------- */


// Base
.visual-password-indicator {
    display: inline-block;
    background-color: @gray-light;
    width: 40px;
    height: 4px;
}

// Inside input group addon
.password-indicator-group {
    min-width: 80px;
    .transition(all 0.2s ease-in-out);
}

// Absolute positioned label
.label-indicator-absolute {
    position: relative;

    .password-indicator-label-absolute {
        position: absolute;
        top: 50%;
        margin-top: -(@line-height-computed / 2);
        right: @padding-base-vertical;
        .transition(all 0.2s ease-in-out);
    }

    .form-horizontal & {
        .label {
            right: (@grid-gutter-width + @padding-base-vertical);
        }
    }
}