From 9383ac272541146636af06691daa7a792dc43b57 Mon Sep 17 00:00:00 2001
From: Eileen McNaughton <emcnaughton@wikimedia.org>
Date: Tue, 18 Jan 2022 13:59:42 +1300
Subject: [PATCH] Remainin css phpcs fixes

---
 css/abtesting.css                       |   1 +
 css/admin.css                           |  14 +-
 css/backdrop.css                        |   6 +-
 css/bluemarine.css                      |  64 ++++--
 css/civicrm.css                         | 284 ++++++++++++------------
 css/contactSummary.css                  |  20 +-
 css/crm-menubar.css                     |  65 ++++--
 css/crm.designer.css                    |  28 +--
 css/dashboard.css                       |   2 +-
 css/joomla.css                          |  85 ++++---
 css/menubar-joomla.css                  |   8 +-
 css/print.css                           | 109 ++++-----
 css/searchForm.css                      |  12 +-
 ext/afform/admin/ang/afGuiEditor.css    |   6 +-
 ext/afform/core/ang/afCore.css          |  16 +-
 ext/message_admin/ang/crmMsgadm.css     |   2 +-
 ext/search_kit/css/crmSearchAdmin.css   |   5 +-
 ext/search_kit/css/crmSearchDisplay.css |   2 +-
 install/template.css                    |   2 +-
 setup/res/template.css                  | 136 ++++++++----
 20 files changed, 490 insertions(+), 377 deletions(-)

diff --git a/css/abtesting.css b/css/abtesting.css
index e69de29bb2..8b13789179 100644
--- a/css/abtesting.css
+++ b/css/abtesting.css
@@ -0,0 +1 @@
+
diff --git a/css/admin.css b/css/admin.css
index f32f51f710..61ff521cb8 100644
--- a/css/admin.css
+++ b/css/admin.css
@@ -6,12 +6,12 @@
 }
 
 #crm-container table.selector td.tasklist {
-  border-right: 1px solid #DDDDDD;
+  border-right: 1px solid #dddddd;
   width: 20%;
 }
 
 #crm-container td.tasklist a:link {
-  color: #FF0105;
+  color: #ff0105;
 }
 
 #crm-container td.tasklist a:visited {
@@ -20,22 +20,22 @@
 
 /* Class for successful upgrade */
 .crm-container .upgrade-success {
-  background-color: #00CC00;
+  background-color: #00cc00;
   color: white;
 }
 
 /* Extension management */
 
 .crm-container .extension-upgradable {
-  background-color: #FFFFCC !important;
+  background-color: #ffffcc !important;
 }
 
 .crm-container .extension-installed {
-  background-color: #DDFFDD !important;
+  background-color: #ddffdd !important;
 }
 
 .crm-container .extension-missing {
-  color: #E43D2B !important;
+  color: #e43d2b !important;
 }
 
 #crm-container .crm-extensions-upgrade {
