fix: input focus style in authentication pages.

client/src/containers/Accounts/AccountsDataTable.js

@@ -228,6 +228,7 @@ function AccountsDataTable({
         rowClassNames={rowClassNames}
         expandColumnSpace={1}
         autoResetExpanded={false}
+        autoResetSortBy={false}
         selectionColumnWidth={50}
       />
     </div>

client/src/style/objects/form.scss

@@ -48,11 +48,21 @@ label.bp3-label{
     box-shadow: 0 0 0 1px #116cd0; 
     border-color: #116cd0;
   }
-
   &.bp3-disabled,
   &:disabled{
     background: #e9ecef;
   }
+
+  .bp3-form-group.bp3-intent-danger &{
+    box-shadow: 0 0 0 transparent;
+    border-color: #db3737;
+
+    &:focus,
+    &.bp3-active{
+      box-shadow: 0 0 0 1px #db3737; 
+      border-color: #db3737;
+    }
+  }
 }
 
 .#{$ns}-form-group{
@@ -66,15 +76,6 @@ label.bp3-label{
         inset 0 0 0 1px rgba(16, 22, 26, 0.15),
         inset 0 1px 1px rgba(16, 22, 26, 0.2);
     }
-
-    .bp3-input{
-      border-color: rgb(219, 55, 55);
-      box-shadow: 0 0 0 0 transparent;
-
-      &:focus{
-        box-shadow: 0 0 0 0.2rem rgba(219, 55, 55, 0.25);
-      }
-    }
   }
 
   .#{$ns}-label{

client/src/style/pages/authentication.scss

@@ -76,7 +76,6 @@
 
   .bp3-input {
     min-height: 40px;
-    border: 1px solid #ced4da;
   }
   .bp3-form-group {
     margin-bottom: 25px;

server/src/services/Accounts/AccountsService.ts

@@ -183,6 +183,9 @@ export default class AccountsService {
         tenantId, accountDTO.parentAccountId
       );
       this.throwErrorIfParentHasDiffType(accountDTO, parentAccount);
+
+      // Inherit active status from parent account.
+      accountDTO.active = parentAccount.active;
     }
     const account = await accountRepository.insert({
       ...accountDTO,