.currency-tabs-wrapper 
{
    font-family: 'Poppins' !important;
    margin: 20px 0;
}
.HA-tabs 
{
    display: flex;
    margin-bottom: 10px;
	justify-content: center;
	display: none;
}

.tab-button 
{
    padding: 10px 20px;
    cursor: pointer;
    border: 1px solid #ccc;
    background: #f0f0f0;
    margin-right: 5px;
}

.tab-button.active 
{
    background: #0073aa;
    color: white;
}

.tab-content 
{
    display: none;
}

.tab-content.active 
{
    display: block;
}

.currency-table 
{
    width: 100%;
    border-collapse: collapse;
    margin-top: 10px;
}

.currency-table th, .currency-table td 
{
    border: 1px solid #ccc;
    padding: 12px;
    text-align: center;
}

.currency-table th 
{
    background: #f9f9f9;
}

.published-date 
{
    text-align: right ;
    font-size: 14px ;
    color: #555 ;
    margin-bottom: 10px ;
}

/* .tab-button 
{
    background-color: #F4F4F4 !important;
    border: 0px !important;
    color: #000000 !important;
    font-family: 'Poppins' !important;
    font-size: 22px !important;
    font-weight: 500 !important;
} */
/* 
.currency-table tr {
  background-color: #ffffff !important;
} */

.currency-table tr:nth-child(even) 
{
  background-color: #FAFBFE !important;
}
/* 
.currency-table tr:nth-child(odd) {
  background-color: #FFFFFF !important;
}
 */
table tbody>tr:nth-child(odd)>td, table tbody>tr:nth-child(odd)>th 
{
    background-color: unset !important;
}

table td 
{
    border: unset !important;
    padding: 10px;
    text-align: center;
    font-size: 14px;
    font-family: 'Poppins';
    font-weight: 400;
    text-transform: uppercase;
}

.currency-tabs-wrapper img
{
	height: 18px !important;
	width: 30px;
	border: 1px solid black !important;
}

tbody 
{
  background-image: url('https://staging.columbiacurrencyexchange.ca/wp-content/uploads/2025/09/Exchange-rate-table-image.png');
  background-repeat: repeat-y;
  background-position: top; 
}

 .currency-tabs-wrapper table td:nth-child(2)
{
	color: #076DBA;
	font-family: 'Poppins';
	font-weight: 500;
}





@media only screen and (max-width: 580px) 
{
 .currency-tabs-wrapper table th:nth-child(1),
 .currency-tabs-wrapper table th:nth-child(2),
 .currency-tabs-wrapper table td:nth-child(1),
 .currency-tabs-wrapper table td:nth-child(2) 
{
    display: none;
}
	
.currency-table th, .currency-table td 
{
    padding: 9px;
    font-size: 12px;
}
}





























.tab-for-table 
{
    width: 40% !important;
}

.HA-tabs 
{
    justify-content: center !important;
}

.currency-table th 
{
/* 	background: #F4F7FC; */
	background-color: #076DBA !important;
    color: #ffffff;
	font-size: 16px;
    font-family: 'Poppins';
    font-weight: 600;
    text-transform: uppercase;
	border: unset !important;
}

/*.main-table .currency-table {*/
/*    border-radius: 12px;*/
/*    box-shadow: inset 0 0 20px 4px rgb(36 137 207 / 30%);*/
/*}*/
.tab-button.active
{
    background: #2489CF !important;
    color: white !important;
}


@media only screen and (max-width: 550px) 
{
.currency-tabs-wrapper .tabs
	{
		display: flex;
		flex-direction: column !important;
		gap: 10px;
		align-items: center;
    }
.tab-content.active
	{
		overflow: auto;
	}
	
.tab-for-table 
	{
		width: 100% !important;
	}
}