.formTitle {
    text-align: center;
    font-weight: 700;
    font-size: var(--largeFont);
    color: var(--primary);
}

.manageOrders .userDetailsForm {
    width: 100%;
}

.manageOrders .userDetailsForm .formRow {
    flex-direction: column;
}

.userDetailsForm .inputDiv {
    width: 50%;
    color: var(--primary);
    margin: auto;
}

.manageOrders .userDetailsForm .inputDiv {
    width: 100%;
}

.userDetailsForm label {
    font-weight: 700;
}

label.required:before {
    content: "*";
    color: var(--alert);
  }

.userDetailsForm label span {
    font-weight: 400;
}

.userDetailsForm input {
    margin: 10px 0;
    padding: 5px 10px;
    color: var(--primary);
    box-shadow: inset 0px 3px 0px #0287DE4D;
}

.manageOrders .userDetailsForm .formRow.checkbox {
    color: var(--primary);
}

.manageOrders .userDetailsForm .formRow.checkbox input {
    width: unset;
    margin: 10px 0 10px 10px;
}

.userDetailsForm .forgot {
    text-decoration: underline;
    color: var(--primary);
}

.passwordError {
    color: var(--alert);
    font-weight: 700;
}

.formErrorMessage {
    border: none;
}

#passwordInstructions {
    bottom: 0;
}

.billingData {
    color: var(--primary);
}

.userDetailsForm .profileImage {
    width: 100px;
    margin: 20px 0;
}

.userDetailsForm .profileImage img {
    width: 100%;
}

.userDetailsForm .profileImage img.round {
    border-radius: 50%;
}

/* Laptop Screen */

@media only screen and (min-width: 1280px) {
    .manageOrders .userDetailsForm {
        width: 600px;
        text-align: right;
    }
    .manageOrders .userDetailsForm .formTitle {
        text-align: right;
    }
    .manageOrders .userDetailsForm .formRow {
        flex-direction: row;
    }
    .manageOrders .userDetailsForm .inputDiv {
        align-items: flex-start;
    }
    #passwordInstructions {
        bottom: 120px;
    }
}