API's Notifications, tasks list Loading

assets/css/list.page.css

@@ -1,8 +1,8 @@
 @import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap');
 :root {
     --topNavHeight: 75px;
-    --rtrWidth: 60px;
-    --lftWidth: 300px;
+    --rtrWidth: 50px;
+    --lftWidth: 275px;
     --tpMenuPad: 30px;
     --icnPadng: 10px 0px;
     --prmBgColor: rgb(244, 244, 221);
@@ -135,6 +135,7 @@ li.logo-li {
 
 .ctr-lst-pge {
     position: fixed;
+    z-index: 2;
     left: var(--lftWidth);
     right: var(--rtrWidth);
     height: inherit;
@@ -261,4 +262,23 @@ a.badge {
 }
 
 
-/* Scroll bar End Here */
+/* Scroll bar End Here */
+
+.accordion-button::after {
+    background-size: 0.9rem !important;
+    ;
+}
+
+a[role="button"]:focus {
+    box-shadow: none !important;
+}
+
+#notifi-list .item-li:first .accordion-button:not(.collapsed) {
+    border-top-left-radius: var(--lstPgArc);
+    border-top-right-radius: var(--lstPgArc);
+}
+
+input[type="checkbox"] {
+    box-shadow: none !important;
+    border-radius: 2px;
+}