.validator[style*="inline"] {
  /* Rule !important overrides CSS changes made by the ASP.NET dynamically-
     created JavaScript function WebResource.axd::ValidatorUpdateDisplay(val),
     which only toggles between display: none/inline for the span elements 
     emitted by the ASP.NET validator controls. Instead, we want to toggle
     between display: none/block, so validation error messages stack under the
     input elements.. This CSS rule will ignore 
     WebResource.axd::ValidatorUpdateDisplay(val) when it sets display: none,
     but it will override display: inline to display: block.
  */
  display: block !important;
  /* Left-align with input element; 
     top, right, bottom, left
  */
  margin: .25rem 0px 0px 120px;
}

/* Layout input element as block-level element, so subsequent block-level 
   validation elements stack underneath. 
   Overrides CDE index-ap.css::.text float:left 
   Also adds elements of BootStrap CSS classes:
     .mx-sm-3 (margin-*)
     .form-control (padding, line-height)
*/
.validator-input {
/*  float: none;*/
  margin-right: 1rem !important;
  margin-left: 1rem !important;
  padding: 0.375rem 0.75rem !important; 
/*  line-height: 1.5 !important;*/
}