/* General Container Styling */
.erv-container {
    direction: rtl;
    margin: 20px 0;
    padding: 15px;

}

/* Table Styling */
.erv-table {
    width: 100%;
    border-collapse: collapse;
    margin-top: 15px;
}

.erv-table th,
.erv-table td {
    padding: 8px 10px;
    text-align: right;
    vertical-align: middle !important;
    border-bottom: 1px solid #ddd;
}
.erv-table th.erv-c-name,
.erv-table td.erv-c-name {
    text-align: right;
}

.erv-table th.erv-c-buy-price,
.erv-table th.erv-c-price, 
.erv-table th.erv-c-change, 
.erv-table th.erv-c-time,
.erv-table td.erv-c-buy-price,
.erv-table td.erv-c-price, 
.erv-table td.erv-c-change, 
.erv-table td.erv-c-time {
    text-align: left;
}

.erv-table th {
    background-color: #f2f2f2;
    font-weight: bold;
}

.erv-table tbody tr:nth-child(even) {
    background-color: #fafafa;
}

.erv-table tbody tr:hover {
    background-color: #f1f1f1;
}

.erv-exchange-holder {
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -ms-grid-row-align: center;
    align-items: center;
}

.erv-exchange-icon{
    margin-right: 0;
    margin-left: 10px;
    max-width: 32px !important;
    display: inline-block;
    height: auto;
}

/* Loading and Error Messages */
.erv-loading,
.erv-error {
    text-align: center;
    padding: 20px;
    font-size: 100%;
    color: #555;
}

.erv-error {
    color: #d9534f;
    background-color: #f2dede;
    border: 1px solid #ebccd1;
    border-radius: 4px;
}

/* Chart Container */
.erv-price-chart-container {
    max-width: 100%;
    height: auto;
}


/* Last updated overall text */
.erv-last-updated {
    font-size: 90%;
    color: #777;
    margin-bottom: 10px;
    text-align: left;
}

/* Price change indicators */
.erv-change-up {
    color: #28a745; /* Green */
    font-weight: bold;
    direction: ltr;
    display: inline-block;
}

.erv-change-down {
    color: #dc3545; /* Red */
    font-weight: bold;
    direction: ltr;
    display: inline-block;
}

.erv-change-neutral {
    color: #808080; /* Silver/Gray */
    font-weight: bold;
    direction: ltr;
    display: inline-block;
}





.highcharts-tooltip span {
    white-space: nowrap;
    text-align: right;
    direction: rtl;
}

.chart-tooltip-item {
    font-family: "IRANSans", IRANSans, sans-serif,IRANYekanX,Tahoma;
    font-size: 12px;
    color: #5D4B4B;
}

.chart-tooltip-price {
    font-size: 15px;
    color: #C56969;
}

.highcharts-button {
    border: 1px solid red;
}


@media (max-width: 767px) {
    .exchange-table {
        width: 100%;
        overflow: auto
    }

    .exchange-table table thead tr th {
        font-size: 90%;
        padding: 5px;
        /* display: none; */
    }

    .exchange-table table thead tr th:first-child {
        min-width: 140px;
    }

    .exchange-table table tbody tr td {
        padding: 5px;
        font-size: 85%;
    }
    
    .exchange-table table thead tr th.erv-c-time,
    .exchange-table table thead tr th.erv-c-change,
    .exchange-table table tbody tr td.erv-c-time,
    .exchange-table table tbody tr td.erv-c-change
    {
        display: none;
    }


    .exchange-table table tbody tr td:first-child {
        min-width: 140px;
    }

    .erv-exchange-icon{
        margin-left: 5px;
        max-width: 22px !important;
        display: none;
    }
}