/* Base styles (apply to both themes, important for layout) */
        .downloadbutton {
            cursor: pointer;
            padding: 5px;
            text-align: left;
            position: relative;
        }

        #glistdiv-27 {
            display: inline-block;
            width: 100%;
            max-width: 1200px;
            overflow-x: hidden;
        }

        #glist-27 {
            border-collapse: collapse;
            margin-bottom: 0 !important;
        }

        #glist-27 th a:hover {
            cursor: pointer;
        }

        #glist-27 tr th {
            border-color: #ddd;
            background-color: #fff;
            padding: 5px;
        }

        #glist-27 tr td {
            background: white;
			background-color: #ddd;
			opacity: 0.9;
			transition: 0.1s;
        }

        #glist-27 tr td p {
            border-color: transparent;
            font-weight: bold;
            color:#fff;
            margin: 0;
        }

        #glist-27 tr td a {
            display: block;
        }

        #glist-27 tr td.downloadbutton:hover {
            background-color: #789e3b;
            border-color: #658039;
        }

        .dot-shuttle {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            width: 12px;
            height: 12px;
            border-radius: 6px;
            background-color: #9880ff;
            color: transparent;
            display: none;
        }

        .dot-shuttle::before, .dot-shuttle::after {
            content: '';
            display: inline-block;
            position: absolute;
            top: 0;
            width: 12px;
            height: 12px;
            border-radius: 6px;
            background-color: #9880ff;
            color: transparent;
        }

        .dot-shuttle::before {
            left: -15px;
            animation: dotShuttle 2s infinite ease-out;
        }

        .dot-shuttle::after {
            left: 15px;
        }

        @keyframes dotShuttle {
            0%, 50%, 100% {
                transform: translateX(0);
            }
            25% {
                transform: translateX(-20px);
            }
            75% {
                transform: translateX(20px);
            }
        }

        .downloadbutton.loading .dot-shuttle {
            display: block;
        }

        .downloadbutton.loading p {
            visibility: hidden;
        }