#client-login-page {
    text-align: center;
    margin: 0 auto;
}

.login-form,
.register-form {
    width: 80%;
    display: flex;
    flex-direction: column;
    margin: 0 auto;
}
.dialog-modal-form input[type=text],
.dialog-modal-form input[type=password] {
    width: 100%;
    padding: 12px 20px;
    box-sizing: border-box;
    background-color: white;
    color: black;
}

.dialog-modal-form input[type=text]:focus,
.dialog-modal-form input[type=password]:focus {
    background-color: wheat;
}
.dialog-modal-form input[type=text]:focus-visible,
.dialog-modal-form input[type=password]:focus-visible {
    outline: 2px solid #6f4317;
    border-radius: 3px;
}

.dialog-modal-form .cssError,
.dialog-modal-form .cssDanger {
    color: darkred;
    font-weight: bold;
}
.dialog-modal-form .cssEnterBtn {
    width: 50%;
    background: #c08b31;
    color: black !important;
    font-weight: bold;
    cursor: pointer;
    font-size: 0.9rem;
    padding: 1rem;
    border-radius: 1rem;
    margin-bottom: 1rem;
}
.dialog-modal-form .row-mobile {
    flex-direction: column;
    align-content: center;
}
.dialog-modal-form .d-center {
    justify-content: center !important;
}

.dialog-modal-form .mt-2 {
    margin-top: 2rem;
}