From cb874a08467931e9300c5df2690ecb28b04b3ad8 Mon Sep 17 00:00:00 2001
From: Owen Leonard <oleonard@myacpl.org>
Date: Fri, 15 Jul 2022 13:42:01 +0000
Subject: [PATCH] Bug 30952: (follow-up) Fix linting errors in SCSS

This patch makes some corrections to the style of modified SCSS:

- Space before "{"
- No leading zeroes in number values
- Upper case hex codes
- Multi-line comment style
- Use "border: 0" instead of "border: none"
- Remove vendor prefixes
- Remove commented-out declarations
- Put each selector on a separate line

The patch should have no visible effects on the style of the interface.
---
 .../prog/css/src/staff-global.scss            | 739 +++++++++---------
 .../opac-tmpl/bootstrap/css/src/opac.scss     |  11 -
 2 files changed, 364 insertions(+), 386 deletions(-)

diff --git a/koha-tmpl/intranet-tmpl/prog/css/src/staff-global.scss b/koha-tmpl/intranet-tmpl/prog/css/src/staff-global.scss
index 65fd54841d..37d1c47536 100644
--- a/koha-tmpl/intranet-tmpl/prog/css/src/staff-global.scss
+++ b/koha-tmpl/intranet-tmpl/prog/css/src/staff-global.scss
@@ -4,7 +4,7 @@
 
 ::selection {
     background: #418940;
-    color: #fff;
+    color: #FFFFFF;
 }
 
 a {
@@ -12,18 +12,19 @@ a {
     &:visited {
         color: #71B443;
         padding: .3em;
-        border: none;
+        border: 0;
         background-color: transparent;
         box-shadow: none;
         font-size: 100%;
     }
 
     &:hover,
-    &:active, &:focus {
+    &:active,
+    &:focus {
         text-decoration: underline;
         color: #71B443;
         padding: .3em;
-        border: none;
+        border: 0;
         background-color: transparent;
         box-shadow: none;
         font-size: 100%;
@@ -58,7 +59,7 @@ a {
 
     }
 
-    &.edit-patronimage{
+    &.edit-patronimage {
         color: #333;
         background-color: #e6e6e6;
         border-color: #adadad;
@@ -87,9 +88,9 @@ a {
         border-radius: 4px;
         user-select: none;
 
-        &:hover{
+        &:hover {
             font-weight: bold;
-            background-color: #f1f1f1;
+            background-color: #F1F1F1;
             border: #696969 double 1px;
             text-decoration: none;
         }
@@ -113,8 +114,8 @@ a {
         }
     }
 
-    &.settings{
-        i, img{
+    &.settings {
+        i, img {
             text-align: center;
             color: #71B443;
             border: solid 3px #71B443;
@@ -128,18 +129,17 @@ a {
             padding: 5px;
             align-items: center;
             justify-content: center;
-            -webkit-box-sizing: content-box;
             box-sizing: content-box;
             display: flex;
 
         }
 
-        &:hover{
+        &:hover {
             color: #418940;
             text-decoration: none;
             font-weight: bold;
 
-            i, img{
+            i, img {
                 border-color: #418940;
                 background-color: transparent;
                 color: #418940;
@@ -147,7 +147,7 @@ a {
 
         }
 
-        img{
+        img {
             max-width: 30px;
             height: auto;
             padding: 10px;
@@ -166,21 +166,21 @@ a {
         color: #666;
     }
 
-    &.principal{
+    &.principal {
         background-color: #FEC32C;
         color: #000;
-        text-shadow: 0 1px 0 #fff;
+        text-shadow: 0 1px 0 #FFFFFF;
         padding: 6px 25px;
-        border: none;
+        border: 0;
         background-image: none;
         margin: 5px;
 
         &:hover,
         &:active,
-        &:focus{
+        &:focus {
             background-color: #fec22c9f;
             color: #000;
-            border: none;
+            border: 0;
         }
     }
 
@@ -233,57 +233,53 @@ a {
         background-image: url("../img/famfamfam/silk/page_white_code.png");
     }
 
-    &.toolbar-btn{
+    &.toolbar-btn {
         font-family: 'Poppins', sans-serif;
         font-weight: normal;
         text-align: center;
         white-space: nowrap;
         vertical-align: middle;
-        -ms-touch-action: manipulation;
         touch-action: manipulation;
         cursor: pointer;
         background-image: none;
         padding: 6px 12px;
         font-size: 12px;
         border-radius: 4px;
-        -webkit-user-select: none;
-        -moz-user-select: none;
-        -ms-user-select: none;
         user-select: none;
         font-size: 105%;
         background-color: transparent;
-        border: none;
+        border: 0;
         display: inline-block;
         margin: 5px 10px;
         color: #696969;
 
-        &:hover, &:focus{
+        &:hover, &:focus {
             text-decoration: none;
-            background-color: #dadada;
+            background-color: #DADADA;
         }
 
-        &:active{
-            border: none;
+        &:active {
+            border: 0;
         }
 
-        &.word{
+        &.word {
             margin-right: 0;
             padding-right: .1em;
         }
 
-        &.arrow{
+        &.arrow {
             margin-left: 0;
             border-radius: 4px;
             padding-left: .1em;
 
-            &:active{
+            &:active {
                 border: 1px solid #000;
                 border-radius: 4px;
             }
         }
     }
 
-    &.more_link{
+    &.more_link {
         color: #71B443;
         background-color: transparent;
 
@@ -293,7 +289,7 @@ a {
         bottom: 10px;
         line-height: 15px;
 
-        &:hover{
+        &:hover {
             text-decoration: none;
             color:#71B443;
             background-color: transparent;
@@ -302,45 +298,46 @@ a {
 }
 
 
-#resetZ3950Search{
+#resetZ3950Search {
     font-size: 110%;
     color: #71B443;
 }
 
-a.ctrl_link {
-    display: inline-block;
-    padding-right: 1rem;
+a {
+    .ctrl_link {
+        display: inline-block;
+        padding-right: 1rem;
+    }
 }
 
 
 aside {
     position: absolute;
-    left: 0px;
+    left: 0;
     width: 100%;
 
-    fieldset{
-        &.sidebar{
-            box-shadow: 8px 8px 12px rgba(170, 170, 170, 0.356);
-            padding: 0.9em;
+    fieldset {
+        &.sidebar {
+            box-shadow: 8px 8px 12px rgba(170, 170, 170, .356);
+            padding: .9em;
             width: 100%;
-            left: 0px;
+            left: 0;
             overflow: auto;
             height: auto;
             max-height: 500px;
 
-
             &::-webkit-scrollbar {
                 width: 12px;
             }
 
             &::-webkit-scrollbar-track {
-                background: #eeeeee;
+                background: #EEEEEE;
             }
 
             &::-webkit-scrollbar-thumb {
                 background: #696969;
                 border-radius: 20px;
-                border: 3px solid #eeeeee;
+                border: 3px solid #EEEEEE;
             }
 
             button + button,
@@ -348,7 +345,7 @@ aside {
                 margin-left: 5px;
             }
 
-            input{
+            input {
                 &.cancel {
 
                     background-color: transparent;
@@ -372,19 +369,19 @@ aside {
                     border-radius: 4px;
                     user-select: none;
 
-                    &:hover{
+                    &:hover {
                         font-weight: bold;
-                        background-color: #f1f1f1;
+                        background-color: #F1F1F1;
                         border: #696969 double 1px;
                         text-decoration: none;
                     }
                 }
             }
 
-            fieldset.brief{
+            fieldset.brief {
                 width: 100%;
 
-                legend{
+                legend {
                     color: #696969;
                     font-weight: bold;
                     font-size: 13px;
@@ -392,18 +389,18 @@ aside {
                     border-bottom: 0;
                 }
 
-                li{
+                li {
                     margin-top: 0;
                     padding: 0;
 
-                    &.radio{
+                    &.radio {
                         padding: 0;
                     }
 
                     label {
                         color: #696969;
                         font-size: 13px;
-                        padding: 0.5em 0.3em 0 0;
+                        padding: .5em .3em 0 0;
                         margin: 0;
                         font-weight: normal;
                     }
@@ -415,20 +412,20 @@ aside {
                 }
             }
 
-            ol{
+            ol {
                 padding: 0;
                 li {
                     list-style: none;
-                    left: 0px;
+                    left: 0;
                     flex-direction: row;
                     width: 100%;
                     height: auto;
-                    padding: 0.9em 0;
+                    padding: .9em 0;
 
-                    fieldset{
+                    fieldset {
                         width: 100%;
 
-                        legend{
+                        legend {
                             color: #696969;
                             font-weight: bold;
                             font-size: 13px;
@@ -436,19 +433,20 @@ aside {
                             border-bottom: 0;
                         }
 
-                        li{
+                        li {
                             margin-top: 0;
                             padding: 0;
 
                             label {
                                 color: #696969;
                                 font-size: 13px;
-                                padding: 0.5em 0.3em 0 0;
+                                padding: .5em .3em 0 0;
                                 margin: 0;
                                 font-weight: normal;
                             }
 
-                            input, select {
+                            input,
+                            select {
                                 height: calc(1.5em + .75rem + 2px);
                                 width: calc(100% - 20px);
                             }
@@ -458,11 +456,12 @@ aside {
 
                     label {
                         color: #696969;
-                        padding: 0.5em 0.3em 0 0;
+                        padding: .5em .3em 0 0;
                         margin: 0;
                     }
 
-                    input, select {
+                    input,
+                    select {
                         height: calc(1.5em + .75rem + 2px);
                         width: calc(100% - 20px);
 
@@ -611,7 +610,7 @@ aside {
                     &.menu {
                         padding: 1.4em 1.7em;
                         width: 100%;
-                        left: 0px;
+                        left: 0;
                         overflow: auto;
                         height: auto;
                         max-height: 500px;
@@ -622,13 +621,13 @@ aside {
                         }
 
                         &::-webkit-scrollbar-track {
-                            background: #eeeeee;
+                            background: #EEEEEE;
                         }
 
                         &::-webkit-scrollbar-thumb {
                             background: #696969;
                             border-radius: 20px;
-                            border: 3px solid #eeeeee;
+                            border: 3px solid #EEEEEE;
                         }
 
                         button + button,
@@ -770,7 +769,7 @@ aside {
 */
 }
 
-#navmenulist{
+#navmenulist {
     background-color: #e6e6e6;
     width: 100%;
     overflow: auto;
@@ -783,25 +782,25 @@ aside {
     }
 
     &::-webkit-scrollbar-track {
-        background: #eeeeee;
+        background: #EEEEEE;
 
     }
 
     &::-webkit-scrollbar-thumb {
         background: #696969;
         border-radius: 20px;
-        border: 3px solid #eeeeee;
+        border: 3px solid #EEEEEE;
     }
 
     h2{
         width: 100%;
         text-align: center;
 
-        a, a:link, a:visited{
+        a, a:link, a:visited {
             text-align: center;
             color: #000;
 
-            &:hover, &.current{
+            &:hover, &.current {
                 text-decoration: none;
             }
         }
@@ -809,8 +808,8 @@ aside {
 
     h4 {
         margin: .5em 0;
-        padding-left: 0.5em;
-        padding-bottom: 0.2em;
+        padding-left: .5em;
+        padding-bottom: .2em;
         color: #696969;
         border-bottom: 1px solid #696969;
         font-weight: normal;
@@ -818,18 +817,18 @@ aside {
 
     ul {
         margin-bottom: 10px;
-        padding-left: 0px;
+        padding-left: 0;
 
-        &.goto{
+        &.goto {
             margin-bottom: 13px;
             margin-left: 0;
             margin-right: 0;
-            padding-left: 0px;
+            padding-left: 0;
             position: relative;
-            top: 0px;
+            top: 0;
 
-            li{
-                a{
+            li {
+                a {
                     font-size: 75%;
                 }
             }
@@ -837,7 +836,7 @@ aside {
 
         li {
             list-style: none;
-            left: 0px;
+            left: 0;
             flex-direction: row;
             width: 100%;
             height: auto;
@@ -847,7 +846,7 @@ aside {
                 width: 100%;
                 display: block;
                 text-decoration: none;
-                padding: 0.7em 0.3em 0.7em 1.2em;
+                padding: .7em .3em .7em 1.2em;
 
                 &.current, &:hover, &:active, &:focus {
                     background-color: #F3F4F4;
@@ -865,58 +864,60 @@ aside {
 div {
     display: block;
 
-    &.mainmenu{
+    &.mainmenu {
         display: inline;
     }
 
 
-    &.koha-mainpage{
+    &.koha-mainpage {
         display: flex;
         align-items: center;
         justify-content: center;
     }
 
-    &.settings-links{
+    &.settings-links {
         display: inline;
 
-        ul{
+        ul {
             float: right;
 
-            li{
+            li {
                 list-style-type: none;
                 margin-bottom: 0;
                 height: auto;
                 width: 150px;
                 padding: 5px 10px;
 
-                a, a:visited, a:link{
+                a,
+                a:visited,
+                a:link {
                     color: #000;
                 }
             }
         }
     }
 
-    &.koha-bottom{
-        background: transparent url(../img/koha-logo-medium.png) no-repeat center;
+    &.koha-bottom {
+        background: transparent url("../img/koha-logo-medium.png") no-repeat center;
         width: 150px;
         background-size: 70%;
         height: 50px;
         margin: 25px;
-        bottom: 0px;
+        bottom: 0;
         text-align: center;
         display: flex;
         align-items: center;
         justify-content: center;
         z-index: 1030;
 
-        a{
+        a {
             width: 100%;
             height: 100%;
         }
     }
 }
 
-.home-page{
+.home-page {
     text-align: center;
     text-decoration: none;
     font-family: 'Poppins', sans-serif;
@@ -927,9 +928,9 @@ div {
         color: #000;
     }
 
-    i{
+    i {
         text-align: center;
-        color: #fff;
+        color: #FFFFFF;
         border: solid 3px #71B443;
         border-radius: 50%;
         background-color: #71B443;
@@ -941,21 +942,20 @@ div {
         padding: 5px;
         align-items: center;
         justify-content: center;
-        -webkit-box-sizing: content-box;
         box-sizing: content-box;
         display: flex;
 
     }
 
-    &:hover, &:focus, &:active{
+    &:hover, &:focus, &:active {
         text-decoration: none;
 
-        i{
+        i {
             background-color: #418940;
             border-color: #418940;
         }
 
-        h1{
+        h1 {
             color: #418940;
         }
     }
@@ -964,7 +964,8 @@ div {
 button {
     @include default-button;
 
-    &:active, &:hover {
+    &:active,
+    &:hover {
         border: 1px inset #999999;
     }
 
@@ -980,11 +981,11 @@ button {
     }
 }
 
-#add_to_patron_list_submit{
+#add_to_patron_list_submit {
     color: #71B443;
 
-    &:hover{
-        border: none;
+    &:hover {
+        border: 0;
     }
 }
 
@@ -997,7 +998,6 @@ main {
 }
 
 body {
-    //font-family: $font-main;
     font-family: 'Poppins', sans-serif;
     font-size: 13px;
     line-height: 1.22;
@@ -1096,7 +1096,7 @@ h5,
 h6 {
     margin: .5em 0;
 
-    a, a:link, a:visited{
+    a, a:link, a:visited {
         color: #000;
     }
 }
@@ -1109,30 +1109,30 @@ hr {
 p {
     margin: .7em 0;
 
-    &.more{
+    &.more {
         height: 100% !important;
         top: 30px;
         width: 100%;
         display: block;
         position: absolute;
-        left: 0px;
+        left: 0;
         background-color: #352C2E;
         padding: 10px;
         border-radius: 4px;
         text-align: center;
-        right: 0px;
+        right: 0;
         bottom: -70px;
 
-        input{
-            outline-offset: 0px;
+        input {
+            outline-offset: 0;
             outline: 1px black;
             float: right;
             height: 30px;
             border-radius: 17px;
             padding-left: 2em;
             padding-right: 1.5em;
-            border: none;
-            margin-left: 0px;
+            border: 0;
+            margin-left: 0;
             position: absolute;
             top: -5px;
             right: 30px;
@@ -1141,7 +1141,7 @@ p {
             letter-spacing: normal;
             word-spacing: normal;
             text-transform: none;
-            text-indent: 0px;
+            text-indent: 0;
             text-shadow: none;
             text-align: start;
             cursor: text;
@@ -1149,7 +1149,7 @@ p {
         }
     }
 
-    &.more_bottom{
+    &.more_bottom {
         background-color: #352C2E;
         height: auto !important;
         padding: 0 5px 10px 5px;
@@ -1157,27 +1157,27 @@ p {
         border-bottom-left-radius: 17px;
         border-bottom-right-radius: 17px;
 
-        label{
-            color: #fff;
+        label {
+            color: #FFFFFF;
         }
 
-        input{
-            outline-offset: 0px;
+        input {
+            outline-offset: 0;
             outline: 1px black;
             height: 20px;
             border-radius: 17px;
             padding-left: 2em;
             padding-right: 1.5em;
-            border: none;
+            border: 0;
             margin-top: 5px;
-            margin-left: 0px;
+            margin-left: 0;
             width: 100%;
             z-index: 100;
             display: inline-block !important;
             letter-spacing: normal;
             word-spacing: normal;
             text-transform: none;
-            text-indent: 0px;
+            text-indent: 0;
             text-shadow: none;
             text-align: start;
             cursor: text;
@@ -1228,12 +1228,11 @@ input {
 
     &[type="submit"],
     &[type="button"] {
-        border: none;
+        border: 0;
         background-color: #FEC32C;
         color: #000;
-        //font-family: $font-main;
         font-family: 'Poppins', sans-serif;
-        text-shadow: 0 1px 0 #fff;
+        text-shadow: 0 1px 0 #FFFFFF;
         display: inline-block;
         margin-bottom: 0;
         font-weight: normal;
@@ -1263,7 +1262,7 @@ input {
         line-height: 1.42857143;
         margin: 5px;
         text-align: center;
-        text-shadow: 0 1px 0 #fff;
+        text-shadow: 0 1px 0 #FFFFFF;
         vertical-align: middle;
         white-space: nowrap;
 
@@ -1288,21 +1287,21 @@ input {
         }
     }
 
-    &.principal{
+    &.principal {
         background-color: #FEC32C;
         color: #000;
-        text-shadow: 0 1px 0 #fff;
-        border: none;
+        text-shadow: 0 1px 0 #FFFFFF;
+        border: 0;
         background-image: none;
         margin: 5px;
         padding: 6px 25px;
 
         &:hover,
         &:active,
-        &:focus{
+        &:focus {
             background-color: #fec22c9f;
             color: #000;
-            border: none;
+            border: 0;
         }
     }
 }
@@ -1359,27 +1358,27 @@ label,
     padding-top: 10px;
 }
 
-#area-news, #area-userblock{
+#area-news, #area-userblock {
     background-color: #FFF;
-    border: none;
+    border: 0;
     color: #696969;
-    margin: 0em 0em 1em 0em;
-    box-shadow: 8px 8px 12px rgba(170, 170, 170, 0.356);
+    margin: 0 0 1em 0;
+    box-shadow: 8px 8px 12px rgba(170, 170, 170, .356);
     display: block;
     padding: 1em;
 
     h3{
-        background-color: #fff;
+        background-color: #FFFFFF;
     }
 }
 
-.biglinks-list{
-    padding: 0px;
+.biglinks-list {
+    padding: 0;
     margin: 10px 30px;
     align-items: center;
     height: 150px;
 
-    li{
+    li {
         list-style-type: none;
         display: flex;
         float: left;
@@ -1528,10 +1527,10 @@ fieldset {
     background-color: #FFF;
     position: relative;
     color: #696969;
-    left: 0px;
-    top: 0px;
-    margin: 0em 1em 1em 0em;
-    box-shadow: 8px 8px 12px rgba(170, 170, 170, 0.356);
+    left: 0;
+    top: 0;
+    margin: 0 1em 1em 0;
+    box-shadow: 8px 8px 12px rgba(170, 170, 170, .356);
     padding: 1em;
 
     + fieldset {
@@ -1540,7 +1539,7 @@ fieldset {
         }
     }
 
-    legend{
+    legend {
         position: relative;
         top: 1.5em;
         margin: .5em 0;
@@ -1645,15 +1644,15 @@ fieldset {
         }
     }
 
-    ol{
-        li{
+    ol {
+        li {
             list-style-type: none;
             padding: .3em 0;
         }
     }
 
     &.rows {
-        border: none;
+        border: 0;
         clear: left;
         float: left;
         font-size: 90%;
@@ -1914,7 +1913,7 @@ fieldset {
         }
     }
 
-    fieldset{
+    fieldset {
         box-shadow: none;
     }
 }
@@ -1978,25 +1977,25 @@ details[open] {
     }
 }
 
-#shortcut{
+#shortcut {
     position: relative;
     top: -35px;
     padding: .8em .5em .8em 10px;
 
-    ol{
+    ol {
         float: right;
         margin: 0;
         padding: 0;
 
-        li{
+        li {
             list-style-type: none;
             display: inline;
 
-            a.toplinks{
+            a.toplinks {
                 padding: 0;
             }
 
-            div{
+            div {
                 margin: 0;
 
             }
@@ -2217,11 +2216,11 @@ div {
         margin: .5em 50px;
         font-weight: bold;
 
-        a{
+        a {
             color: #71B443;
             font-weight: normal;
 
-            &:hover, &:active{
+            &:hover, &:active {
                 font-weight: bold;
                 color: #418940;
             }
@@ -2264,33 +2263,33 @@ dd {
 #toolbar,
 .btn-toolbar {
     background-color: #f3F4F4;
-    border: none;
+    border: 0;
     border-radius: 5px 5px 0 0;
     margin: 0;
     padding: 5px;
     display: block;
 
-    div{
+    div {
         position: relative;
         height: 100%;
         float: right;
 
-        a{
-            &.principal{
+        a {
+            &.principal {
                 background-color: #FEC32C;
                 color: #000;
-                text-shadow: 0 1px 0 #fff;
-                border: none;
+                text-shadow: 0 1px 0 #FFFFFF;
+                border: 0;
                 background-image: none;
                 margin: 5px;
                 padding: 6px 25px;
 
                 &:hover,
                 &:active,
-                &:focus{
+                &:focus {
                     background-color: #fec22c9f;
                     color: #000;
-                    border: none;
+                    border: 0;
                 }
             }
         }
@@ -2302,10 +2301,10 @@ dd {
             width: auto;
             font-size: 12px;
             line-height: 1.42857143;
-            border-radius: 0px;
-            border: 0.5px solid lightgray;
+            border-radius: 0;
+            border: .5px solid lightgray;
             font-size: 100%;
-            background-color: #fff;
+            background-color: #FFFFFF;
             margin: 5px 0 0 0;
             box-shadow: 1px 1px 2px 0 rgba(102, 102, 102, .5);
             position: absolute;
@@ -2316,7 +2315,7 @@ dd {
             left: auto;
             right: 0;
 
-            a{
+            a {
                 color: #000;
                 display: block;
                 padding: 3px 20px;
@@ -2328,35 +2327,35 @@ dd {
                 float: left;
 
                 &:hover,
-                &:focus{
+                &:focus {
                     text-decoration: none;
                     font-weight: bold;
-                    background-color: #fff;
+                    background-color: #FFFFFF;
                     background-image: none;
 
                 }
             }
         }
 
-        #up{
+        #up {
             display: table;
         }
 
-        #down{
+        #down {
             display: table;
         }
 
-        #patdrop{
+        #patdrop {
             border-top-width: 1px;
             text-align: center;
             padding: 0;
             width: auto;
             font-size: 12px;
             line-height: 1.42857143;
-            border-radius: 0px;
-            border: 0.5px solid lightgray;
+            border-radius: 0;
+            border: .5px solid lightgray;
             font-size: 100%;
-            background-color: #fff;
+            background-color: #FFFFFF;
             margin: 0;
             box-shadow: 1px 1px 2px 0 rgba(102, 102, 102, .5);
             position: absolute;
@@ -2365,7 +2364,7 @@ dd {
             left: -20px;
             right: auto;
 
-            a{
+            a {
                 color: #000;
                 display: block;
                 padding: 3px 20px;
@@ -2376,9 +2375,9 @@ dd {
                 border-bottom: none;
                 float: left;
 
-                &:hover{
+                &:hover {
                     font-weight: bold;
-                    background-color: #fff;
+                    background-color: #FFFFFF;
                 }
             }
 
@@ -2446,8 +2445,8 @@ dd {
             border-right: 0;
         }
 
-        li{
-            &.patrondateofbirth{
+        li {
+            &.patrondateofbirth {
                 font-size: 75%;
                 font-weight: normal;
                 list-style-type: none;
@@ -2573,10 +2572,10 @@ dd {
         list-style-type: none;
         display: flex;
 
-        a{
+        a {
             color: #000;
 
-            &:hover{
+            &:hover {
                 background-color: #F3F4F4;
                 color: #000;
                 text-decoration: underline;
@@ -2669,7 +2668,7 @@ input[type='text']:read-only:focus {
     color: #CC0000;
 }
 
-// Font Awesome icons
+/* Font Awesome icons */
 i {
     &.error {
         color: #CC0000;
@@ -2717,16 +2716,16 @@ i {
     margin: 3px;
     align-items: center;
     right: 35px;
-    opacity: 0.3;
+    opacity: .3;
 
-    &:hover{
+    &:hover {
         opacity: 1;
     }
 
-    a{
+    a {
         width: 100%;
 
-        &:hover{
+        &:hover {
             text-decoration: none;
         }
     }
@@ -2827,22 +2826,22 @@ i {
         &[type="submit"] {
             background: #FFF none;
 
-            &.approve{
+            &.approve {
                 background-color: #FEC32C;
                 color: #000;
-                text-shadow: 0 1px 0 #fff;
-                border: none;
+                text-shadow: 0 1px 0 #FFFFFF;
+                border: 0;
                 background-image: none;
                 margin-top: 5px;
 
                 &:hover,
                 &:active,
-                &:focus{
+                &:focus {
                     background-color: #fec22c9f;
                 }
             }
 
-            &.deny{
+            &.deny {
                 background-color: transparent;
                 color: #696969;
                 border: #696969 double 1px;
@@ -2865,9 +2864,9 @@ i {
                 border-radius: 4px;
                 user-select: none;
 
-                &:hover{
+                &:hover {
                     font-weight: bold;
-                    background-color: #f1f1f1;
+                    background-color: #F1F1F1;
                     border: #696969 double 1px;
                     text-decoration: none;
                 }
@@ -2922,7 +2921,7 @@ i {
     &.alert,
     &.error {
         color: inherit;
-        background-color: #fff;
+        background-color: #FFFFFF;
         text-align: center;
         text-shadow: none;
 
@@ -2992,13 +2991,13 @@ i {
     color: #990000;
 }
 
-// style for shelving location in catalogsearch
+/* style for shelving location in catalogsearch */
 .shelvingloc {
     display: block;
     font-style: italic;
 }
 
-// style for bundled detail in catalogsearch
+/* style for bundled detail in catalogsearch */
 .bundled {
     display: block;
     font-style: italic;
@@ -3063,7 +3062,7 @@ i {
     padding-top: 1em;
     background-color: #e6e6e6;
     position: absolute;
-    left: 0px;
+    left: 0;
 
     li {
         a {
@@ -3074,7 +3073,7 @@ i {
             padding: .4em .3em;
             text-decoration: none;
 
-            left: 0px;
+            left: 0;
             color: #000;
             display: block;
 
@@ -3198,21 +3197,21 @@ li {
     }
 }
 
-#catalogue_stats_wrapper, #tbl_cash_register_stats_wrapper, #resulttable_wrapper, #numberpatternst_wrapper{
-    background-color: #fff;
+#catalogue_stats_wrapper, #tbl_cash_register_stats_wrapper, #resulttable_wrapper, #numberpatternst_wrapper {
+    background-color: #FFFFFF;
     margin-top: 20px;
-    box-shadow: 8px 8px 12px rgba(170, 170, 170, 0.356);
+    box-shadow: 8px 8px 12px rgba(170, 170, 170, .356);
     padding: 20px;
 }
 
 #searchresults {
-    background-color: #fff;
+    background-color: #FFFFFF;
     margin-top: 20px;
     min-width: 100%;
     width: fit-content;
     padding: 20px;
 
-    fieldset{
+    fieldset {
         box-shadow: none;
     }
 
@@ -3223,20 +3222,20 @@ li {
     }
 
     td {
-        border: none;
+        border: 0;
 
 
-        button, a{
-            &.btn-default{
+        button, a {
+            &.btn-default {
                 color: #71B443;
                 padding: .3em;
-                border: none;
+                border: 0;
                 background-color: transparent;
-                border: none;
+                border: 0;
                 box-shadow: none;
                 font-size: 100%;
 
-                &:hover, &:active, &:focus, &:active:hover, &:active:focus{
+                &:hover, &:active, &:focus, &:active:hover, &:active:focus {
                     background-color: transparent;
                     color: #71B443;
                     text-decoration: underline;
@@ -3311,19 +3310,19 @@ li {
     }
 
     .dropdown-menu {
-        background-color: #fff;
+        background-color: #FFFFFF;
         color: #000;
         height: fit-content;
         top: 100%;
 
-        a{
+        a {
             color: #000;
 
-            &:hover{
+            &:hover {
                 background-image: none;
                 color: #000;
                 text-decoration: underline;
-                background-color: #fff;
+                background-color: #FFFFFF;
             }
         }
     }
@@ -3372,7 +3371,7 @@ li {
     }
 }
 
-.mini-inp{
+.mini-inp {
     height: 12px;
     width: 30px;
 }
@@ -3385,7 +3384,7 @@ li {
         border-bottom: 1px solid #71B443;
         border-radius: 4px 4px 0 0;
         font-size: 90%;
-        color: #fff;
+        color: #FFFFFF;
         margin: 0;
         padding: .4em .2em;
         text-align: center;
@@ -3395,7 +3394,7 @@ li {
         margin: 0;
         padding: .3em;
 
-        &.cadre{
+        &.cadre {
             border: 3px solid #71B443;
         }
 
@@ -3486,16 +3485,16 @@ td {
     }
 }
 
-.highlight_toggle{
+.highlight_toggle {
     color: #71B443;
     padding: .3em;
-    border: none;
+    border: 0;
     background-color: transparent;
-    border: none;
+    border: 0;
     box-shadow: none;
     font-size: 100%;
 
-    &:hover{
+    &:hover {
         text-decoration: underline;
     }
 }
@@ -3655,7 +3654,7 @@ td.bundle {
 #cartDetails {
     background-color: #352C2E;
     box-shadow: 1px 1px 3px 0 #666;
-    color: #fff;
+    color: #FFFFFF;
     display: none;
     margin: 0;
     padding: 10px;
@@ -3666,8 +3665,8 @@ td.bundle {
 
 #cartmenulink {
     position: relative;
-    left: 0px;
-    top: 0px;
+    left: 0;
+    top: 0;
 }
 
 #basketcount {
@@ -3817,7 +3816,7 @@ td.bundle {
 }
 
 .advsearch {
-    margin: 0em 1em 1em 0em;
+    margin: 0 1em 1em 0;
 
     table {
         border-collapse: separate;
@@ -3933,7 +3932,7 @@ td.bundle {
     display: none;
 }
 
-// Override core jQueryUI widgets
+/* Override core jQueryUI widgets */
 .ui-widget-content {
     background: #FFFFFF none;
     border-radius: 4px;
@@ -3984,7 +3983,7 @@ td.bundle {
     color: #CD0A0A;
 }
 
-// Override jQuery Autocomplete
+/* Override jQuery Autocomplete */
 .ui-autocomplete {
     box-shadow: 2px 2px 2px rgba(0, 0, 0, .3);
     cursor: default;
@@ -4023,7 +4022,7 @@ td.bundle {
     background: #FFF url("../img/spinner-small.gif") right center no-repeat;
 }
 
-// jQuery UI standard tabs
+/* jQuery UI standard tabs */
 .ui-menu {
     li {
         list-style: none;
@@ -4054,21 +4053,21 @@ td.bundle {
         border-radius: 4px;
         border: 3px solid #418940;
 
-        fieldset{
+        fieldset {
             box-shadow: none;
         }
     }
     .ui-tabs-nav {
         li {
             background: #71B443;
-            border: none;
+            border: 0;
             margin-right: .4em;
             border-radius: 4px 4px 0 0;
 
             &.ui-tabs-active, &.ui-state-hover {
                 background-color: #418940;
                 border-radius: 4px 4px 0 0;
-                border: none;
+                border: 0;
                 border-bottom-width: 0;
                 padding-bottom: 0;
 
@@ -4088,11 +4087,11 @@ td.bundle {
 
     .ui-state-default {
         a {
-            color: #fff;
+            color: #FFFFFF;
 
             &:link,
             &:visited {
-                color: #fff;
+                color: #FFFFFF;
             }
         }
     }
@@ -4125,9 +4124,9 @@ td.bundle {
 
 .statictabs {
 
-    background-color: #fff;
+    background-color: #FFFFFF;
     margin-top: 20px;
-    box-shadow: 8px 8px 12px rgba(170, 170, 170, 0.356);
+    box-shadow: 8px 8px 12px rgba(170, 170, 170, .356);
     padding: 20px;
 
     h3{
@@ -4137,7 +4136,7 @@ td.bundle {
     }
 
     td {
-        border: none;
+        border: 0;
 
         ul {
             li {
@@ -4218,19 +4217,19 @@ td.bundle {
                 padding-bottom: 1px;
 
                 background-color: #418940;
-                border: none;
+                border: 0;
                 border-bottom-width: 0;
 
                 a {
                     background: none repeat scroll 0 0 transparent;
-                    color: #fff;
+                    color: #FFFFFF;
                     outline: 0 none;
                     top: 1px;
                 }
             }
 
             a {
-                color: #fff;
+                color: #FFFFFF;
                 cursor: pointer;
                 float: left;
                 padding: .5em 1em;
@@ -4261,7 +4260,7 @@ td.bundle {
             border-radius: 4px;
             border: 3px solid #418940;
 
-            fieldset{
+            fieldset {
                 box-shadow: none;
             }
         }
@@ -4391,7 +4390,7 @@ td.bundle {
     }
 }
 
-// jQuery UI Accordion
+/* jQuery UI Accordion */
 .ui-accordion-header,
 .ui-widget-content .ui-accordion-header {
     font-size: 110%;
@@ -4402,7 +4401,7 @@ video {
     width: 480px;
 }
 
-// Bootstrap overrides
+/* Bootstrap overrides */
 
 .dropdown-header {
     border-top: 1px solid #EEE;
@@ -4425,8 +4424,8 @@ nav {
         clear: both;
         margin: 0;
         position: absolute;
-        top: 0px;
-        left: 0px;
+        top: 0;
+        left: 0;
 
         ol {
             margin: 0;
@@ -4445,7 +4444,7 @@ nav {
                     width: .8em;
                 }
 
-                a:link, a:active, a:hover, a:focus{
+                a:link, a:active, a:hover, a:focus {
                     padding: .6em .3em;
                 }
             }
@@ -4458,37 +4457,37 @@ nav {
     }
 }
 
-.navbar{
+.navbar {
     background-color: #352C2E;
     width: 100%;
 }
 
-.navbar-header, .collapse{
+.navbar-header, .collapse {
     padding-left: 10px;
     padding-right: 10px;
     float: left;
 
-    a{
-        color: #fff;
+    a {
+        color: #FFFFFF;
       line-height: 40px;
     }
 }
 
-.navbar-head{
+.navbar-head {
     display: block !important;
     height: auto !important;
 }
 
 #logo {
     background: transparent url("../img/UIKit/picto-koha.svg") no-repeat scroll 0%;
-    margin: .75em 0em .75em 0em;
+    margin: .75em 0 .75em 0;
     background-size: 85%;
     width: 20px;
     height: 30px;
     float: left;
     position: relative;
-    top: 0px;
-    left: 0px;
+    top: 0;
+    left: 0;
 
     a {
         border: 0;
@@ -4499,45 +4498,45 @@ nav {
         text-decoration: none;
         position: absolute;
         top: -10px;
-        left: 0px;
+        left: 0;
     }
 }
 
-#toplevelmenu{
+#toplevelmenu {
     background-color: transparent;
     box-shadow: none;
     position: relative;
-    left: 0px;
-    top: 0px;
+    left: 0;
+    top: 0;
 }
 
 .navbar-nav {
     li {
         list-style: none;
 
-        .upper{
+        .upper {
             position: relative;
             bottom: 3px;
             left: 300px;
         }
 
-        .filteraction{
+        .filteraction {
             position: absolute;
             right: 35px;
             top: -5px;
             width: 25px;
             height: 30px;
-            border: none;
+            border: 0;
             padding-left: 5px;
             padding-right: 5px;
             margin: 0;
             display: inline;
 
-            a{
+            a {
                 color: #71B443;
                 vertical-align: middle;
 
-                &:hover, &:active{
+                &:hover, &:active {
                     background-color: transparent;
                     text-decoration: none;
                     color: #71B443;
@@ -4553,11 +4552,11 @@ nav {
             background-color: transparent;
         }
 
-        .inactive{
+        .inactive {
             display: none;
         }
 
-        #buttonssearch,#header_search{
+        #buttonssearch,#header_search {
             padding: 10px;
             border-radius: 28px;
             height: 30px;
@@ -4565,31 +4564,31 @@ nav {
             z-index: 1;
         }
 
-        #header_search{
+        #header_search {
             position: relative;
-            left: 0px;
-            top: 0px;
+            left: 0;
+            top: 0;
             width: 500px;
             display: block;
             margin: 10px 0;
         }
 
-        #submit, #autocsubmit{
+        #submit, #autocsubmit {
             background: transparent url("../img/UIKit/arrow.svg") no-repeat scroll 0%;
             position: absolute;
             min-width: 7px;
             right: 0;
-            top: 0px;
+            top: 0;
             width: 25px;
             height: 30px;
-            border: none;
+            border: 0;
             padding-left: 5px;
             padding-right: 5px;
             margin: 0;
             display: inline;
         }
 
-        #header_search{
+        #header_search {
             width: 500px;
         }
 
@@ -4605,17 +4604,17 @@ nav {
             justify-content: space-around;
             align-items: center;
             color: white;
-            box-shadow: 0px 0px 3px 0px #0000004d;
+            box-shadow: 0 0 3px 0 #0000004d;
 
             li {
                 background: transparent;
-                border: none;
+                border: 0;
                 border-radius: 0;
 
                 &.ui-tabs-active, &.ui-state-hover {
                     background-color: transparent;
                     border-radius: 4px 4px 0 0;
-                    border: none;
+                    border: 0;
                     border-bottom-width: 0;
                     padding-bottom: 0;
 
@@ -4628,16 +4627,16 @@ nav {
                 }
             }
 
-            span{
-                &.name-icon{
+            span {
+                &.name-icon {
                     display: none;
                 }
 
-                &.name-icon:hover, &.name-icon.active{
+                &.name-icon:hover, &.name-icon.active {
                     margin-right: 0;
-                    font-size: 0.85em;
+                    font-size: .85em;
                     cursor: text;
-                    padding: 0.25em;
+                    padding: .25em;
                     margin: 0;
                     display: inline-block;
                     overflow: hidden;
@@ -4653,14 +4652,14 @@ nav {
 
         .ui-state-default {
             a {
-                color: #fff;
+                color: #FFFFFF;
                 cursor: pointer;
                 padding: 3px;
                 font-size: .9em;
 
                 &:link,
                 &:visited {
-                    color: #fff;
+                    color: #FFFFFF;
                     padding: 3px;
                     background-color: transparent;
                 }
@@ -4675,8 +4674,8 @@ nav {
                 font-size: .9em;
                 background-color: transparent;
 
-                i{
-                    border-bottom: 2px solid #fff;
+                i {
+                    border-bottom: 2px solid #FFFFFF;
                     padding-bottom: 2px;
                 }
             }
@@ -4695,11 +4694,11 @@ nav {
             }
         }
 
-        input{
+        input {
             display: none;
 
-            &.head-searchbox{
-                outline-offset: 0px;
+            &.head-searchbox {
+                outline-offset: 0;
                 outline: 1px black;
                 float: right;
                 height: 30px;
@@ -4707,28 +4706,28 @@ nav {
                 padding-left: 2em;
                 padding-right: 1.5em;
                 border: none ;
-                margin-left: 0px;
+                margin-left: 0;
                 position:absolute;
-                top: 0px;
+                top: 0;
                 right: 30px;
                 z-index	: -2;
                 display: inline;
                 letter-spacing: normal;
                 word-spacing: normal;
                 text-transform: none;
-                text-indent: 0px;
+                text-indent: 0;
                 text-shadow: none;
                 text-align: start;
                 cursor: text;
                 font: 400 13.3333px Arial;
 
-                &::placeholder{
+                &::placeholder {
                     font-size: 85%;
                 }
             }
 
-            &.multi-input{
-                outline-offset: 0px;
+            &.multi-input {
+                outline-offset: 0;
                 outline: 1px black;
                 float: right;
                 height: 30px;
@@ -4736,27 +4735,27 @@ nav {
                 padding-left: 2em;
                 padding-right: 1.5em;
                 border: none ;
-                margin-left: 0px;
+                margin-left: 0;
                 position:absolute;
-                top: 0px;
+                top: 0;
                 right: 30px;
                 z-index	: -2;
                 display: inline;
                 letter-spacing: normal;
                 word-spacing: normal;
                 text-transform: none;
-                text-indent: 0px;
+                text-indent: 0;
                 text-shadow: none;
                 text-align: start;
                 cursor: text;
                 font: 400 13.3333px Arial;
 
-                &::placeholder{
+                &::placeholder {
                     font-size: 85%;
                 }
             }
 
-            &.titre{
+            &.titre {
                 float: none;
                 position: relative;
                 width: 170px;
@@ -4765,31 +4764,31 @@ nav {
             }
         }
 
-        #header_search.fold{
-            width: 0px;
+        #header_search.fold {
+            width: 0;
             opacity: 0;
             margin: 0;
             padding: 0;
         }
 
-        #backsearch{
+        #backsearch {
             display: none;
             font-size: 1em;
 
         }
 
-        #header_search.fold #backsearch{
+        #header_search.fold #backsearch {
             display: inline-block;
             cursor: pointer;
         }
 
-        .description{
-            opacity: 0.6;
+        .description {
+            opacity: .6;
             max-width: 50em;
             display: block;
             width: 100%;
         }
-        .description.hidden{
+        .description.hidden {
             opacity: 0;
         }
 
@@ -4803,7 +4802,7 @@ nav {
                     font-size: 13px;
 
                     &:hover,
-                    &:focus{
+                    &:focus {
                         background-color: #352C2E;
                         background-image: none;
                         text-decoration: underline;
@@ -4815,52 +4814,52 @@ nav {
         a {
             line-height: 40px;
             overflow: hidden;
-            color: #fff;
+            color: #FFFFFF;
 
-            &:hover, &:active{
+            &:hover, &:active {
                 background-color: #352C2E;
-                border-bottom: 1px 5px #fff;
-                color: #fff;
+                border-bottom: 1px 5px #FFFFFF;
+                color: #FFFFFF;
             }
         }
     }
 
-    ul{
+    ul {
         background-color: #352C2E;
     }
 }
 
 
 
-#logged-in-menu{
+#logged-in-menu {
     position: relative;
-    left: 0px;
-    top: 0px;
+    left: 0;
+    top: 0;
     height: 50px;
 
-    &:hover{
+    &:hover {
         text-decoration: none;
     }
 }
 
-.loggedinusername{
+.loggedinusername {
     bottom: 5px;
     text-decoration: none;
     position: relative;
     float: right;
-    right: 0px;
+    right: 0;
     height: 20px;
     width: 100%;
 }
 
-.logged-in-branch-name{
+.logged-in-branch-name {
     position: relative;
-    right: 0px;
+    right: 0;
     height: 20px;
     top: 10px;
     width: 100%;
 
-    &:hover{
+    &:hover {
         text-decoration: underline;
     }
 }
@@ -4923,50 +4922,46 @@ button,
     border-radius: 4px;
     user-select: none;
 
-    &.toolbar-btn{
+    &.toolbar-btn {
         font-family: 'Poppins', sans-serif;
         font-weight: normal;
         text-align: center;
         white-space: nowrap;
         vertical-align: middle;
-        -ms-touch-action: manipulation;
         touch-action: manipulation;
         cursor: pointer;
         background-image: none;
         padding: 6px 12px;
         font-size: 12px;
         border-radius: 4px;
-        -webkit-user-select: none;
-        -moz-user-select: none;
-        -ms-user-select: none;
         user-select: none;
         font-size: 105%;
         background-color: transparent;
-        border: none;
+        border: 0;
         display: inline-block;
         margin: 5px 10px;
         color: #696969;
 
-        &:hover, &:focus{
+        &:hover, &:focus {
             text-decoration: none;
-            background-color: #dadada;
+            background-color: #DADADA;
         }
 
-        &:active{
-            border: none;
+        &:active {
+            border: 0;
         }
 
-        &.word{
+        &.word {
             margin-right: 0;
             padding-right: .1em;
         }
 
-        &.arrow{
+        &.arrow {
             margin-left: 0;
             border-radius: 4px;
             padding-left: .1em;
 
-            &:active{
+            &:active {
                 border: 1px solid #000;
                 border-radius: 4px;
             }
@@ -5002,38 +4997,38 @@ button,
         border-radius: 4px;
         user-select: none;
 
-        &:hover{
+        &:hover {
             font-weight: bold;
-            background-color: #f1f1f1;
+            background-color: #F1F1F1;
             border: #696969 double 1px;
             text-decoration: none;
         }
     }
 }
 
-#merge-patrons{
+#merge-patrons {
     padding: 0 25px;
 }
 
-#patronlist-menu{
+#patronlist-menu {
     padding: 0 25px;
 }
 
-.principal{
+.principal {
     background-color: #FEC32C;
     color: #000;
-    text-shadow: 0 1px 0 #fff;
-    border: none;
+    text-shadow: 0 1px 0 #FFFFFF;
+    border: 0;
     padding: 6px 25px;
     background-image: none;
     margin: 5px;
 
     &:hover,
     &:active,
-    &:focus{
+    &:focus {
         background-color: #fec22c9f;
         color: #000;
-        border: none;
+        border: 0;
     }
 }
 
@@ -5049,7 +5044,7 @@ button,
     background: #F4F8F9 none;
     box-shadow: none;
 
-    &:hover{
+    &:hover {
         background: #e3f1df none;
     }
 }
@@ -5313,7 +5308,7 @@ label {
 .modal-content {
     background-color: rgb(211, 223, 204);
 
-    fieldset{
+    fieldset {
         box-shadow: none;
     }
 }
@@ -5367,7 +5362,7 @@ code {
     > li {
         > a {
             background-color: #71B443;
-            color: #fff;
+            color: #FFFFFF;
             line-height: 1.42857143;
             margin-right: .4em;
             padding: .5em 1em;
@@ -5377,7 +5372,7 @@ code {
                 border-radius: 4px 4px 0 0;
                 border: 1px solid #418940;
                 text-decoration: none;
-                color: #fff;
+                color: #FFFFFF;
             }
         }
 
@@ -5387,7 +5382,7 @@ code {
             a:focus {
                 background-color: #418940;
                 border-radius: 4px 4px 0 0;
-                color: #fff;
+                color: #FFFFFF;
                 cursor: default;
                 font-weight: bold;
             }
@@ -5395,7 +5390,7 @@ code {
     }
 }
 
-// End Bootstrap overrides
+/* End Bootstrap overrides */
 .waiting {
     cursor: wait;
 }
@@ -5466,7 +5461,7 @@ progress {
     }
 }
 
-// Class to be added to toolbar when it starts being fixed at the top of the screen
+/* Class to be added to toolbar when it starts being fixed at the top of the screen */
 .floating {
     box-shadow: 0 3px 2px 0 rgba(0, 0, 0, .5);
     z-index: 100;
@@ -5981,7 +5976,7 @@ input.renew {
     padding: 5px 7px;
     margin: 3px 0 3px 0;
     border-radius: 5px;
-    background-color: rgba(0, 0, 0, 0.1);
+    background-color: rgba(0, 0, 0, .1);
 }
 
 #stage_list_headings {
@@ -6053,11 +6048,8 @@ input.renew {
     span {
         display: none;
         font-style: normal;
-      //  position: absolute;
-        //top: 10px;
-        //right: 20px;
 
-        &:hover{
+        &:hover {
             text-decoration: underline;
         }
     }
@@ -6068,14 +6060,14 @@ input.renew {
 }
 
 .loggedin-menu-label {
-    color: #fff;
+    color: #FFFFFF;
     font-size: 12px;
     line-height: 1.42857143;
     padding: 4px 12px;
     white-space: nowrap;
 
     span {
-        color: #fff;
+        color: #FFFFFF;
         font-weight: bold;
         left: 15px;
         top: 0;
@@ -6089,11 +6081,9 @@ input.renew {
 .lastborrower {
     background-image: linear-gradient(to left, #418940, #71B443);
     box-shadow: 1px 1px 1px 0 #999;
-    color: #fff;
+    color: #FFFFFF;
     margin: .4em 0;
     border-radius: 5px 5px 5px 5px;
- //   position: absolute;
-   // right: 50px;
 }
 
 
@@ -6124,45 +6114,44 @@ input.renew {
 
 #lastborrowerlink {
     background: transparent url("../img/UIKit/arrow.svg") no-repeat scroll 0%;
-    color: #fff;
+    color: #FFFFFF;
     padding: .0em .0em .0em 1.3em;
 
-    &:hover{
+    &:hover {
         text-decoration: underline;
     }
 }
 
 /* ==== MODULE LINKS - Start ==== */
 .buttons-list {
-    // List containing the module links
+    /* List containing the module links */
     margin: 30px 0;
     padding: 0;
     margin-left: 15px;
 
     li {
-        // Standard attributes for the list elements
+        /* Standard attributes for the list elements */
         height: 60px;
         list-style-type: none;
         display: table;
         margin-bottom: 15px;
 
         a {
-            &.menucirc{
+            &.menucirc {
                 display: block;
                 height: 60px;
                 margin: 5px;
 
-                i{
+                i {
 
-                    &.fa{
-                    color: #fff;
+                    &.fa {
+                    color: #FFFFFF;
                     border-radius: 50%;
                     background-color: #71B443;
                     width: 40px;
                     height: 40px;
                     margin: 5px;
                     padding: 10px;
-                    -webkit-box-sizing: content-box;
                     box-sizing: content-box;
                     align-items: center;
                     justify-content: center;
@@ -6170,11 +6159,11 @@ input.renew {
                     border: solid 3px #71B443;
                     }
 
-                    &.fond{
+                    &.fond {
                         opacity: 70%;
                         position: relative;
                         top: 5px;
-                        border: none;
+                        border: 0;
                         right: 20px;
                         border-radius: 0;
                         background-color: transparent;
@@ -6193,23 +6182,23 @@ input.renew {
                     color: #000;
                 }
 
-                &:hover, &:active, &:focus{
+                &:hover, &:active, &:focus {
                     text-decoration: none;
 
                     h1{
                         color: #418940;
                     }
 
-                    i{
-                        &.fa{
+                    i {
+                        &.fa {
                             background-color: #418940;
                             border: solid 3px #418940;
                         }
-                        &.fond{
+                        &.fond {
                             opacity: 70%;
                             position: relative;
                             top: 5px;
-                            border: none;
+                            border: 0;
                             right: 20px;
                             border-radius: 0;
                             background-color: transparent;
@@ -6246,7 +6235,7 @@ input.renew {
     column-gap: 2em;
 }
 
-// ==== MODULE LINKS - End ====
+/* ==== MODULE LINKS - End ==== */
 
 #tools_holidays {
     .radio,
@@ -6352,7 +6341,7 @@ input.renew {
 }
 
 #user-menu {
-    top: 0px;
+    top: 0;
     position: absolute;
     right: 5px;
 }
diff --git a/koha-tmpl/opac-tmpl/bootstrap/css/src/opac.scss b/koha-tmpl/opac-tmpl/bootstrap/css/src/opac.scss
index 747251450f..794697689d 100644
--- a/koha-tmpl/opac-tmpl/bootstrap/css/src/opac.scss
+++ b/koha-tmpl/opac-tmpl/bootstrap/css/src/opac.scss
@@ -1543,17 +1543,6 @@ nav {
     margin: .3em 0;
 }
 
-.ui-widget-content {
-    a {
-        &:link,
-        &:visited {
-            &.btn-default,
-            &.btn-secondary {
-            }
-        }
-    }
-}
-
 #social_networks {
     margin-top: .5em;
 
-- 
2.20.1