.titleicon {
    font-size: 50px;
    display: flex;
    justify-content: center;
}

.card-container {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 2%;
}

.card-form {
    border-radius: 2em;
    padding: 3%;
    box-shadow: 0 5px 8px 0 rgba(0, 0, 0, 0.4), 0 9px 26px 0 rgba(0, 0, 0, 0.5);
}

    .card-form h3 {
        text-align: center;
        font-size: 35px;
        font-weight: bold;
        margin-bottom: 10%;
    }

.lblUsername, .lblPassword, .lblConfirmPassword, .lblSecurityQuestion, .lblSecurityAnswer, .lblNricNo, .lblContactNumber, .lblEmailAddress,
.lblCompanyCode, .lblCompanyDesc, .lblCompanyTaxNumber, .lblIsBranchesActive, .lblBusinessType, .lblClientID, .lblClientSecret, .lblIsSstRegistrant, .lblIsTourismTaxRegistrant,
.lblTokenID {
    color: #000000;
    font-size: 18px;
    font-weight: bold;
    padding: 1%;
}

.text-info {
    cursor: pointer;
}

.info-container {
    position: absolute;
    top: 28%;
    left: 33%;
    background-color: white;
    display: none;
    width: 35%;
    border-radius: 2em;
}

.info-form {
    border-radius: 2em;
    padding: 5%;
    box-shadow: 0px 5px 8px 0px rgba(0, 0, 0, 0.4), 0px 9px 26px 0px rgba(0, 0, 0, 0.5);
}

    .info-form h3 {
        text-align: center;
        font-size: 35px;
        font-weight: bold;
        margin-bottom: 10%;
    }

.text-info {
    cursor: pointer;
}

.btnicon {
    font-size: 17pt;
    vertical-align: bottom;
}