Duplicacy mobile active tab indicator, progress bar, word wrap

CSS/themes/duplicacy/duplicacy-base.css

@@ -132,10 +132,15 @@ body,
 
 .sidebar .nav li.active>a:before,
 .off-canvas-sidebar .nav li.active>a:before,
-.sidebar .nav li.active>a:after,
+.sidebar .nav li.active>a:after {
+    border-right: 17px solid var(--accent-color);
+}
+
+@media (min-width: 992px) {
     .off-canvas-sidebar .nav li.active>a:after {
         border-right: 17px solid var(--accent-color);
     }
+}
 
 .sidebar[data-active-color="success"] .nav li.active>a,
 .off-canvas-sidebar[data-active-color="success"] .nav li.active>a {
@@ -241,6 +246,10 @@ textarea {
     color: black;
 }
 
+.form-check-label{
+    word-break: break-word;
+}
+
 /* BUTTONS */
 .btn {
     color: var(--text);
@@ -373,6 +382,17 @@ hr {
     border-color: var(--accent-color);
 }
 
+/* PROGRESS BARS */
+.progress {
+    background-color: rgba(0, 0, 0, 0.25);
+}
+.progress-bar {
+    background-color: var(--accent-color);
+}
+.progress span {
+color: var(--text);
+}
+
 /* FOOTER */
 .main-panel>.footer {
     background: rgb(0 0 0 / 0.25);
@@ -384,4 +404,7 @@ hr {
         box-shadow: 0 0 10px 0px #000000;
         background: var(--modal-bg-color);
     }
+    .off-canvas-sidebar .nav > li.active > a:after {
+        border-left: 17px solid var(--accent-color);
+    }
 }