﻿.scrollHoriz {
    overflow-x: auto !important;
}

.scrollHoriz {
    border-radius: 20px;
    border: 1px solid #1A1A1A;
    /*max-width: 750px;*/
}

#tblGoldRate {
    border-radius: 35px !important;
    width: 100%;
    min-width: 233px;
}
    #tblGoldRate > thead > tr > th > div, #tblGoldRate > thead > tr > th > div > span, #tblGoldRate > tbody > tr > td {
        font-size: calc(10px + (20 - 10) * ((80vw - 300px) / (1900 - 300)));
        /*font-size: calc(6px + (12 - 6) * ((80vw - 300px) / (1900 - 300)));*/
        /*font-size: calc(6px + (12 - 6) * ((80vw - 300px) / (1900 - 300))) !important;*/
        /*font-size: 14px;*/
    }
        #tblGoldRate > tbody > tr > td > input.form-control {
            font-size: calc(6px + (12 - 6) * ((80vw - 300px) / (1900 - 300))) !important;
            /*font-size: 14px !important;*/
        }
        #tblGoldRate tbody tr:nth-child(even) td {
            background-color: #F3E4AF;
        }

    #tblGoldRate tbody tr:nth-child(odd) td {
        background-color: #F9F7D5;
    }

    #tblGoldRate thead tr th {
        background-color: #B38742;
        color: #FFFFFF;
        padding: 5px 0;
    }
.headerForCountryName{
    margin: 3px 0 5px;
}
.pLastUpdated {
    margin: 0;
    /*margin: 5px 0 20px;*/
}

@media only screen and (max-width:767px), (max-device-width:767px) {
    .table-responsive {
        margin-bottom: 0;
    }
}

#tblGoldRate tbody tr td, .pLastUpdated {
    color: #1A1A1A;
}

#tblGoldRate tbody tr td {
    padding: 5px 0;
}

#tblGoldRate thead tr th, #tblGoldRate tbody tr td {
    border: 1px solid #1A1A1A;
}
    #tblGoldRate thead tr th:not(:last-child) {
        border-right: 1px solid transparent;
        padding: 4px 0 4px 8px !important;
    }
        #tblGoldRate thead tr th:not(:last-child) div {
            border-right: 1px solid #FFFFFF;
            height: 25px;
            line-height: 25px;
        }
        .borderTopInvisible {
            border-top: 1px solid transparent !important;
        }

#tblGoldRate tbody tr:last-child td {
    border-bottom: 1px solid transparent;
}

#tblGoldRate thead tr th:first-child, .tdFirst {
    /*#tblGoldRate thead tr th:first-child, #tblGoldRate tbody tr td:first-child {*/
    border-left: 1px solid transparent !important;
}

#tblGoldRate thead tr th:last-child, .tdLast {
    /*#tblGoldRate thead tr th:last-child, #tblGoldRate tbody tr td:last-child {*/
    border-right: 1px solid transparent !important;
}

#tblGoldRate thead tr th:first-child {
    border-top-left-radius: 15px;
}

#tblGoldRate thead tr th:last-child {
    border-top-right-radius: 15px;
}

#tblGoldRate tbody tr:last-child td:first-child {
    border-bottom-left-radius: 15px;
}

#tblGoldRate tbody tr:last-child td:last-child {
    border-bottom-right-radius: 15px;
}
.trFoot > td {
    background-color: #B38742 !important;
}
    .trFoot > td > p {
        color: #FFFFFF;
    }
@media only screen and (max-width:767px), (max-device-width:767px) {
    #tblGoldRate {
        border: none;
    }
}