/**
 * Password Policy plugin for Craft CMS
 *
 * Password Policy CSS
 *
 * @author    Percipio Global Ltd.
 * @copyright Copyright (c) 2020 Percipio Global Ltd.
 * @link      https://percipio.london
 * @package   PasswordPolicy
 * @since     1.0.0
 */

.password-policy-bar {
    height: 4px;
    position: absolute;
    bottom: 0;
}

.password-policy-bar.strength-0 { width: 20%; background-color: #D0021B; }
.password-policy-bar.strength-1 { width: 40%; background-color: #F2842D; }
.password-policy-bar.strength-2 { width: 60%; background-color: #F2842D; }
.password-policy-bar.strength-3 { width: 80%; background-color: #27AE60; }
.password-policy-bar.strength-4 { width: 100%; background-color: #27AE60; }