<img align="">

It has been deprecated and should not be used.

https://html.com/attributes/img-align/

btn-default

Bootstrap 3

It should be replaced by:
btn-primary

In BS 4 Renamed .btn-default to .btn-secondary. (Visually alike) In our platform we intended to use it as our primary

https://getbootstrap.com/docs/4.0/migration/

font-awesome/4.7.0

We have the paid version → v6 pro

/cwa/bootstrap/css/bootstrap.css

It has been customized. When using a BS 4 clean foundation there is impact in the UI

CustomerDetail

Current Browser output with absolute styles+JSs

CustomerDetail_1

Declaration Order changed

No apparent impact

CustomerDetail_2

Bootstrap file only replaced for a clean version 4

UI Impacted – At first glance BS spacing utilities have been compromised

CustomerDetail_3

Bootstrap file only replaced for a clean version 5

UI Impacted – At first glance BS spacing utilities have been compromised (Similar to BS 4)

CustomerDetail_1.1

Removed /cwa/css/bootstrap.ec.csr.css

UI Impacted – spacing utilities, show colors customized in Bootstrap file

CustomerDetail_1.2

Removed /cwa/css/bootstrap.ec.csr.css
/cwa/static/css/h3fsDental.css

h3fsDental.css doesn’t seem to have added impact on this page

CustomerDetail_1.3

Removed /cwa/css/bootstrap.ec.csr.css
/cwa/static/css/h3fsDental.css
/cwa/css/colors.ec.csr.css

colors.ec.csr.css doesn’t seem to have added impact on this page

<style>
.dropdown {
display: inherit !important;
}
html {
position: relative;
min-height: 100%;
}
body {
margin: 0 0 40px; /* bottom = footer height */
}
footer {
/*background-color: #42464f;*/
position: absolute;
left: 0;
bottom: 0;
height: 40px;
width: 100%;
overflow: hidden;
}
</style>

It is handling template global aspects; it should be part of a css file. If different templates are present, classes must be created