/*
 * jQuery Password Requirements complexity
 * http://elationbase.com
 * Copyright 2022, marwen BEN ALAYA
 * Check Password Requirements complexity
 * Free to use under the MIT license.
 * http://www.opensource.org/licenses/mit-license.php
*/
.cmp-ps-box {
    font: 13px/16px sans-serif;
	position: absolute; 
	z-index:1000;
	display:none;
	width:300px;
	max-width:100%;
}
.cmp-ps-box i { 
    width: 0; 
	height: 0; 
	margin-left: 20px;
	border-left: 7px solid transparent;
	border-right: 7px solid transparent;
	border-bottom: 7px solid #23a86d;
}
.cmp-ps-box-inner {
	margin-top: 6px;
    -webkit-box-shadow: 0 2px 10px rgba(0,0,0,0.2);
    -moz-box-shadow: 0 2px 10px rgba(0,0,0,0.2);
    box-shadow: 0 2px 10px rgba(0,0,0,0.2);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}
.cmp-ps-box p {
	padding:20px;
	margin: 0;
    -webkit-border-radius: 2px 2px 0 0;
    -moz-border-radius: 2px 2px 0 0;
    border-radius: 2px 2px 0 0;
}
.cmp-ps-box ul {
	padding:7px;
    -webkit-border-radius: 0 0 2px 2px;
    -moz-border-radius: 0 0 2px 2px;
    border-radius: 0 0 2px 2px;
}
.cmp-ps-box ul li {
	list-style: none;
	padding:7px;
}
.cmp-ps-box ul li span {
	width:15px;
	height:15px;
	display:block;
	float:left;
	border-radius:100%;
	margin-right:15px;
}
.cmp-ps-box.light {
	color:#2d2f31;
}
.cmp-ps-box.light p {
	color:#f1f1f1;
}
.cmp-ps-box.light ul {
	background-color:#f1f1f1;
}
.cmp-ps-box.light ul li span {
	background-color:#f1f1f1;
}


.cmp-ps-box.week p {
	background-color: #d9534f;
}

.cmp-ps-box.week ul li span {
	border:3px solid #d9534f;
}
.cmp-ps-box.week ul li span.cmp-ps-ok {
	background-color:#d9534f;
	border:3px solid #d9534f;
}

.cmp-ps-box.medium p {
	background-color: #e5a54b;
}

.cmp-ps-box.medium ul li span {
	border:3px solid #e5a54b;
}
.cmp-ps-box.medium ul li span.cmp-ps-ok {
	background-color:#e5a54b;
	border:3px solid #e5a54b;
}

.cmp-ps-box.strong p {
	background-color: #4bbf73;
}

.cmp-ps-box.strong ul li span {
	border:3px solid #4bbf73;
}
.cmp-ps-box.strong ul li span.cmp-ps-ok {
	background-color:#4bbf73;
	border:3px solid #4bbf73;
}


.cmp-ps-box.dark {
	color:#f1f1f1;
}

.cmp-ps-box.dark ul {
	background-color:#2d2f31;
}
.cmp-ps-box.dark ul li span {
	background-color:#2d2f31;
}