Added missing static files

src/assets/css/custom_styles.css

@@ -0,0 +1,260 @@
+.no-padding-top-bottom {
+    padding-top: 0 !important;
+    padding-bottom: 0 !important;
+}
+
+.colvis {
+    margin-top: 20px;
+}
+
+.font-size-25 {
+    font-size: 25px !important;
+}
+
+.margin-left-10 {
+    margin-left: 10px !important;
+}
+
+.no-padding-top {
+    padding-top: 0 !important;
+}
+
+.smaller-font-size {
+    font-size: 0.9rem;
+}
+
+.text-center {
+    text-align: center !important;
+}
+
+.code-block {
+    background-color: #f4f4f4;
+    border: 1px solid #ddd;
+    border-radius: 4px;
+    padding: 15px;
+    font-family: "Courier New", Courier, monospace;
+    font-size: 14px;
+    line-height: 1.6;
+    overflow-x: auto;
+    white-space: pre-wrap;
+    margin: 10px 0;
+}
+
+.highlight-code {
+    font-size: 0.875em !important;
+    color: var(--mdb-code-color) !important;
+    word-wrap: break-word !important;
+}
+
+/* Loader Overlay */
+.loader-overlay {
+    position: fixed;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    background: rgba(0, 0, 0, 0.5); /* Semi-transparent black overlay */
+    display: none; /* Hidden by default */
+    justify-content: center;
+    align-items: center;
+    z-index: 1000; /* Ensure it’s on top */
+}
+
+/* Table fade effect when loader is active */
+.table-container.faded {
+    opacity: 0.3; /* Fades the table */
+    transition: opacity 0.3s ease;
+}
+
+/* lds-roller CSS from loading.io */
+.lds-roller {
+    display: inline-block;
+    position: relative;
+    width: 200px;
+    height: 200px;
+}
+.lds-roller div {
+    animation: lds-roller 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
+    transform-origin: 40px 40px;
+}
+.lds-roller div:after {
+    content: " ";
+    display: block;
+    position: absolute;
+    width: 7px;
+    height: 7px;
+    border-radius: 50%;
+    background: #fff;
+    margin: -4px 0 0 -4px;
+}
+.lds-roller div:nth-child(1) {
+    animation-delay: -0.036s;
+}
+.lds-roller div:nth-child(1):after {
+    top: 63px;
+    left: 63px;
+}
+.lds-roller div:nth-child(2) {
+    animation-delay: -0.072s;
+}
+.lds-roller div:nth-child(2):after {
+    top: 68px;
+    left: 56px;
+}
+.lds-roller div:nth-child(3) {
+    animation-delay: -0.108s;
+}
+.lds-roller div:nth-child(3):after {
+    top: 71px;
+    left: 48px;
+}
+.lds-roller div:nth-child(4) {
+    animation-delay: -0.144s;
+}
+.lds-roller div:nth-child(4):after {
+    top: 72px;
+    left: 40px;
+}
+.lds-roller div:nth-child(5) {
+    animation-delay: -0.18s;
+}
+.lds-roller div:nth-child(5):after {
+    top: 71px;
+    left: 32px;
+}
+.lds-roller div:nth-child(6) {
+    animation-delay: -0.216s;
+}
+.lds-roller div:nth-child(6):after {
+    top: 68px;
+    left: 24px;
+}
+.lds-roller div:nth-child(7) {
+    animation-delay: -0.252s;
+}
+.lds-roller div:nth-child(7):after {
+    top: 63px;
+    left: 17px;
+}
+.lds-roller div:nth-child(8) {
+    animation-delay: -0.288s;
+}
+.lds-roller div:nth-child(8):after {
+    top: 56px;
+    left: 12px;
+}
+@keyframes lds-roller {
+    0% {
+        transform: rotate(0deg);
+    }
+    100% {
+        transform: rotate(360deg);
+    }
+}
+
+.additional-filters-button {
+    width: 100%;
+}
+
+td.dt-empty {
+    text-align: left !important;
+}
+
+.margin-left-right-auto {
+    margin-left: auto !important;
+    margin-right: auto !important;
+}
+
+.table-striped > tbody > tr.odd-row {
+    background-color: rgb(230, 230, 230) !important;
+}
+
+.odd-row > .dtfc-fixed-start,
+.odd-row > .dtfc-fixed-end {
+    background-color: rgb(230, 230, 230) !important;
+}
+
+tr:not(.odd-row) > .dtfc-fixed-start,
+tr:not(.odd-row) > .dtfc-fixed-end {
+    background-color: #f6f9ff !important;
+}
+
+
+#geo-loader {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    min-height: 40px; /* Adjust as needed for vertical centering */
+}
+
+.lds-ellipsis,
+.lds-ellipsis div {
+  box-sizing: border-box;
+}
+.lds-ellipsis {
+  display: inline-block;
+  position: relative;
+  width: 24px;
+  height: 24px;
+}
+.lds-ellipsis div {
+  position: absolute;
+  top: 12px;
+  width: 6px;
+  height: 6px;
+  border-radius: 50%;
+  background: currentColor;
+  animation-timing-function: cubic-bezier(0, 1, 1, 0);
+}
+.lds-ellipsis div:nth-child(1) {
+  left: 2px;
+  animation: lds-ellipsis1 0.6s infinite;
+}
+.lds-ellipsis div:nth-child(2) {
+  left: 2px;
+  animation: lds-ellipsis2 0.6s infinite;
+}
+.lds-ellipsis div:nth-child(3) {
+  left: 12px;
+  animation: lds-ellipsis2 0.6s infinite;
+}
+.lds-ellipsis div:nth-child(4) {
+  left: 22px;
+  animation: lds-ellipsis3 0.6s infinite;
+}
+@keyframes lds-ellipsis1 {
+  0% {
+    transform: scale(0);
+  }
+  100% {
+    transform: scale(1);
+  }
+}
+@keyframes lds-ellipsis3 {
+  0% {
+    transform: scale(1);
+  }
+  100% {
+    transform: scale(0);
+  }
+}
+@keyframes lds-ellipsis2 {
+  0% {
+    transform: translate(0, 0);
+  }
+  100% {
+    transform: translate(24px, 0);
+  }
+}
+
+
+.badge-pill-outline {
+    border: 1px solid #000;
+    background-color: #fff;
+    color: #000;
+    border-radius: 50rem;
+    padding: 0.35em 0.65em;
+    font-size: 0.85em;
+    margin-right: 0.4em;
+    margin-bottom: 0.25em;
+}