.sub-title { padding-bottom: 0; bottom: -1; }
.btn-main { width: 100%; }
.card-header { padding-bottom: 0;}

.tgl-btn {
    margin-top: 2px;
    background-color: #E4E4E4;
    width: 35%;
    border-radius: 0; 
    font-weight: bold;
    font-size: 1rem;
    padding: 0.9rem 1.2rem;
    margin: -1px 5px;
    border: none;
    font-size: 0.8rem;
    color: #646464;
    text-transform: uppercase;
    /* border-bottom: 1px solid #2c3031; */}

.tgl-btn:hover {
    background-color: #dad8d8;
    color: #2F3334;
    text-decoration: none;}

.auth-active  {
    color: #2F3334;
    background-color: #ffffff;
    /* border-bottom: none; */}

.form-group ul {
    display: none; }

.password-info {
    color: #7a7c80;
    cursor: pointer;
    position: absolute;
    /* font-size: 8px; */
    top: 465px;
    left: 93% /*500px;*/ }

.password-info:hover {
    color: #fba358; }

#info-sammary {
    position: absolute;
    width:max-content;
    padding-top: 8x;
    border: 1px solid silver;
    z-index: 2;
    right: 130%;
    top: 30%;
    background-color: #fafafa;
    padding-top: 18px;
    padding-right: 18px;
    font-size: 70%;
    display: none;
}

@media only screen and (max-width: 600px) {
    #info-sammary {
        width:max-content;
        padding-top: 8x;
        z-index: 2;
        /* right: 50%; */
        /* top: 20%; */
        background-color: #fafafa;
        padding-top: 18px;
        padding-right: 18px;
        font-size: 70%;
    }

    .password-info {
        top: 465px;
        left: 92% /*500px;*/ }
} 

@media only screen and (max-width: 421px) {
    .password-info {
        top: 485px;
        left: 88% }

    #info-sammary {
        right: 90%;
        top: 20%;
        font-size: 45%;
    }
}