#widget-pass { opacity:0; transform: translateY(-20px); visibility: hidden; position: absolute; z-index:999; width: 280px; left:50%; margin-left:-140px; padding:12px; bottom:55px; background:#fff; border-radius: 5px; border:1px solid #ccc; box-shadow: 0 3px 16px rgba(0,0,0,0.15); -webkit-transition: all 0.2s ease-out; transition: all 0.2s ease-out; }
#widget-pass.active { opacity:1; visibility: visible; transform: translateY(0px); }
#widget-pass p { font-weight: 500; margin-bottom:10px; }
#widget-pass::before { content:""; position: absolute; width: 0; height: 0; border-color: transparent; border-style: solid; bottom: -6px; left: 50%; margin-left: -5px; border-width: 5px 5px 0px 5px; border-top-color: #bbb; } 
#widget-pass ul {  margin:0; padding:0; list-style:none; font-size:12px; }
#widget-pass ul li { color:#888; background: url("../../../common/icon-check-off.svg") no-repeat; padding-left:25px; margin-top:5px; }
#widget-pass ul li.active { color:#000; background-image: url("../../../common/icon-check-on.svg") }

#widget-pass .pass-info { margin:15px 0 0 0; }
#widget-pass .pass-progress { width:100%; margin-top:5px; height:5px; background:#eee; border-radius:3px; display: block; overflow: hidden; }

#widget-pass .pass-progress-bar { height:100%; width:0%; background:#fff; transition: all 0.2s ease-out; }
#widget-pass .pass-progress-bar[data-level="1"] { width:25%;  background:#EC0000; }
#widget-pass .pass-progress-bar[data-level="2"] { width:50%;  background:#fb8c00; }
#widget-pass .pass-progress-bar[data-level="3"] { width:75%;  background:#009688; }
#widget-pass .pass-progress-bar[data-level="4"] { width:100%; background:#43a047; }

.form_dropdown { padding: 0; margin-bottom: 25px; padding-left: 20px; padding-right: 20px; }

#user-menu .nav-link.active { font-weight:500; }