.ap-table-wrapper {
    overflow-x: auto;
}
.ap-table {
    width: 100%;
    border-collapse: collapse;
    font-size: 13px;
    border-radius: 5px;
}
.ap-table th, .ap-table td {
    padding: 10px;
    border: 1px solid #ddd;
}
.ap-table thead {
    background-color: #f8f8f8;
    font-weight: bold;
}
.ap-table-search {
    margin-bottom: 15px;
}

.ap-table-search input{
	width: 100%; padding: 10px; border-radius: 5px; border: 1px solid #ccc; font-size: 14px;
}

.gram-color{
	font-size:11px;
	color:#006cac;
}


}
.gold-price-info .update-time {
    font-size: 12px;
    color: #888;
    margin-bottom: 5px;
}
.gold-price-info .conversion-note {
    font-size: 11px;
    color: #999;
}
.currency-info {
    text-align: center;
    margin-bottom: 10px;
    font-size: 14px;
    color: #000;
    border:1px solid #006cac;
    padding:5px;
    width::100%;
}
        .gold-update-time {
            text-align: right;
            font-size: 14px;
            color: #555;
            margin-bottom: 20px;
        }
        .gold-widgets {
            display: flex;
            flex-wrap: wrap;
            gap: 15px;
            justify-content: center;
        }
        .gold-widget {
            border: 1px solid #ddd;
            border-radius: 6px;
            padding: 15px;
            flex: 1 1 300px;
            box-shadow: 0 2px 6px rgb(0 0 0 / 0.1);
            background: #fff;
        }
        .gold-widget h3 {
            margin-top: 0;
            margin-bottom: 15px;
            font-size: 20px;
            border-bottom: 2px solid #f0ad4e;
            padding-bottom: 5px;
            color: #c98918;
        }
        .gold-price-table {
            width: 100%;
            border-collapse: collapse;
            font-size: 14px;
        }
        .gold-price-table th, .gold-price-table td {
            border: 1px solid #ddd;
            padding: 8px 12px;
            text-align: center;
        }
        .gold-price-table th {
            background-color: #f9f9f9;
            font-weight: bold;
        }
        .currency-flag {
            width: 22px;
            height: 15px;
            vertical-align: middle;
            margin-left: 5px;
            border: 1px solid #ddd;
        }

.gold-20days-table .gr, .gold-20days-table .oz{
    font-weight: bold;
}



.silver-update-time {
            text-align: right;
            font-size: 14px;
            color: #555;
            margin-bottom: 20px;
        }
        .silver-widgets {
            display: flex;
            flex-wrap: wrap;
            gap: 15px;
            justify-content: center;
        }
        .silver-widget {
            border: 1px solid #ddd;
            border-radius: 6px;
            padding: 15px;
            flex: 1 1 300px;
            box-shadow: 0 2px 6px rgb(0 0 0 / 0.1);
            background: #fff;
        }
        .silver-widget h3 {
            margin-top: 0;
            margin-bottom: 15px;
            font-size: 20px;
            border-bottom: 2px solid #5a5a5a;
            padding-bottom: 5px;
            color: #5a5a5a;
        }
        .silver-price-table {
            width: 100%;
            border-collapse: collapse;
            font-size: 14px;
        }
        .silver-price-table th, .silver-price-table td {
            border: 1px solid #ddd;
            padding: 8px 12px;
            text-align: center;
        }
        .silver-price-table th {
            background-color: #f9f9f9;
            font-weight: bold;
        }
        .currency-flag {
            width: 22px;
            height: 15px;
            vertical-align: middle;
            margin-left: 5px;
            border: 1px solid #ddd;
        }

.silver-20days-table .gr, .silver-20days-table .oz{
    font-weight: bold;
}