body, html{
    height: 100%;
}

h1, h2, h3, h4, h5, h6, p{
    margin: 0 !important;
}

.popup {
    position: fixed;
    width: 500px;
    z-index: 9999;
    bottom: 20px; 
    right: 20px;
    transform: translateX(100%);
    opacity: 0;
    transition: transform 1s ease, opacity 1s ease;
}

.popup.active {
    transform: translateX(0);
    opacity: 1;
}

.text-secondary {
    color: rgb(174, 174, 174) !important;
}

.status {
    right: 5px;
    top: 15px;
}

#lock {
    height: 90px;
    width: 100%;
}

.cursor-pointer, .bi-x-lg{
    cursor: pointer;
}

.popup-center{
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 500px;
    height: fit-content;
}

.form-control{
    box-shadow: unset !important;
}

.pswd{
    -webkit-text-security: disc;
}