Item button and document content added spinner

public/css/custom.css

@@ -1255,12 +1255,26 @@ table .align-items-center td span.badge {
 }
 
 .aka-select.aka-select--fluid {
-    max-width: 96%;
+    max-width: 100%;
     min-width: 0;
 }
 
+.product-select .item-add-new:hover {
+    background-color: #f1f3f3;
+    text-decoration: none;
+}
+
+.product-select .item-add-new button {
+    height: 54px;
+}
+
+.product-select .aka-select.aka-select--fluid {
+    margin: -54px 0 !important
+}
+
 .product-select .aka-select-menu {
-    width: 100%;
+    margin-left: 4%;
+    width: 92%;
     min-width: 0;
     padding: 0;
     top: 0;
@@ -1307,6 +1321,7 @@ table .align-items-center td span.badge {
 .product-select .aka-select.aka-select--fluid.is-open {
     position: absolute;
     display: block;
+    margin-top: -50px;
 }
 
 .item-select {
@@ -1339,4 +1354,21 @@ table .align-items-center td span.badge {
 .item-select .v-money.text-right.disabled-money {
     color: #8898aa;
 }
-/* Akaunting Item Button Finish */
+/* Akaunting Item Button Finish */
+
+/* Document Loading Start */
+.document-loading {
+    position: absolute;
+    overflow: auto;
+    width: 100%;
+    height: 100%;
+    background: #f8f9fe;
+    z-index: 99;
+    border-radius: 0.375rem;
+}
+
+.document-loading div {
+    margin-top: 20%;
+    margin-left: 45%;
+}
+/* Document Loading Finish */