@@ -56,7 +56,7 @@
 }
 
 .crm-container .crm-extensions-stage.fa-check-circle {
-  color: #00994D;
+  color: #00994d;
 }
 
 @media screen and (min-width: 480px) {
diff --git a/css/backdrop.css b/css/backdrop.css
index 2d99f549e3..53faf1ac70 100644
--- a/css/backdrop.css
+++ b/css/backdrop.css
@@ -2,7 +2,7 @@
 
 /* Make status messages work with Backdrop styles */
 .crm-container :not(.crm-footer) .messages.status {
-  background-color: #E9EEBC;
+  background-color: #e9eebc;
   padding: 0.9em 0.625em 1em 3.438em;
   border: none;
 }
@@ -10,7 +10,7 @@
 .crm-container :not(.crm-footer) .messages.status .crm-i {
   font-size: 1.5rem;
   color: #fff;
-  background-color: #CFDE56;
+  background-color: #cfde56;
   position: absolute;
   padding: .4rem;
   left: 0;
@@ -22,7 +22,7 @@
   .crm-container :not(.crm-footer) .messages.status {
     padding-left: 4.375em;
   }
-  
+
   .crm-container :not(.crm-footer) .messages.status .crm-i {
     font-size: 1.75rem;
     padding: .5rem;
diff --git a/css/bluemarine.css b/css/bluemarine.css
index 95b9cde6ca..f3fc40bd8f 100644
--- a/css/bluemarine.css
+++ b/css/bluemarine.css
@@ -10,10 +10,16 @@ body {
   background-color: #fff;
   font: 76% Verdana, Arial, Helvetica, sans-serif;
 }
-tr.dark td, tr.light td {
+tr.dark td,
+tr.light td {
   padding: 0.3em;
 }
-h1, h2, h3, h4, h5, h6 {
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
   margin-bottom: 0.5em;
 }
 h1 {
@@ -22,7 +28,10 @@ h1 {
 h2 {
   font-size: 1.2em;
 }
-h3, h4, h5, h6 {
+h3,
+h4,
+h5,
+h6 {
   font-size: 1.1em;
 }
 p {
@@ -74,7 +83,8 @@ table {
 /*
 ** Page layout blocks / IDs
 */
-#header, #content {
+#header,
+#content {
   width: 100%;
 }
 #header {
@@ -112,7 +122,8 @@ table {
   font-weight: bold;
   color: #9cf;
 }
-#search .form-text, #search .crm-form-submit {
+#search .form-text,
+#search .crm-form-submit {
   border: 1px solid #369;
   font-size: 1.1em;
 }
@@ -130,7 +141,8 @@ table {
   padding: 1.5em 2em;
   color: #fff;
 }
-#mission a, #mission a:visited {
+#mission a,
+#mission a:visited {
   color: #9cf;
   font-weight: bold;
 }
@@ -139,7 +151,8 @@ table {
   padding: 0em;
   font-size: 2em;
 }
-.site-name a:link, .site-name a:visited {
+.site-name a:link,
+.site-name a:visited {
   color: #fff;
 }
 .site-name a:hover {
@@ -158,7 +171,9 @@ table {
   /* padding in px not ex because IE messes up 100% width tables otherwise */
   padding: 10px;
 }
-#mission, .node .content, .comment .content {
+#mission,
+.node .content,
+.comment .content {
   line-height: 1.4;
 }
 #help {
@@ -177,7 +192,8 @@ table {
 .error {
   border-color: red;
 }
-#sidebar-left, #sidebar-right {
+#sidebar-left,
+#sidebar-right {
   background-color: #ddd;
   width: 16em;
   /* padding in px not ex because IE messes up 100% width tables otherwise */
@@ -196,7 +212,8 @@ table {
 ** additional rules /with only the differing properties!/ to .parent .class.
 ** See .comment .title for an example.
 */
-.title, .title a {
+.title,
+.title a {
   font-weight: bold;
   font-size: 1.3em;
   color: #777;
@@ -212,7 +229,8 @@ table {
 .links a {
   font-weight: bold;
 }
-.block, .box {
+.block,
+.box {
   padding: 0 0 1.5em 0;
 }
 .block {
@@ -234,7 +252,8 @@ table {
   background-color: #eee;
   border: solid 1px #ddd;
 }
-.node .content, .comment .content {
+.node .content,
+.comment .content {
   margin: .5em 0 .5em 0;
 }
 .node .taxonomy {
@@ -278,7 +297,10 @@ table {
   padding: 1em;
   margin: 1em 0 1em 0;
 }
-#aggregator .news-item .source, #aggregator .news-item .categories, #aggregator .source, #aggregator .age {
+#aggregator .news-item .source,
+#aggregator .news-item .categories,
+#aggregator .source,
+#aggregator .age {
   color: #999;
   font-style: italic;
   font-size: 0.9em;
@@ -296,10 +318,12 @@ table {
 #forum td {
   padding: 0.5em 0.5em 0.5em 0.5em;
 }
-#forum td.forum, #forum td.posts {
+#forum td.forum,
+#forum td.posts {
   background-color: #eee;
 }
-#forum td.topics, #forum td.last-reply {
+#forum td.topics,
+#forum td.last-reply {
   background-color: #ddd;
 }
 #forum td.container {
@@ -308,7 +332,9 @@ table {
 #forum td.container a {
   color: #555;
 }
-#forum td.statistics, #forum td.settings, #forum td.pager {
+#forum td.statistics,
+#forum td.settings,
+#forum td.pager {
   height: 1.5em;
   border: 1px solid #bbb;
 }
@@ -334,7 +360,8 @@ table {
 .calendar a {
   text-decoration: none;
 }
-.calendar td, .calendar th {
+.calendar td,
+.calendar th {
   padding: 0.4em 0;
   border-color: #888;
 }
@@ -355,5 +382,6 @@ table {
   background-color: #ccc;
 }
 .calendar .row-week td a:hover {
-  background-color: #fff; color: #000;
+  background-color: #fff;
+  color: #000;
 }
diff --git a/css/civicrm.css b/css/civicrm.css
index 163095e9d0..bd999d98bb 100644
--- a/css/civicrm.css
+++ b/css/civicrm.css
@@ -8,15 +8,15 @@
 
 /* Use this class to hide text that should only be there for screen readers */
 .sr-only {
-   border: 0;
-   clip: rect(1px, 1px, 1px, 1px);
-   clip-path: inset(50%);
-   height: 1px;
-   width: 1px;
-   margin: -1px;
-   overflow: hidden;
-   padding: 0;
-   position: absolute;
+  border: 0;
+  clip: rect(1px, 1px, 1px, 1px);
+  clip-path: inset(50%);
+  height: 1px;
+  width: 1px;
+  margin: -1px;
+  overflow: hidden;
+  padding: 0;
+  position: absolute;
 }
 
 .crm-container .crm-flex-box {
@@ -62,11 +62,12 @@ div.crm-container label {
   display: inline;
 }
 
-div.crm-container fieldset label{
+div.crm-container fieldset label {
   float: none;
 }
 
-input.crm-form-radio + label, input.crm-form-checkbox + label{
+input.crm-form-radio + label,
+input.crm-form-checkbox + label {
   margin-left: 7px;
 }
 
@@ -112,11 +113,11 @@ input.crm-form-radio + label, input.crm-form-checkbox + label{
 .crm-container table.display thead th,
 .crm-container table thead.sticky th,
 .crm-container table.caseSelector tr.columnheader th {
-  background-color: #FFFFFF;
-  border-color: #FFFFFF #FFFFFF #CFCEC3;
+  background-color: #ffffff;
+  border-color: #ffffff #ffffff #cfcec3;
   border-style: solid;
   border-width: 1px 1px 2px;
-  color: #A7A7A7;
+  color: #a7a7a7;
   font-size: 13px;
   font-weight: bold;
   padding: 4px;
@@ -125,13 +126,13 @@ input.crm-form-radio + label, input.crm-form-checkbox + label{
 }
 /* Styles for Sticky Header */
 .crm-container table thead.sticky {
-  background-color: #FFF;
+  background-color: #fff;
 }
 
 .crm-container thead div.sticky-header {
   height: 15px;
-  border-bottom: 2px solid #CFCEC3;
-  background-color: #FFF;
+  border-bottom: 2px solid #cfcec3;
+  background-color: #fff;
   z-index: 10;
 }
 
@@ -143,12 +144,12 @@ input.crm-form-radio + label, input.crm-form-checkbox + label{
 .crm-container table.caseSelector tr.columnheader th a.sort-ascending,
 .crm-container table.caseSelector tr.columnheader th a.sort-descending {
   color: #3e3e3e;
-  background-color: #FFF;
+  background-color: #fff;
 }
 
 /* Set background back to normal gray for form labels which use <th>. Temporary fix until we standardize form layout markup. */
 .crm-container table.form-layout-compressed tbody th.label {
-  background-color: #F7F7F7;
+  background-color: #f7f7f7;
 }
 
 .crm-container tbody {
@@ -164,7 +165,7 @@ input.crm-form-radio + label, input.crm-form-checkbox + label{
   margin: 0;
   padding: 3px 0 3px 0;
   clear: none;
-  background-color: #F1F8EB;
+  background-color: #f1f8eb;
 }
 
 /*
@@ -240,7 +241,7 @@ input.crm-form-entityref {
 
 /* Base crm-container styles */
 .crm-container hr {
-  background-color: #B0B0B0;
+  background-color: #b0b0b0;
 }
 
 .crm-container .crm-form-block {
@@ -248,7 +249,7 @@ input.crm-form-entityref {
   margin-bottom: 4px;
   font-size: 13px;
   background-color: #efefe5;
-  color: #3E3E3E;
+  color: #3e3e3e;
 }
 
 .crm-container .no-border {
@@ -303,7 +304,7 @@ input.crm-form-entityref {
 }
 
 .crm-container input.crm-form-text.ng-invalid.ng-dirty {
-    border: 1px solid #FF0000;
+  border: 1px solid #ff0000;
 }
 .crm-container input.crm-form-text,
 .crm-container .crm-icon-picker-button,
@@ -358,7 +359,7 @@ input.crm-form-entityref {
   padding: 4px 0;
   margin: 10px 0;
   border: none;
-  border-top: 1px solid #CFCEC3;
+  border-top: 1px solid #cfcec3;
 }
 
 .crm-container fieldset.no-border {
@@ -373,7 +374,7 @@ input.crm-form-entityref {
   background: none;
   border: medium none;
   background-color: transparent;
-  color: #3E3E3E;
+  color: #3e3e3e;
   position: relative;
   text-indent: 0;
   width: auto;
@@ -422,7 +423,7 @@ input.crm-form-entityref {
   }
 }
 
-.crm-container .crm-section .label label{
+.crm-container .crm-section .label label {
   white-space: normal;
 }
 
@@ -633,14 +634,14 @@ input.crm-form-entityref {
 }
 
 .crm-container .messages table td {
-  background-color: #F7F7F7;
-  border-bottom: 1px solid #DDDDDD;
+  background-color: #f7f7f7;
+  border-bottom: 1px solid #dddddd;
 }
 
 .crm-container .status {
-  background-color: #FFFFCC;
+  background-color: #ffffcc;
   background-image: none;
-  border: 1px solid #FFFF66;
+  border: 1px solid #ffff66;
   margin: 0.5em 0;
   padding: 0.25em 0.5em;
   color: #3e3e3e;
@@ -673,26 +674,26 @@ input.crm-form-entityref {
   color: #000080;
 }
 
-.crm-container .crm-marker{
-  color: #8A1F11;
+.crm-container .crm-marker {
+  color: #8a1f11;
   font-weight: bold;
   margin-right: 5px;
 }
 
 .crm-container .crm-error,
 .crm-container .crm-inline-error {
-  background: #FBE3E4 none repeat scroll 0 0;
+  background: #fbe3e4 none repeat scroll 0 0;
   border: none;
-  color: #8A1F11;
+  color: #8a1f11;
 }
 .crm-container .crm-error {
   padding: 4px;
 }
 
 .crm-container .status.crm-ok {
-  border-color: #B0D730;
-  background-color: #F1F8EB;
-  color: #3E3E3E;
+  border-color: #b0d730;
+  background-color: #f1f8eb;
+  color: #3e3e3e;
 }
 
 .crm-container .crm-footer {
@@ -744,7 +745,7 @@ input.crm-form-entityref {
   padding: 0.5em;
   background-color: #999999;
   font-weight: bold;
-  color: #FAFAFA;
+  color: #fafafa;
   border-radius: 2px;
 }
 
@@ -756,10 +757,10 @@ input.crm-form-entityref {
 /* Data display layouts */
 .crm-container h3 {
   /* h3 used as table header for civicrm */
-  background-color: #CDE8FE;
+  background-color: #cde8fe;
   font-size: 15px;
   font-weight: bold;
-  color: #121A2D;
+  color: #121a2d;
   padding: 4px 6px;
   margin: 0 0 0.3em;
 }
@@ -842,9 +843,9 @@ input.crm-form-entityref {
 /* Page and form-level 'help' */
 .crm-container .help,
 .crm-container #help {
-  background-color: #F1F8EB;
-  border: 1px solid #B0D730;
-  color: #3E3E3E;
+  background-color: #f1f8eb;
+  border: 1px solid #b0d730;
+  color: #3e3e3e;
   font-size: 13px;
   margin: 0 0 8px;
   padding: 4px;
@@ -903,9 +904,9 @@ input.crm-form-entityref {
 }
 
 #crm-container tr.columnheader {
-  background-color: #E6E6E6;
+  background-color: #e6e6e6;
   color: #000000;
-  border: 1px solid #DDD;
+  border: 1px solid #ddd;
 }
 
 #crm-container tr.columnheader a {
@@ -916,7 +917,7 @@ input.crm-form-entityref {
 
 #crm-container tr.columnheader-dark th {
   background-color: #999999;
-  color: #FAFAFA;
+  color: #fafafa;
   border: 1px solid #696969;
 }
 
@@ -956,7 +957,7 @@ input.crm-form-entityref {
 
 #crm-container .report td {
   border: 1px solid #999999;
-  background-color: #F6F6F6;
+  background-color: #f6f6f6;
 }
 
 /* double line right border for last cell in a horizontal grouping */
@@ -966,9 +967,9 @@ input.crm-form-entityref {
 
 #crm-container .report td.separator {
   padding-top: 1em;
-  background-color: #FFFFFF;
-  border-left-color: #FFFFFF;
-  border-right-color: #FFFFFF;
+  background-color: #ffffff;
+  border-left-color: #ffffff;
+  border-right-color: #ffffff;
 }
 
 #crm-container .chart td {
@@ -1023,7 +1024,7 @@ input.crm-form-entityref {
 
 .crm-container .crm-pager {
   border: none;
-  background-color: #F5F6F1;
+  background-color: #f5f6f1;
   position: relative;
   height: 35px;
   padding-top: 5px;
@@ -1060,7 +1061,7 @@ input.crm-form-entityref {
 #crm-container form .section-hidden-border {
   background-color: #5c5c59;
   border: medium none;
-  color: #FFFFFF;
+  color: #ffffff;
   margin-left: 5px;
   font-size: 13px;
   font-family: Verdana;
@@ -1093,7 +1094,7 @@ input.crm-form-entityref {
 
 #crm-container ul.wizard-bar li {
   display: inline;
-  background-color: #FAFAFA;
+  background-color: #fafafa;
   border: 1px solid #999999;
   height: auto;
   margin: -2px;
@@ -1104,14 +1105,14 @@ input.crm-form-entityref {
 }
 
 #crm-container ul.wizard-bar li.current-step {
-  background-color: #4A89DC;
-  border-color: #4A89DC;
+  background-color: #4a89dc;
+  border-color: #4a89dc;
   color: #ffffff;
   font-weight: bold;
 }
 
 #crm-container ul.wizard-bar li.past-step {
-  background-color: #F5F5F5;
+  background-color: #f5f5f5;
   color: #666;
 }
 
@@ -1133,7 +1134,7 @@ input.crm-form-entityref {
 #crm-recently-viewed li.crm-recently-viewed {
   margin: 1px;
   padding: 1px 1px 4px 3px;
-  border: 1px solid #D7D7D0;
+  border: 1px solid #d7d7d0;
   background-color: #fff;
   white-space: nowrap;
   list-style-type: none;
@@ -1143,14 +1144,14 @@ input.crm-form-entityref {
 
 #crm-recently-viewed ul li.crm-recently-viewed:hover,
 #crm-recently-viewed .crm-recentview-wrapper {
-  background-color: #FFFFCC;
-  border: 1px solid #FFFF66;
+  background-color: #ffffcc;
+  border: 1px solid #ffff66;
   border-radius: 4px;
 }
 
 #crm-recently-viewed a {
   font-weight: normal;
-  color: #4A88DF;
+  color: #4a88df;
   text-decoration: none;
   font-size: .95em;
 }
@@ -1266,7 +1267,7 @@ input.crm-form-entityref {
 }
 
 #crm-container table.campaign table {
-  background: #F7F7F7;
+  background: #f7f7f7;
 }
 
 #crm-container div.remaining {
@@ -1332,7 +1333,7 @@ input.crm-form-entityref {
 }
 
 #crm-container .pcp-widgets {
-  border: 1px solid #CCCCCC;
+  border: 1px solid #cccccc;
   float: right;
   margin: 0 0 1em 1em;
   padding: 0.5em;
@@ -1396,10 +1397,10 @@ input.crm-form-entityref {
 
 #crm-container table.nestedActivitySelector tr.columnheader th {
   color: #000000;
-  background-color: #CFCEC3;
-  border-top-color: #FFF;
-  border-left-color: #FFFFFF;
-  border-right-color: #FFFFFF;
+  background-color: #cfcec3;
+  border-top-color: #fff;
+  border-left-color: #ffffff;
+  border-right-color: #ffffff;
   border-bottom-color: #999999;
 }
 
@@ -1413,17 +1414,16 @@ input.crm-form-entityref {
 }
 
 #crm-container table#activities-selector.nestedActivitySelector tr.status-overdue {
-
 }
 
 #crm-container table.nestedActivitySelector tr.priority-urgent,
 #crm-container table.nestedActivitySelector tr a.priority-urgent {
-  background-color: #FFDDDD;
+  background-color: #ffdddd;
 }
 
 #crm-container table.nestedActivitySelector tr.priority-low,
 #crm-container table.nestedActivitySelector tr a.priority-low {
-  background-color: #DDFFDD;
+  background-color: #ddffdd;
 }
 
 #crm-container table.nestedActivitySelector tr.status-scheduled,
@@ -1438,7 +1438,7 @@ input.crm-form-entityref {
 
 #crm-container table.nestedActivitySelector tr.status-overdue,
 #crm-container table.nestedActivitySelector tr a.status-overdue {
-  color: #FF0000;
+  color: #ff0000;
 }
 
 #crm-container table.nestedActivitySelector tr a.crm-activity-status {
@@ -1489,7 +1489,7 @@ input.crm-form-entityref {
 
 .crm-container .action-item-wrap {
   padding: 0 5px;
-  border-left: 1px solid #CCC;
+  border-left: 1px solid #ccc;
   white-space: normal;
 }
 
@@ -1531,9 +1531,9 @@ input.crm-form-entityref {
   background-image: -moz-linear-gradient(center bottom, #eee 0%, #ccc 100%);
   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#cccccc', endColorstr = '#eeeeee', GradientType = 0);
   background-image: linear-gradient(top, #eee 0%, #ccc 100%);
-  border: 1px solid #AAAAAA;
+  border: 1px solid #aaaaaa;
   opacity: 1;
-  color: #2786C2;
+  color: #2786c2;
 }
 .crm-container .crm-hover-button .icon {
   cursor: pointer;
@@ -1551,7 +1551,7 @@ input.crm-form-entityref {
 
 /* theming for panel and context menus */
 .crm-container td ul.panel li {
-  background-color: #2F2F2E;
+  background-color: #2f2f2e;
 }
 
 .crm-container .btn-slide .panel li a:hover,
@@ -1559,7 +1559,7 @@ input.crm-form-entityref {
 .crm-container .crm-event-links-list-inner li a:hover,
 .crm-container .crm-contribpage-links-list-inner li a:hover {
   color: #3e3e3e;
-  background-color: #F5F6F1;
+  background-color: #f5f6f1;
   text-decoration: none;
 }
 
@@ -1617,7 +1617,7 @@ input.crm-form-entityref {
   padding: 4px;
   display: block;
   cursor: pointer;
-  color: #DFDFDF;
+  color: #dfdfdf;
 }
 
 /*class for CMS user name check used in profile*/
@@ -1694,7 +1694,7 @@ input.crm-form-entityref {
 .crm-container div.crm-clear {
   clear: both;
   margin-bottom: 1px;
-  background-color: #FAFAFA;
+  background-color: #fafafa;
   font-size: 11px;
 }
 
@@ -1738,7 +1738,7 @@ input.crm-form-entityref {
 
 .crm-container a.crm-event-feed-link {
   margin: 0 1ex;
-  color: #52534D;
+  color: #52534d;
   display: inline-block;
   font-size: 10px;
   padding: 2px 2px 0;
@@ -1766,8 +1766,8 @@ input.crm-form-entityref {
 }
 
 #crm-container .report-contents {
-  background-color: #F5F5F5;
-  border: 1px solid #CDCDC3;
+  background-color: #f5f5f5;
+  border: 1px solid #cdcdc3;
   padding: 4px;
   width: 20%;
   white-space: normal;
@@ -1775,7 +1775,7 @@ input.crm-form-entityref {
 }
 
 #crm-container .report-contents-right {
-  border: 1px solid #CDCDC3;
+  border: 1px solid #cdcdc3;
   padding: 4px;
   font-size: 0.95em;
   text-align: right;
@@ -1783,7 +1783,7 @@ input.crm-form-entityref {
 
 #crm-container table.report-layout td {
   padding: 4px;
-  border-bottom: 1px solid #CDCDC3;
+  border-bottom: 1px solid #cdcdc3;
   vertical-align: top;
 }
 
@@ -1797,8 +1797,7 @@ input.crm-form-entityref {
 }
 
 #crm-container table.report-layout th.report-contents {
-  background-color: #F5F5F5;
-
+  background-color: #f5f5f5;
 }
 
 #crm-container table.report-layout th.statistics {
@@ -1823,7 +1822,7 @@ input.crm-form-entityref {
   vertical-align: top;
   font-weight: bold;
   margin-right: 10px;
-  background-color: #EEEEEE;
+  background-color: #eeeeee;
   width: 20%;
 }
 
@@ -1896,7 +1895,7 @@ input.crm-form-entityref {
 .crm-container .crm-button {
   text-shadow: 0 1px 0 black;
   background: #696969;
-  color: #FFF;
+  color: #fff;
   font-size: 13px;
   font-weight: normal;
   margin: 0 6px 0 0;
@@ -2078,11 +2077,11 @@ a.crm-i:hover {
 .crm-container .crm-hover-button:hover .crm-i.fa-trash,
 .crm-container span:hover > .crm-i.fa-trash,
 .crm-i.crm-i-red {
-  color: #8A1F11;
+  color: #8a1f11;
 }
 
 .crm-i.crm-i-blue {
-  color: #6177D5;
+  color: #6177d5;
 }
 
 .crm-i.crm-i-green {
@@ -2094,8 +2093,8 @@ a.crm-i:hover {
 }
 
 .crm-submit-buttons .helpicon {
-    float: left;
-    padding-right: 6px;
+  float: left;
+  padding-right: 6px;
 }
 
 .crm-container  a.helpicon:hover,
@@ -2197,21 +2196,21 @@ div.crm-master-accordion-header a.helpicon {
 /* Specific types of headers */
 
 #crm-container .widget-content .crm-accordion-header {
-  background-color: #EFEFE5;
+  background-color: #efefe5;
   color: #080808;
 }
 
 .crm-container a.crm-expand-row:before,
 .crm-container a.crm-expand-row:link::before,
 .crm-container a.crm-expand-row:visited::before {
-  color: #3E3E3E;
+  color: #3e3e3e;
 }
 
 .crm-container .crm-accordion-header {
-  color: #F5F6F1;
+  color: #f5f6f1;
   font-weight: normal;
   padding: 4px 8px;
-  background-color: #5D677B;
+  background-color: #5d677b;
   border-radius: 4px 4px 0 0;
 }
 
@@ -2221,11 +2220,11 @@ div.crm-master-accordion-header a.helpicon {
 
 .crm-container .crm-accordion-header.active {
   font-weight: bold;
-  background-color: #3E3E3E;
+  background-color: #3e3e3e;
 }
 
 .crm-container .crm-accordion-header:hover {
-  background-color: #2F2F2E;
+  background-color: #2f2f2e;
 }
 
 #crm-container .widget-content .crm-accordion-header:hover {
@@ -2234,7 +2233,7 @@ div.crm-master-accordion-header a.helpicon {
 
 .crm-container .crm-accordion-wrapper .crm-master-accordion-header {
   background-color: transparent;
-  color: #3E3E3E;
+  color: #3e3e3e;
 }
 
 .crm-container .crm-accordion-wrapper .crm-master-accordion-header {
@@ -2243,7 +2242,7 @@ div.crm-master-accordion-header a.helpicon {
 
 .crm-container .crm-master-accordion-header.crm-accordion-header:hover,
 .crm-container .crm-collapsible .collapsible-title:hover {
-  color: #121A2D;
+  color: #121a2d;
 }
 
 .crm-container .collapsed .crm-accordion-body,
@@ -2289,7 +2288,7 @@ div.crm-master-accordion-header a.helpicon {
 
 .crm-container .crm-accordion-body {
   border-radius: 0 0 4px 4px;
-  border: 1px solid #70716B;
+  border: 1px solid #70716b;
   border-top: 0;
   padding: 4px 0;
 }
@@ -2322,7 +2321,7 @@ div.crm-master-accordion-header a.helpicon {
 }
 
 .crm-status-box-outer.status-start {
-  background: #F8FF03 url("../i/animated-overlay.gif");
+  background: #f8ff03 url("../i/animated-overlay.gif");
 }
 
 .crm-status-box-outer .crm-status-box-inner {
@@ -2377,7 +2376,7 @@ div.crm-master-accordion-header a.helpicon {
 .crm-container .crm-tooltip {
   padding: 4px;
   background-color: #2f2f2e;
-  color: #FFF;
+  color: #fff;
   margin-left: 11px;
   min-width: 20px;
   min-height: 20px;
@@ -2386,7 +2385,7 @@ div.crm-master-accordion-header a.helpicon {
 #crm-container .crm-tooltip table tr td {
   background-color: #2f2f2e;
   border: none;
-  color: #FFF;
+  color: #fff;
   word-wrap: break-word;
 }
 .crm-container .crm-tooltip .crm-summary-group {
@@ -2406,7 +2405,7 @@ div.crm-master-accordion-header a.helpicon {
 .crm-container .crm-summary-group h2 {
   padding: 2px 4px 0 4px;
   font-size: 14px;
-  color: #FFF;
+  color: #fff;
   margin-bottom: 0;
 }
 
@@ -2415,7 +2414,7 @@ div.crm-master-accordion-header a.helpicon {
   text-align: left;
   width: 40%;
   font-size: 11px;
-  color: #A7A7A7;
+  color: #a7a7a7;
   background-color: transparent;
 }
 
@@ -2710,7 +2709,7 @@ div.crm-container form {
 .crm-container tr.even,
 .crm-container tr.odd,
 .crm-container tbody th {
-  border-color: #FFF #FFF #efefef #FFF;
+  border-color: #fff #fff #efefef #fff;
 }
 
 .crm-container tr.even-row td,
@@ -2724,12 +2723,12 @@ div.crm-container form {
 .crm-container .odd-row,
 .crm-container .odd,
 tbody.scrollContent {
-  background-color: #FAFAFA;
+  background-color: #fafafa;
 }
 .crm-container .even-row,
 .crm-container .even,
 tbody.scrollContent tr.alternateRow {
-  background-color: #EFEFEF;
+  background-color: #efefef;
 }
 
 .crm-container td.checkbox {
@@ -2743,7 +2742,7 @@ tbody.scrollContent tr.alternateRow {
 .crm-container a.sorting,
 .crm-container a.sorting_desc,
 .crm-container a.sorting_asc {
-  color: #A7A7A7;
+  color: #a7a7a7;
   background: url("../bower_components/datatables/media/images/sort_both.png") no-repeat left center;
   padding-left: 20px;
 }
@@ -2755,7 +2754,7 @@ tbody.scrollContent tr.alternateRow {
 .crm-container tr a.sorting,
 .crm-container tr a.sorting_asc,
 .crm-container tr a.sorting_desc {
-  color: #52534D;
+  color: #52534d;
 }
 
 .crm-container table thead a.sorting_asc {
@@ -2783,7 +2782,7 @@ tbody.scrollContent tr.alternateRow {
 }
 
 .crm-container table.crm-info-panel td {
-  border-bottom: 1px solid #FFF;
+  border-bottom: 1px solid #fff;
 }
 
 .crm-container table.crm-info-panel .label {
@@ -2806,7 +2805,7 @@ tbody.scrollContent tr.alternateRow {
 }
 
 .crm-container table.selector td {
-  border-right: 1px dotted #DDDDDD;
+  border-right: 1px dotted #dddddd;
 }
 
 .crm-container div.contact_panel td,
@@ -2861,8 +2860,8 @@ tbody.scrollContent tr.alternateRow {
 /* search results */
 .crm-container .crm-search-tasks,
 .crm-container .crm-tasks {
-  background-color: #F0F0E8;
-  color: #52534D;
+  background-color: #f0f0e8;
+  color: #52534d;
 }
 
 #crm-container .crm-tasks table {
@@ -2885,7 +2884,7 @@ tbody.scrollContent tr.alternateRow {
 .crm-container .status-past,
 .crm-contact-deceased,
 .crm-container .status-warning {
-  color: #E43D2B !important;
+  color: #e43d2b !important;
 }
 
 /* rounded corners */
@@ -2924,7 +2923,8 @@ tbody.scrollContent tr.alternateRow {
   padding: 4px;
 }
 
-.crm-create-new-list-inner, .crm-create-new-list-inner ul {
+.crm-create-new-list-inner,
+.crm-create-new-list-inner ul {
   width: 160px!important;
 }
 
@@ -2935,12 +2935,12 @@ tbody.scrollContent tr.alternateRow {
 .crm-container .ac_results li,
 .crm-container .ac_results li a,
 .crm-container .ac_results li a:visited {
-  color: #DFDFDF;
+  color: #dfdfdf;
   text-decoration: none;
 }
 
 .ac_results li strong {
-  color: #FFF;
+  color: #fff;
   font-weight: normal;
 }
 
@@ -2957,7 +2957,7 @@ tbody.scrollContent tr.alternateRow {
 .ac_results li:hover,
 .ac_results li:hover a,
 .ac_results li a:hover {
-  background-color: #F5F6F1;
+  background-color: #f5f6f1;
   color: #666;
 }
 .crm-container .ac_results li:hover strong {
@@ -3107,7 +3107,7 @@ tbody.scrollContent tr.alternateRow {
   padding: 0;
 }
 .crm-container .crm-action-menu .select2-default span.select2-chosen {
-  color: #2786C2;
+  color: #2786c2;
 }
 .crm-container .select2-container[class*=" fa-"]:before {
   display: none;
@@ -3155,7 +3155,7 @@ span.crm-select-item-color {
   box-shadow: 0 0 10px rgba(0, 0, 0, 0.6);
 }
 .crm-container.ui-dialog.ui-resizable:before {
-  display:block;
+  display: block;
   content: " ";
   width: 16px;
   height: 16px;
@@ -3165,8 +3165,8 @@ span.crm-select-item-color {
   right: 0;
 }
 .crm-container .ui-dialog-titlebar.ui-widget-header {
-  background: #5D677B;
-  color: #F5F6F1;
+  background: #5d677b;
+  color: #f5f6f1;
 }
 .crm-container .ui-dialog-title {
   background: url("../i/item_sprites.png") no-repeat scroll -79px -47px;
@@ -3193,16 +3193,16 @@ span.crm-select-item-color {
 
 /* table row highlightng */
 .crm-container .crm-row-ok {
-  background-color: #EFFFE7;
+  background-color: #efffe7;
   border-bottom: 1px solid #ccc;
 }
 .crm-container .crm-row-error {
-  background-color: #FFECEC;
+  background-color: #ffecec;
   border-bottom: 1px solid #ccc;
 }
 .crm-container table.row-highlight tr:hover,
 .crm-container .crm-row-selected {
-  background-color: #FFFFCC;
+  background-color: #ffffcc;
 }
 .crm-container table.row-highlight tr.even-row:hover,
 .crm-container table.row-highlight tr.even:hover,
@@ -3248,10 +3248,10 @@ span.crm-select-item-color {
   word-break: break-all;
 }
 .crm-container ul.crm-checkbox-list li:nth-child(even) label {
-  background-color: #FAFAFA;
+  background-color: #fafafa;
 }
 .crm-container ul.crm-checkbox-list li input:checked + label {
-  background-color: #FFFFCC;
+  background-color: #ffffcc;
 }
 .crm-container ul.crm-checkbox-list li:nth-child(even) input:checked + label {
   background-color: #fffdb2
@@ -3302,7 +3302,7 @@ span.crm-select-item-color {
 }
 
 .crm-container table.batch-totals {
-  border: 1px solid #7A7A60 !important;
+  border: 1px solid #7a7a60 !important;
   margin-top: 10px !important;
 }
 
@@ -3310,13 +3310,13 @@ span.crm-select-item-color {
 .crm-container .crm-grid-table {
   display: table;
   border-collapse: collapse;
-  border: 1px solid #7A7A60;
-  background-color: #FFFFFF;
+  border: 1px solid #7a7a60;
+  background-color: #ffffff;
   margin: 10px 3px 10px !important;
 }
 
 .crm-container .crm-batch-entry-table {
-  border-right: 2px solid #7A7A60 !important;
+  border-right: 2px solid #7a7a60 !important;
 }
 
 .crm-container .crm-grid-row,
@@ -3330,7 +3330,7 @@ span.crm-select-item-color {
 
 .crm-container .crm-grid-cell {
   display: table-cell;
-  border-right: 1px solid #EFEFEF;
+  border-right: 1px solid #efefef;
   padding: 2px;
   vertical-align: top;
 }
@@ -3410,7 +3410,7 @@ span.crm-select-item-color {
 }
 
 .crm-container .crm-editable-saving {
-  background: #FFFFCC!important;
+  background: #ffffcc!important;
   opacity: 0.8;
 }
 
@@ -3524,15 +3524,15 @@ span.crm-select-item-color {
 }
 .crm-container div.ui-notify-message-style a,
 .crm-container div.ui-notify-message-style a:link {
-  color: #CCD0FF;
+  color: #ccd0ff;
   text-decoration: underline;
 }
 .crm-container div.ui-notify-message-style a:hover,
 .crm-container div.ui-notify-message-style a:focus {
-  color: #B2B8FF;
+  color: #b2b8ff;
 }
 .crm-container div.ui-notify-message-style .ui-button .ui-button-text {
-  color: #2F2F2F;
+  color: #2f2f2f;
   text-decoration: none;
 }
 #crm-notification-container .ui-notify-message .ui-notify-close {
@@ -3546,7 +3546,7 @@ span.crm-select-item-color {
   font-weight: bold;
   text-shadow: 0 1px 1px #fff;
   padding: 2px;
-  color: #FDFDFD;
+  color: #fdfdfd;
 }
 #crm-notification-container .ui-notify-message .ui-notify-cross:hover,
 #crm-notification-container .ui-notify-message .ui-notify-cross:focus {
@@ -3827,7 +3827,7 @@ span.crm-status-icon {
   margin-right: 10px;
   box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5);
   border-radius: 3px;
-  border: 1px solid #FFFFFF;
+  border: 1px solid #ffffff;
 }
 
 .crm-container .credit_card_type-section .crm-credit_card_type-icons .crm-credit_card_type-icon-visa {
@@ -3877,15 +3877,15 @@ span.crm-status-icon {
 .crm-container input.ng-invalid.ng-dirty,
 .crm-container select.ng-invalid.ng-dirty,
 .crm-container textarea.ng-invalid.ng-dirty {
-    border: 1px solid red;
+  border: 1px solid red;
 }
 .crm-container input.ng-valid,
 .crm-container input.ng-pristine,
 .crm-container textarea.ng-valid,
 .crm-container textarea.ng-pristine,
 .crm-container select.ng-valid,
-.crm-container select.ng-pristine{
-    border: 1px solid #666;
+.crm-container select.ng-pristine {
+  border: 1px solid #666;
 }
 
 /* block-ui */
@@ -3894,7 +3894,7 @@ span.crm-status-icon {
 }
 
 .crm-container table.mergecontact thead th {
-  width:30%;
+  width: 30%;
 }
 .crm-container .crm-ui-datetime.ng-dirty input.incomplete {
   border: 1px solid red;
diff --git a/css/contactSummary.css b/css/contactSummary.css
index 1fc283ef56..6f719b3c80 100644
--- a/css/contactSummary.css
+++ b/css/contactSummary.css
@@ -18,7 +18,7 @@ div#crm-contact-thumbnail {
 }
 
 .crm-container div.contact_panel td {
-  border-bottom: 1px solid #FFF;
+  border-bottom: 1px solid #fff;
 }
 
 #crm-container div.crm-inline-edit {
@@ -34,7 +34,7 @@ div#crm-contact-thumbnail {
 
 #crm-container div.crm-inline-edit.form {
   cursor: default;
-  border: 2px dashed #6665BF;
+  border: 2px dashed #6665bf;
   box-shadow: rgba(255, 255, 255, 0.3) 0 0 0 99999px;
   background-color: white;
   float: left;
@@ -61,12 +61,12 @@ div#crm-contact-thumbnail {
 
 #crm-container .crm-address-block+.crm-address-block .add-new .crm-edit-help {
   display: block;
-  background-color: #EBEBEB;
+  background-color: #ebebeb;
 }
 
 #crm-container .crm-edit-ready .crm-summary-block .crm-inline-edit:hover .crm-edit-help {
   display: block;
-  background-color: #DFE1FF;
+  background-color: #dfe1ff;
 }
 
 #crm-container div.crm-inline-edit.form .crm-edit-help {
@@ -150,7 +150,7 @@ div#crm-contact-thumbnail {
 #crm-container div.contact_panel td {
   padding: 4px;
   vertical-align: top;
-  border-bottom: 1px solid #E2E2E2;
+  border-bottom: 1px solid #e2e2e2;
 }
 
 #crm-container div.contact_panel td.label {
@@ -176,7 +176,7 @@ div#crm-contact-thumbnail {
   width: 100%;
 }
 .crm-container div.contact_panel td.grouplabel {
-  border-bottom: 2px solid #D7D7D0 !important;
+  border-bottom: 2px solid #d7d7d0 !important;
 }
 
 #crm-container div.contact_panel .crm-address-block {
@@ -195,14 +195,14 @@ div#crm-contact-thumbnail {
 }
 
 #crm-container div.crm-summary-row {
-  background-color: #F4F4ED;
+  background-color: #f4f4ed;
   border-top: 1px solid #ffffff;
   margin-bottom: 1px;
   min-height: 17px;
 }
 
 #crm-container div.crm-summary-row div.crm-label {
-  background-color: #FAFAFA;
+  background-color: #fafafa;
   color: #777760;
   text-align: left;
   width: 122px;
@@ -216,7 +216,7 @@ div#crm-contact-thumbnail {
 }
 
 .crm-container #customFields div.contact_panel td {
-  border-bottom: 1px solid #FFFFFF;
+  border-bottom: 1px solid #ffffff;
   padding: 4px;
   vertical-align: top;
 }
@@ -372,7 +372,7 @@ div#crm-contact-thumbnail {
 }
 
 #tagGroup table .label {
-  color: #FFF;
+  color: #fff;
 }
 #tagGroup table {
   color: #000;
diff --git a/css/crm-menubar.css b/css/crm-menubar.css
index f4428a4fad..646fd57af0 100644
--- a/css/crm-menubar.css
+++ b/css/crm-menubar.css
@@ -44,9 +44,9 @@
 }
 #civicrm-menu li li .sub-arrow:before {
   content: "\f0da";
-	font-family: 'FontAwesome';
-	float: right;
-	margin-right: -25px;
+  font-family: 'FontAwesome';
+  float: right;
+  margin-right: -25px;
 }
 /* x icon */
 #crm-menubar-state:checked ~ .crm-menubar-toggle-btn .crm-menubar-toggle-btn-icon {
@@ -205,13 +205,32 @@ body.crm-menubar-over-cms-menu #crm-menubar-toggle-position a i {
      collapsible to desktop (navbar + dropdowns)
   -----------------------------------------------*/
   /* start... (it's not recommended editing these rules) */
-  #civicrm-menu ul{position:absolute;width:12em;}
-  #civicrm-menu li{float:left;}
-  #civicrm-menu.sm-rtl li{float:right;}
-  #civicrm-menu ul li,#civicrm-menu.sm-rtl ul li,#civicrm-menu.sm-vertical li{float:none;}
-  #civicrm-menu a{white-space:nowrap;}
-  #civicrm-menu ul a,#civicrm-menu.sm-vertical a{white-space:normal;}
-  #civicrm-menu .sm-nowrap > li > a,#civicrm-menu .sm-nowrap > li > :not(ul) a{white-space:nowrap;}
+  #civicrm-menu ul {
+    position: absolute;
+    width: 12em;
+  }
+  #civicrm-menu li {
+    float: left;
+  }
+  #civicrm-menu.sm-rtl li {
+    float: right;
+  }
+  #civicrm-menu ul li,
+  #civicrm-menu.sm-rtl ul li,
+  #civicrm-menu.sm-vertical li {
+    float: none;
+  }
+  #civicrm-menu a {
+    white-space: nowrap;
+  }
+  #civicrm-menu ul a,
+  #civicrm-menu.sm-vertical a {
+    white-space: normal;
+  }
+  #civicrm-menu .sm-nowrap > li > a,
+  #civicrm-menu .sm-nowrap > li > :not(ul) a {
+    white-space: nowrap;
+  }
   /* ...end */
 
   /* hide the button in desktop view */
@@ -286,23 +305,23 @@ body.crm-menubar-over-cms-menu #crm-menubar-toggle-position a i {
     z-index: 100000;
     background-color: #1b1b1b;
   }
-	#civicrm-menu ul {
-		background-color: #444;
-	}
-	#civicrm-menu ul ul {
-		background-color: #555;
-	}
-	#civicrm-menu ul ul ul {
-		background-color: #666;
-	}
+  #civicrm-menu ul {
+    background-color: #444;
+  }
+  #civicrm-menu ul ul {
+    background-color: #555;
+  }
+  #civicrm-menu ul ul ul {
+    background-color: #666;
+  }
   #civicrm-menu li {
     padding: 5px;
   }
-	#civicrm-menu li a {
-		text-align: center;
-		font-size: 14px;
+  #civicrm-menu li a {
+    text-align: center;
+    font-size: 14px;
     color: #ddd;
-	}
+  }
   #civicrm-menu li a:focus,
   #civicrm-menu li a:hover,
   #civicrm-menu li a.highlighted {
diff --git a/css/crm.designer.css b/css/crm.designer.css
index ac0bda7fff..d31b47161d 100644
--- a/css/crm.designer.css
+++ b/css/crm.designer.css
@@ -1,9 +1,9 @@
 .crm-profile-selector-preview-pane {
-    width: 75%;
-    min-width: 500px;
-    height: 20em;
-    border: 1px solid black;
-    padding: 4px;
+  width: 75%;
+  min-width: 500px;
+  height: 20em;
+  border: 1px solid black;
+  padding: 4px;
 }
 
 .crm-container .crm-profile-selector-preview .icon {
@@ -27,14 +27,14 @@
 }
 
 .crm-designer-toolbar .ui-resizable-w {
-  border-left: 4px dotted #BFBFBF;
+  border-left: 4px dotted #bfbfbf;
   cursor: ew-resize;
   height: 50px;
   top: 45%;
 }
 
 .crm-designer-toolbar .ui-resizable-w:hover {
-  border-left: 4px dotted #6B6B6B;
+  border-left: 4px dotted #6b6b6b;
 }
 
 .crm-designer-palette {
@@ -63,7 +63,7 @@
 .crm-designer-row-placeholder {
   border: 1px dashed gray;
   cursor: move;
-  background-color: #E9E9F5;
+  background-color: #e9e9f5;
 }
 
 .crm-designer-palette .crm-designer-palette-field.disabled a,
@@ -109,9 +109,9 @@
 }
 
 .crm-designer-fields {
-  min-width:100px;
+  min-width: 100px;
   /* to allow dropping in big whitespace, coordinate with min-height of dialog */
-  min-height:500px;
+  min-height: 500px;
 }
 
 .crm-designer-duplicate .crm-designer-row {
@@ -143,7 +143,7 @@
   cursor: pointer;
   display: inline-block;
   border-radius: 4px;
-  border: 1px solid #D7D7D7;
+  border: 1px solid #d7d7d7;
 }
 
 .crm-designer-row .crm-designer-buttons a:hover,
@@ -164,7 +164,7 @@
   right: 5px;
   top: 35px;
   font-size: .8em;
-  border: 1px solid #CFCEC3;
+  border: 1px solid #cfcec3;
 }
 
 button#crm-designer-add-custom-set {
@@ -177,11 +177,11 @@ button#crm-designer-add-custom-set {
 }
 
 .crm-designer-row .crm-designer-buttons a.crm-designer-action-settings:hover {
-  background-color: #71D46E;
+  background-color: #71d46e;
 }
 
 .crm-designer-row .crm-designer-buttons a.crm-designer-action-remove:hover {
-  background-color: #F19489;
+  background-color: #f19489;
 }
 
 .crm-designer-row,
diff --git a/css/dashboard.css b/css/dashboard.css
index 63d78c1776..ef17e63d85 100644
--- a/css/dashboard.css
+++ b/css/dashboard.css
@@ -28,7 +28,7 @@
 }
 
 .crm-container .crm-dashlet-header {
-  background-color: #5D677B;
+  background-color: #5d677b;
   display: block;
   padding: 5px 0;
 }
diff --git a/css/joomla.css b/css/joomla.css
index 7656c9af0e..7e902f35ba 100644
--- a/css/joomla.css
+++ b/css/joomla.css
@@ -27,7 +27,8 @@ img {
   border: 0;
 }
 /* Added in CiviCRM 2.0 to alleviate tiny font issues. */
-#crm-container tr, #crm-container tr td {
+#crm-container tr,
+#crm-container tr td {
   font-size: 1em;
 }
 
@@ -45,7 +46,8 @@ th {
 th.active img {
   display: inline;
 }
-tr.dark, tr.light {
+tr.dark,
+tr.light {
   background-color: #eee;
   border-bottom: 1px solid #ccc;
   padding: 0.1em 0.6em;
@@ -108,10 +110,13 @@ br.clear {
   list-style: disc;
 }
 /* Override .9em field help size from civicrm.css - CiviCRM 2.0 */
-#crm-container div.description, #crm-container span.description, #crm-container dd.description {
+#crm-container div.description,
+#crm-container span.description,
+#crm-container dd.description {
   font-size: 1em;
 }
-#crm-container div.description, #crm-container span.description {
+#crm-container div.description,
+#crm-container span.description {
   margin: 2px 0 15px 0;
   display: block;
 }
@@ -124,7 +129,8 @@ br.clear {
 .crm-form-submit {
   margin: 0.5em 0;
 }
-.marker, .form-required {
+.marker,
+.form-required {
   color: #f00;
 }
 .more-link {
@@ -152,7 +158,8 @@ br.clear {
 /*
 ** Page layout blocks / IDs
 */
-#header, #content {
+#header,
+#content {
   width: 100%;
 }
 #logo {
@@ -186,7 +193,8 @@ br.clear {
   font-weight: bold;
   color: #9cf;
 }
-#search .form-text, #search .crm-form-submit {
+#search .form-text,
+#search .crm-form-submit {
   border: 1px solid #369;
   font-size: 1.1em;
 }
@@ -220,7 +228,8 @@ br.clear {
   border-color: red;
   color: red;
 }
-#sidebar-left, #sidebar-right {
+#sidebar-left,
+#sidebar-right {
   background-color: #ddd;
   width: 16em;
   /* padding in px not ex because IE messes up 100% width tables otherwise */
@@ -229,7 +238,7 @@ br.clear {
 }
 
 #content-right {
-  background-color: #FFFFFF;
+  background-color: #ffffff;
 }
 
 #footer {
@@ -243,13 +252,15 @@ br.clear {
 ** additional rules /with only the differing properties!/ to .parent .class.
 ** See .comment .title for an example.
 */
-.title, .title a {
+.title,
+.title a {
   font-weight: normal;
   font-size: 1.6em;
   color: #666;
   margin: 0 auto 0 auto;  /* decrease default margins for h<x>.title */
 }
-.block-civicrm #recently-viewed .crm-icon, .crm-icon {
+.block-civicrm #recently-viewed .crm-icon,
+.crm-icon {
   margin-top: 0 !important;
 }
 .submitted {
@@ -262,7 +273,8 @@ br.clear {
 .links a {
   font-weight: bold;
 }
-.block, .box {
+.block,
+.box {
   padding: 0 0 1.5em 0;
 }
 .block {
@@ -278,14 +290,15 @@ br.clear {
   font-size: 1.1em;
 }
 
-#module-status, .version {
-  font-size:11px;
+#module-status,
+.version {
+  font-size: 11px;
 }
 #module-status a {
   font-weight: normal;
 }
 .main {
-  text-align:left;
+  text-align: left;
 }
 
 /* Joomla Admin Menu alterations */
@@ -299,7 +312,8 @@ div#toolbar-box div.m {
   margin-top: 8px;
 }
 
-div#toolbar-box, div#toolbar-box div.m{
+div#toolbar-box,
+div#toolbar-box div.m {
   height: auto;
 }
 
@@ -312,8 +326,8 @@ div#toolbar-box, div#toolbar-box div.m{
   padding: 0.2em 3px 1px;
 }
 #mainTabContainer li.crm-tab-button {
-  margin:0 3px 3px 0;
-  border: 1px solid #F5F6F1 !important;
+  margin: 0 3px 3px 0;
+  border: 1px solid #f5f6f1 !important;
 }
 #mainTabContainer li.crm-tab-button.ui-tabs-selected {
   padding-bottom: 0;
@@ -379,20 +393,20 @@ div#toolbar-box, div#toolbar-box div.m{
 /* Remove Joomla subhead toolbar & whitespace border */
 
 body.admin.com_civicrm .subhead-collapse {
-	display:none;
+  display: none;
 }
 body.admin.com_civicrm .container-fluid.container-main {
-	padding: 0;
-	border-top: 1px solid #787878;
+  padding: 0;
+  border-top: 1px solid #787878;
 }
 body.admin.com_civicrm.task-civicrmupgrade .container-fluid.container-main {
-	padding: 10px 25px 25px;
+  padding: 10px 25px 25px;
 }
 body.admin.com_civicrm #crm-nav-menu-container {
-	padding-bottom: 0 !important;
+  padding-bottom: 0 !important;
 }
 body.admin.com_civicrm #content-right {
-	padding: 12px;
+  padding: 12px;
 }
 
 /* Make footer admin bar hide behind popup windows (CRM-15723) */
@@ -403,36 +417,35 @@ body.ui-dialog-open #status {
 /* Joomla 4 */
 
 body.admin.com_civicrm.layout-default #content {
-	padding: 0;
+  padding: 0;
 }
 
 body.admin.com_civicrm.layout-default #subhead-container {
-	display: none;
+  display: none;
 }
 
 body.admin.com_civicrm.layout-default .crm-container .crm-dashlet {
-	max-width: 50vw; /* fixes over-wide news dashlet */ 
+  max-width: 50vw; /* fixes over-wide news dashlet */
 }
 
 body.admin.com_civicrm.layout-default .crm-container .content {
-	padding: inherit; /* overrides J4 duplicated padding */
+  padding: inherit; /* overrides J4 duplicated padding */
 }
 
 /* J4 Modals */
 
 body.admin.com_civicrm.layout-default .crm-container.ui-dialog.ui-resizable {
-	z-index: 1021;
+  z-index: 1021;
 }
 
 body.admin.com_civicrm.layout-default .ui-widget-overlay {
-	z-index: 1;
+  z-index: 1;
 }
 
 body.admin.com_civicrm.layout-default .crm-container .modal-dialog {
-	max-width: inherit;
-	padding: 0;
-	margin: 0;
-	overflow: scroll;
-	pointer-events: all;
+  max-width: inherit;
+  padding: 0;
+  margin: 0;
+  overflow: scroll;
+  pointer-events: all;
 }
-
diff --git a/css/menubar-joomla.css b/css/menubar-joomla.css
index f73a1d27bc..407308d013 100644
--- a/css/menubar-joomla.css
+++ b/css/menubar-joomla.css
@@ -1,5 +1,5 @@
 @media (min-width: $breakMin) {
-	
+
   body.crm-menubar-over-cms-menu.crm-menubar-visible {
     padding-top: $menubarHeight;
   }
@@ -45,15 +45,15 @@ body.admin.com_civicrm.layout-default #crm-qsearch label {
     top: calc($menubarHeight + 26px);
     z-index: 10000;
     position: absolute;
-	  border-top: 1px solid #aaa;
+    border-top: 1px solid #aaa;
   }
 
   body.crm-menubar-below-cms-menu.layout-default #header {
-	  margin-bottom: calc($menubarHeight + 1px);
+    margin-bottom: calc($menubarHeight + 1px);
   }
 
   body.crm-menubar-below-cms-menu.crm-menubar-wrapped.layout-default #header {
-	  margin-bottom: 81px;
+    margin-bottom: 81px;
   }
 }
 
diff --git a/css/print.css b/css/print.css
index 99e8fab6fb..dca92850e4 100644
--- a/css/print.css
+++ b/css/print.css
@@ -1,77 +1,81 @@
 /* CiviCRM Print Media Stylesheet */
 
 /* Hide any buttons or other form items when printing*/
-#crm-container .buttons, #crm-container .crm-submit-buttons, #crm-container .crm-actions-ribbon, #crm-container .crm-form-submit {
-     display: none;
+#crm-container .buttons,
+#crm-container .crm-submit-buttons,
+#crm-container .crm-actions-ribbon,
+#crm-container .crm-form-submit {
+  display: none;
 }
 
-table.form-layout td, table.form-layout th {
+table.form-layout td,
+table.form-layout th {
   border: 1px solid grey;
   padding: 4px;
   margin: 0px;
 }
 
-.form-item .element-right{
-     display: none;
- }
+.form-item .element-right {
+  display: none;
+}
 #crm-container {
-    overflow: visible !important;
-    font-family      : DejaVu Sans, serif;
-    margin           : 0px 10px 0px 10px;
+  overflow: visible !important;
+  font-family: DejaVu Sans, serif;
+  margin: 0px 10px 0px 10px;
 }
 
 /* CSS for Print and PDF of Reports */
 #crm-container .report-layout {
-    border           : 1px groove #DDDDDD;
-    width            : 100%;
-    border-collapse  : collapse;
+  border: 1px groove #dddddd;
+  width: 100%;
+  border-collapse: collapse;
 }
 
 #crm-container .bold {
-    font-weight      : bold;
-    font-size        : 1.1em;
+  font-weight: bold;
+  font-size: 1.1em;
 }
 
 #crm-container .criterial-group {
-    border-bottom: 2px solid #DCDCDC;
+  border-bottom: 2px solid #dcdcdc;
 }
 
 #crm-container .reports-header-right {
-    text-align       : right;
+  text-align: right;
 }
 
 #crm-container .reports-header {
-    text-align       : left;
+  text-align: left;
 }
 
 #crm-container .report-contents {
-    border           : 1px groove #DDDDDD;
-    padding          : 4px;
-    width            : 20%;
+  border: 1px groove #dddddd;
+  padding: 4px;
+  width: 20%;
 }
 
 #crm-container .report-contents-right {
-    border           : 1px groove #DDDDDD;
-    padding          : 4px;
-    text-align       : right;
+  border: 1px groove #dddddd;
+  padding: 4px;
+  text-align: right;
 }
 
 #crm-container table.report-layout td {
-    border           : 1px groove #DDDDDD;
-    padding          : 4px;
+  border: 1px groove #dddddd;
+  padding: 4px;
 }
 
 #crm-container table.report-layout tr {
-    font-size        : 0.9em;
+  font-size: 0.9em;
 }
 
 #crm-container table.report-layout tr.group-row {
-    font-size        : 1em;
+  font-size: 1em;
 }
 
 #crm-container table.report-layout tr.total-row {
-   font-size        : 1em;
-   border-top       : 2px groove #DCDCDC;
+  font-size: 1em;
+  border-top: 2px groove #dcdcdc;
 }
 
 #crm-container div.page-break {
@@ -80,52 +84,53 @@ table.form-layout td, table.form-layout th {
 }
 
 #crm-container .report-label {
-    text-align       : right;
-    font-weight      : bold;
+  text-align: right;
+  font-weight: bold;
 }
 
 #crm-container table.report-layout th {
-    padding          : 4px;
-    background-color : #DCDCDC;
-    /*text-align       : left;*/
-    vertical-align   : top;
+  padding: 4px;
+  background-color: #dcdcdc;
+  /*text-align       : left;*/
+  vertical-align: top;
 }
 
 #crm-container table.report-layout th.report-contents {
-    background-color : #F5F5F5;
+  background-color: #f5f5f5;
 }
 
 #crm-container table.report-layout th.statistics {
-    width            : 5%;
-    white-space      : nowrap;
-    text-align       : left;
+  width: 5%;
+  white-space: nowrap;
+  text-align: left;
 }
 
-#crm-container table.report-layout th.statistics, #crm-container table.report-layout th.label {
-    width            : 20%;
-    text-align       : left;
+#crm-container table.report-layout th.statistics,
+#crm-container table.report-layout th.label {
+  width: 20%;
+  text-align: left;
 }
 
 #crm-container h1 {
-    text-align       : center;
-    font-size        : 1.5em;
-    font-style       : italic;
-    margin           : 0;
+  text-align: center;
+  font-size: 1.5em;
+  font-style: italic;
+  margin: 0;
 }
 
 #crm-container h2 {
-    text-align       : left;
-    font-size        : 1.2em;
+  text-align: left;
+  font-size: 1.2em;
 }
 
 
 #crm-container div#report-date {
-    font-size        : .8em;
-    font-style       : italic;
-    float            : right;
+  font-size: .8em;
+  font-style: italic;
+  float: right;
 }
 
 /* Fix for CRM-19869 */
 tr {
-    page-break-inside: avoid;
+  page-break-inside: avoid;
 }
diff --git a/css/searchForm.css b/css/searchForm.css
index a0f57b283a..8beb3a631b 100644
--- a/css/searchForm.css
+++ b/css/searchForm.css
@@ -11,7 +11,7 @@
 
 .crm-container div#searchForm table.form-layout td {
   padding: 4px;
-  border: 1px solid #DDDDDD;
+  border: 1px solid #dddddd;
 }
 
 /* top submit button on advanced search */
@@ -30,7 +30,7 @@
 }
 
 .crm-container div#alpha-filter {
-  background-color: #CDE8FE;
+  background-color: #cde8fe;
   margin: 4px 0 5px;
   padding: 2px;
   text-align: left;
@@ -40,7 +40,7 @@
   background-color: transparent;
   background-image: none;
   border: none;
-  color: #AAAAAA;
+  color: #aaaaaa;
   display: inline;
   font-size: 15px;
   font-weight: normal;
@@ -51,15 +51,15 @@
 }
 
 .crm-container #alpha-filter a {
-  border-bottom: 1px dotted #2A71B4;
-  color: #2A71B4;
+  border-bottom: 1px dotted #2a71b4;
+  color: #2a71b4;
   font-weight: normal;
 }
 
 /* CRM-20945 Remove underline to show active pager */
 .crm-container #alpha-filter a.active {
   border-bottom: none;
-  color: #41477E;
+  color: #41477e;
   font-weight: bold;
 }
 
diff --git a/ext/afform/admin/ang/afGuiEditor.css b/ext/afform/admin/ang/afGuiEditor.css
index cd75a4411a..a89d90afc3 100644
--- a/ext/afform/admin/ang/afGuiEditor.css
+++ b/ext/afform/admin/ang/afGuiEditor.css
@@ -137,7 +137,7 @@
   height: 22px;
   width: 100%;
   transition: opacity .2s;
-  position:relative;
+  position: relative;
   font-family: "Courier New", Courier, monospace;
   font-size: 12px;
 }
@@ -550,11 +550,11 @@ body.af-gui-dragging {
   list-style: none;
   padding-left: 15px;
   position: relative;
-  background-color:#e7ecf1;
+  background-color: #e7ecf1;
   cursor: move;
 }
 #afGuiEditor af-gui-edit-options.af-gui-content-editing-area ul[ui-sortable] li:nth-child(even) {
-  background-color:#f2f2f2;
+  background-color: #f2f2f2;
 }
 #afGuiEditor af-gui-edit-options.af-gui-content-editing-area ul[ui-sortable] li > div {
   width: calc(100% - 30px);
diff --git a/ext/afform/core/ang/afCore.css b/ext/afform/core/ang/afCore.css
index d1c8f0874d..554758de1f 100644
--- a/ext/afform/core/ang/afCore.css
+++ b/ext/afform/core/ang/afCore.css
@@ -1,21 +1,21 @@
 .af-api4-action-running {
-    cursor: not-allowed;
-    color: black;
+  cursor: not-allowed;
+  color: black;
 }
 a.af-api4-action-idle {
-    cursor: pointer;
+  cursor: pointer;
 }
 
 .af-container.af-layout-cols {
-    display: flex;
+  display: flex;
 }
 .af-container.af-layout-cols > * {
-    flex: 1;
+  flex: 1;
 }
 .af-container.af-layout-inline > * {
-    display: inline-block;
-    margin-right: .5em;
-    vertical-align: top;
+  display: inline-block;
+  margin-right: .5em;
+  vertical-align: top;
 }
 af-form {
   display: block;
diff --git a/ext/message_admin/ang/crmMsgadm.css b/ext/message_admin/ang/crmMsgadm.css
index db9eddc58c..2b55bda45a 100644
--- a/ext/message_admin/ang/crmMsgadm.css
+++ b/ext/message_admin/ang/crmMsgadm.css
@@ -1,3 +1,3 @@
 .ui-dialog.crm-msgadm-dialog .ui-dialog-titlebar {
-  display:none;
+  display: none;
 }
diff --git a/ext/search_kit/css/crmSearchAdmin.css b/ext/search_kit/css/crmSearchAdmin.css
index ad2f76f159..ca9225ef3c 100644
--- a/ext/search_kit/css/crmSearchAdmin.css
+++ b/ext/search_kit/css/crmSearchAdmin.css
@@ -1,4 +1,3 @@
-
 #bootstrap-theme .crm-search-criteria-column {
   min-width: 500px;
 }
@@ -35,10 +34,10 @@
 }
 
 #bootstrap-theme.crm-search input.ng-invalid {
-  border-color: #8A1F11;
+  border-color: #8a1f11;
 }
 #bootstrap-theme.crm-search input.ng-invalid::placeholder {
-  color: #8A1F11;
+  color: #8a1f11;
 }
 
 #bootstrap-theme.crm-search ul.nav-stacked li {
diff --git a/ext/search_kit/css/crmSearchDisplay.css b/ext/search_kit/css/crmSearchDisplay.css
index a2c84a7a45..7326688ea2 100644
--- a/ext/search_kit/css/crmSearchDisplay.css
+++ b/ext/search_kit/css/crmSearchDisplay.css
@@ -34,7 +34,7 @@
   from {
     left: -150px;
   }
-  to   {
+  to {
     left: 100%;
   }
 }
diff --git a/install/template.css b/install/template.css
index 7c96816e54..5f685fe04e 100644
--- a/install/template.css
+++ b/install/template.css
@@ -73,7 +73,7 @@ p.good {
 }
 
 p.error a {
-  color: #FFF;
+  color: #fff;
   font-weight: bold;
 }
 
diff --git a/setup/res/template.css b/setup/res/template.css
index a06f97a2b8..5f3321d392 100644
--- a/setup/res/template.css
+++ b/setup/res/template.css
@@ -2,13 +2,13 @@ body {
   background: #eee;
 }
 /* Header */
-.civicrm-setup-header{
+.civicrm-setup-header {
   height: 300px;
   width: 100%;
   display: block;
 }
 
-.civicrm-setup-header .title{
+.civicrm-setup-header .title {
   width: 25%;
   position: absolute;
   overflow: hidden;
@@ -19,7 +19,7 @@ body {
   display: inline-flex;
 }
 
-.civicrm-setup-header h1{
+.civicrm-setup-header h1 {
   line-height: 35px;
   color: #ddd;
   position: relative;
@@ -28,19 +28,24 @@ body {
   -webkit-animation-delay: 0.5s;
   animation: slide 1s forwards;
   animation-delay: 0.5s;
-
 }
 
-@-webkit-keyframes slide{
-    100% { left: 0; color:#555;}
+@-webkit-keyframes slide {
+  100% {
+    left: 0;
+    color: #555;
+}
 }
 
-@keyframes slide{
-    100% { left: 0; color: #555;}
+@keyframes slide {
+  100% {
+    left: 0;
+    color: #555;
+}
 }
 
 
-.civicrm-setup-header hr{
+.civicrm-setup-header hr {
   border-bottom: 2px solid #fff;
   border-top: 2px solid #ddd;
 }
@@ -53,7 +58,7 @@ body {
   margin-right: 10%;
 }
 
-.civicrm-setup-body .civicrm-logo img{
+.civicrm-setup-body .civicrm-logo img {
   width: 100%;
 }
 
@@ -114,7 +119,7 @@ body {
 }
 
 .civicrm-setup-body p.error a {
-  color: #FFF;
+  color: #fff;
   font-weight: bold;
 }
 
@@ -146,16 +151,23 @@ body {
   border: 1px #ccc solid;
 }
 
-.civicrm-setup-body .reqSeverity-info { color: green; }
-.civicrm-setup-body .reqSeverity-warning { color: #a70; }
-.civicrm-setup-body .reqSeverity-error { color: #c00; }
+.civicrm-setup-body .reqSeverity-info {
+  color: green;
+}
+.civicrm-setup-body .reqSeverity-warning {
+  color: #a70;
+}
+.civicrm-setup-body .reqSeverity-error {
+  color: #c00;
+}
 
 .civicrm-setup-body .settingsTable {
   border-collapse: collapse;
   margin: 2em
 }
 
-.civicrm-setup-body th, .civicrm-setup-body td {
+.civicrm-setup-body th,
+.civicrm-setup-body td {
   text-align: left;
   padding: 0.25em;
   vertical-align: top;
@@ -172,12 +184,25 @@ body {
   background: #eee;
   text-align: center;
 }
-.civicrm-setup-body .comp-box:hover { background: #ddd; cursor: hand; }
-.civicrm-setup-body .comp-box > span {  width: 100%;  }
-.civicrm-setup-body .comp-label {  font-size: 1.5em; }
-.civicrm-setup-body .comp-desc { font-style: italic; }
-.civicrm-setup-body .comp-cb:checked + label { background: #dfd; }
-.civicrm-setup-body .comp-cb:checked + label:hover { background: #cec; }
+.civicrm-setup-body .comp-box:hover {
+  background: #ddd;
+  cursor: hand;
+}
+.civicrm-setup-body .comp-box > span {
+  width: 100%;
+}
+.civicrm-setup-body .comp-label {
+  font-size: 1.5em;
+}
+.civicrm-setup-body .comp-desc {
+  font-style: italic;
+}
+.civicrm-setup-body .comp-cb:checked + label {
+  background: #dfd;
+}
+.civicrm-setup-body .comp-cb:checked + label:hover {
+  background: #cec;
+}
 
 .civicrm-setup-body .optin-box {
   height: 3.5em;
@@ -189,12 +214,25 @@ body {
   background: #eee;
   text-align: center;
 }
-.civicrm-setup-body .optin-box:hover { background: #ddd; cursor: hand; }
-.civicrm-setup-body .optin-box > span {  width: 100%; }
-.civicrm-setup-body .optin-label {  font-size: 1.5em; }
-.civicrm-setup-body .optin-desc { font-style: italic; }
-.civicrm-setup-body .optin-cb:checked + label { background: #dfd; }
-.civicrm-setup-body .optin-cb:checked + label:hover { background: #cec; }
+.civicrm-setup-body .optin-box:hover {
+  background: #ddd;
+  cursor: hand;
+}
+.civicrm-setup-body .optin-box > span {
+  width: 100%;
+}
+.civicrm-setup-body .optin-label {
+  font-size: 1.5em;
+}
+.civicrm-setup-body .optin-desc {
+  font-style: italic;
+}
+.civicrm-setup-body .optin-cb:checked + label {
+  background: #dfd;
+}
+.civicrm-setup-body .optin-cb:checked + label:hover {
+  background: #cec;
+}
 
 .civicrm-setup-body .sr-only {
   position: absolute;
@@ -207,10 +245,18 @@ body {
   border: 0;
 }
 
-.civicrm-setup-body.has-errors .if-no-errors {display: none;}
-.civicrm-setup-body.has-warnings .if-no-warnings {display: none;}
-.civicrm-setup-body.has-problems .if-no-problems {display: none;}
-.civicrm-setup-body.has-no-problems .if-problems {display: none;}
+.civicrm-setup-body.has-errors .if-no-errors {
+  display: none;
+}
+.civicrm-setup-body.has-warnings .if-no-warnings {
+  display: none;
+}
+.civicrm-setup-body.has-problems .if-no-problems {
+  display: none;
+}
+.civicrm-setup-body.has-no-problems .if-problems {
+  display: none;
+}
 
 .civicrm-setup-body .action-box {
   width: 100%;
@@ -218,41 +264,43 @@ body {
   margin: 2em 0.5em;
 }
 .civicrm-setup-body button[type=submit] {
-  padding:15px 25px;
-  background:#82C459;
+  padding: 15px 25px;
+  background: #82c459;
   color: white;
-  border:0 none;
-  cursor:pointer;
+  border: 0 none;
+  cursor: pointer;
   -webkit-border-radius: 5px;
   border-radius: 5px;
   font-size: 20px;
 }
 .civicrm-setup-body button[type=submit]:hover {
-  background: #60A237;
+  background: #60a237;
 }
 .civicrm-setup-body button[type=submit]:disabled {
   background: #888;
   cursor: not-allowed;
 }
 
-.civicrm-setup-body .settingsTable input[type=text] { width: 80%; }
+.civicrm-setup-body .settingsTable input[type=text] {
+  width: 80%;
+}
 
 
 
-@media only screen and (max-width: 801px){
-  .civicrm-setup-body .comp-box{
+@media only screen and (max-width: 801px) {
+  .civicrm-setup-body .comp-box {
     width: 45%;
   }
 }
 
-@media only screen and (max-width: 635px){
-  .civicrm-setup-header .title{
+@media only screen and (max-width: 635px) {
+  .civicrm-setup-header .title {
     width: 45%;
     margin-left: 5%;
     margin-top: 30px;
   }
 
-  .civicrm-setup-body .settingsTable{
+  .civicrm-setup-body .settingsTable {
     display: block;
     overflow-x: auto;
     white-space: nowrap;
@@ -262,8 +310,8 @@ body {
 
 }
 
-@media only screen and (max-width: 503px){
-  .civicrm-setup-body .comp-box{
+@media only screen and (max-width: 503px) {
+  .civicrm-setup-body .comp-box {
     width: 95%;
   }
 }
-- 
2.25.1