.psw-help {
    display: inline-block;
    position: relative;
    right: -95%;
    bottom: 3px;
}

.psw-help:hover .material-icons {
    cursor: pointer;
}
.psw-help:hover .list-group {
    bottom: 100%;
    opacity: 1 !important;
    visibility: visible !important;
}
.psw-help .material-icons {
    color: #1B3380 !important;
    font-size: 18px !important;
    line-height: 18px !important;
    vertical-align: text-bottom;
}
.psw-help .list-group {
    width: 280px;
    background: #555;
    bottom: 70%;
    left: -77px;
    margin-bottom: 12px;
    opacity: 0 !important;
    padding: 8px;
    position: absolute;
    visibility: hidden !important;
    z-index: 5;
    transition: all 0.15s ease-in-out;
    -moz-transition: all 0.15s ease-in-out;
    -o-transition: all 0.15s ease-in-out;
    -webkit-transition: all 0.15s ease-in-out;
    animation-name: fadeInBottom;
}
@keyframes fadeInBottom {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}
.psw-help .list-group.animate-div {
    opacity: 1 !important;
    visibility: visible !important;
    bottom: 100%;
}
@media only screen and (min-width: 500px) {
    .psw-help .list-group {
        left: -260px;
    }
}
.psw-help .list-group:after {
    content: '';
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 8px solid #555;
    display: block;
    position: absolute;
    bottom: -8px;
    left: 81px;
}
@media only screen and (min-width: 500px) {
    .psw-help .list-group:after {
        left: auto;
        right: 9px;
    }
}
.psw-help .list-group .list-group-item {
    background: transparent;
    border: 0;
    -webkit-border-radius: 0 ;
    -moz-border-radius: 0 ;
    border-radius: 0 ;
    color: #fff;
    font-size: 12px;
    font-weight: 400;
    line-height: 24px;
    list-style: none;
    padding: 0 0 0 23px;
    position: relative;
}
.psw-help .list-group .list-group-item .material-icons,
.psw-help .list-group .list-group-item .fa {
    color: inherit !important;
    font-size: 18.7px !important;
    left: 0;
    line-height: 16px !important;
    position: absolute;
    top: 4px;
    vertical-align: middle !important;
}
.psw-help .list-group .list-group-item .material-icons:hover,
.psw-help .list-group .list-group-item .fa:hover {
    cursor: context-menu;
}
.psw-help .list-group .list-group-item .material-icons.fa-circle-thin,
.psw-help .list-group .list-group-item .fa.fa-circle-thin {
    color: #9B9B9B !important;
}
.psw-help .list-group .list-group-item .material-icons.cancel,
.psw-help .list-group .list-group-item .fa.cancel,
.psw-help .list-group .list-group-item .material-icons.fa-times-circle,
.psw-help .list-group .list-group-item .fa.fa-times-circle {
    color: #FFBABA !important;
}
.psw-help .list-group .list-group-item .material-icons.check,
.psw-help .list-group .list-group-item .fa.check,
.psw-help .list-group .list-group-item .material-icons.fa-check-circle,
.psw-help .list-group .list-group-item .fa.fa-check-circle {
    color: #DFF2BF !important;
}