/*
 * jQuery Minimun Password Requirements 1.1
 * http://elationbase.com
 * Copyright 2014, elationbase
 * Check Minimun Password Requirements
 * Free to use under the MIT license.
 * http://www.opensource.org/licenses/mit-license.php
*/
#pr-box {
  font: 13px/16px sans-serif;
  position: absolute;
  z-index: 9000;
  display: none;
  width: 320px;
  max-width: 100%;
}

#pr-box i {
  width: 0;
  height: 0;
  margin-left: 20px;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  /* border-bottom: 7px solid #6c757d; */
  border-bottom: 7px solid var(--bs-secondary-bg);

}

#pr-box-inner {
  margin-top: 6px;
  /* -webkit-box-shadow: 3px 2px 7px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 3px 2px 7px rgba(0, 0, 0, 0.2);
  box-shadow: 3px 2px 7px rgba(0, 0, 0, 0.2); */
  /* -webkit-border-radius: 2px;
  -moz-border-radius: 2px; */
  /* border-radius: 2px; */
  background: var(--bs-body-bg);
  border-radius: var(--bs-border-radius);
}

#pr-box p {
  padding: 20px;
  margin-bottom: 0px !important;
  -webkit-border-radius: 2px 2px 0 0;
  -moz-border-radius: 2px 2px 0 0;
  border-radius: 2px 2px 0 0;
}

#pr-box ul {
  padding: 7px;
  -webkit-border-radius: 0 0 2px 2px;
  -moz-border-radius: 0 0 2px 2px;
  /* border-radius: 0 0 2px 2px; */
    border-radius: var(--bs-border-radius);
}

#pr-box ul li {
  list-style: none;
  padding: 7px;
  text-transform: lowercase;
  color: var(--bs-body-color);
}

#pr-box ul li:first-letter {
  text-transform: uppercase;
}

#pr-box ul li span {
  width: 15px;
  height: 15px;
  display: block;
  float: left;
  border-radius: 100%;
  margin-right: 15px;
}

#pr-box.light {
  color: #2d2f31;
}

#pr-box.light p {
  background-color: #6c757d;
  color: #f1f1f1;
}

#pr-box.light ul {
  background: var(--bs-body-bg);
  background: var(--bs-secondary-bg);
}

#pr-box.light ul li span {
  background-color: #f1f1f1;
  border: 3px solid #6c757d;
}

#pr-box.light ul li span.pr-ok {
  /* background-color: #23a86d;
  border: 3px solid #23a86d; */
  /* background-color: #0d6efd;
  border: 3px solid #0d6efd; */
  background-color: #d62518;
  border: 3px solid #f8cbc8;
}

#pr-box.dark {
  color: #f1f1f1;
}

#pr-box.dark p {
  background-color: #6c757d;
}

#pr-box.dark ul {
  background-color: #2d2f31;
}

#pr-box.dark ul li span {
  background-color: #2d2f31;
  border: 3px solid #6c757d;
}

#pr-box.dark ul li span.pr-ok {
  background-color: #6c757d;
  border: 3px solid #6c757d;
}