body {
            font-family: 'Poppins', sans-serif;
        }
        .gradient-bg {

            background: linear-gradient(90deg, rgba(2,0,36,1) 0%, rgba(108,9,121,1) 34%, rgba(0,212,255,1) 100%);
        }
        .nav-item:hover {
            border-bottom: 2px solid #ffffff;
        }
         html {
            scroll-behavior: smooth;
          }
         #main_detor_data {
            border-collapse: collapse;
            width: 100%;
            text-align: left;
          }

          #main_detor_data th {
            background: #7a7ad2;
            color: white;
            font-weight: bold;
            padding: 12px;
            border-bottom: 2px solid #ddd;
          }

          #main_detor_data td {
            padding: 10px;
            border-bottom: 1px solid #ddd;
          }

          #main_detor_data tbody tr:nth-child(even) {
            background-color: #f8fafc;
          }

          #main_detor_data tbody tr:hover {
            background-color: #e0e7ff;
          }

          .user_ip {
            cursor: pointer;
          }

                /* Add alternating row colors */
        #resultsTable tbody tr:nth-child(even) {
            background-color: #a2f0e5; /* Light gray background */
        }

                        /* Add alternating row colors */
        #resultsTable thead {
            background-color: #9dc9e4; /* Light gray background */
        }


        #resultsTable tbody tr:nth-child(odd) {
            background-color: #b7e6f4; /* White background */
        }

        /* Table hover effect */
        #resultsTable tbody tr:hover {
            background-color: #e2e8f0; /* Hover effect */
        }

        .swal-title-color {
            color: #547eef;
        }

        .orange_dot {
            background-color: #fb923c !important; /* Or the desired shade of orange */
            width: 16px !important;  /* Ensuring it's 16px wide */
            height: 16px !important;  /* Ensuring it's 16px tall */
            border-radius: 9999px !important; /* Making it fully round */
        }


          /* Improve table appearance */
    #RootServerLatencyDataTable {
        border-collapse: collapse;
        width: 100%;
    }

    #RootServerLatencyDataTable th {
        background-color: #1E3A8A; /* Dark Blue */
        color: white;
        font-weight: bold;
        text-align: left;
        padding: 12px;
    }

    #RootServerLatencyDataTable td {
        padding: 10px;
        border-bottom: 1px solid #ddd;
    }

    /* Alternate row colors */
    #RootServerLatencyDataTable tbody tr:nth-child(odd) {
        background-color: #F8FAFC; /* Light gray */
    }

    #RootServerLatencyDataTable tbody tr:hover {
        background-color: #E0E7FF; /* Soft hover effect */
    }
    @keyframes infiniteScroll {
        from {
            transform: translateX(0);
        }
        to {
            transform: translateX(-100%);
        }
    }
    
    .animate-marquee {
        display: flex;
        width: max-content;
        animation: infiniteScroll 15s linear infinite;
    }

    .custom-shadow {
        position: relative;
    }
    
    .custom-shadow::after {
        content: "";
        position: absolute;
        top: 25%; /* Start shadow from 25% height */
        bottom: 25%; /* End shadow at 75% height */
        right: 0; /* Only on the right side */
        width: 10px; /* Shadow width */
        background: linear-gradient(to bottom, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0)); 
    }