body {
    font-family: 'LatoWeb', 'Lucida Grande', 'Lucida Sans Unicode', Arial, sans-serif;
    color: #4a4a4a;
	background-color:#fff;
}

 /* @font-face {
            font-family: "LatoWeb";
            font-style: normal;
            font-weight: 300;
            src: url("assets/fonts/Lato/Lato-Thin.eot");
            src: url("assets/fonts/Lato/Lato-Thin.eot?#iefix") format("embedded-opentype"),url("assets/fonts/Lato/Lato-Thin.woff") format("woff"),url("assets/fonts/Lato/Lato-Thin.ttf") format("truetype"),url("assets/fonts/Lato/Lato-Thin.svg#svgFontName") format("svg");
        }

        @font-face {
            font-family: "LatoWeb";
            font-style: italic;
            font-weight: 300;
            src: url("assets/fonts/Lato/Lato-ThinItalic.eot");
            src: url("assets/fonts/Lato/Lato-ThinItalic.eot?#iefix") format("embedded-opentype"),url("assets/fonts/Lato/Lato-ThinItalic.woff") format("woff"),url("assets/fonts/Lato/Lato-ThinItalic.ttf") format("truetype"),url("assets/fonts/Lato/Lato-ThinItalic.svg#svgFontName") format("svg");
        }

        @font-face {
            font-family: "LatoWeb";
            font-style: normal;
            font-weight: 400;
            src: url("assets/fonts/Lato/Lato-Regular.eot");
            src: url("assets/fonts/Lato/Lato-Regular.eot?#iefix") format("embedded-opentype"),url("assets/fonts/Lato/Lato-Regular.svg#svgFontName") format("svg");
        }

        @font-face {
            font-family: "LatoWeb";
            font-style: italic;
            font-weight: 400;
            src: url("assets/fonts/Lato/Lato-Italic.eot");
            src: url("assets/fonts/Lato/Lato-Italic.eot?#iefix") format("embedded-opentype"),url("assets/fonts/Lato/Lato-Italic.woff") format("woff"),url("assets/fonts/Lato/Lato-Italic.ttf") format("truetype"),url("assets/fonts/Lato/Lato-Italic.svg#svgFontName") format("svg");
        }

        @font-face {
            font-family: "LatoWeb";
            font-style: normal;
            font-weight: 600;
            src: url("assets/fonts/Lato/Lato-Semibold.eot");
            src: url("assets/fonts/Lato/Lato-Semibold.eot?#iefix") format("embedded-opentype"),url("assets/fonts/Lato/Lato-Semibold.woff") format("woff"),url("assets/fonts/Lato/Lato-Semibold.ttf") format("truetype"),url("assets/fonts/Lato/Lato-Semibold.svg#svgFontName") format("svg");
        }

        @font-face {
            font-family: "LatoWeb";
            font-style: italic;
            font-weight: 600;
            src: url("assets/fonts/Lato/Lato-SemiboldItalic.eot");
            src: url("assets/fonts/Lato/Lato-SemiboldItalic.eot?#iefix") format("embedded-opentype"),url("assets/fonts/Lato/Lato-SemiboldItalic.woff") format("woff"),url("assets/fonts/Lato/Lato-SemiboldItalic.ttf") format("truetype"),url("assets/fonts/Lato/Lato-SemiboldItalic.svg#svgFontName") format("svg");
        }

        @font-face {
            font-family: "LatoWeb";
            font-style: normal;
            font-weight: 700;
            src: url("assets/fonts/Lato/Lato-Bold.eot");
            src: url("assets/fonts/Lato/Lato-Bold.eot?#iefix") format("embedded-opentype"),url("assets/fonts/Lato/Lato-Bold.woff") format("woff"),url("assets/fonts/Lato/Lato-Bold.ttf") format("truetype"),url("assets/fonts/Lato/Lato-Bold.svg#svgFontName") format("svg");
        }

        @font-face {
            font-family: "LatoWeb";
            font-style: italic;
            font-weight: 700;
            src: url("assets/fonts/Lato/Lato-BoldItalic.eot");
            src: url("assets/fonts/Lato/Lato-BoldItalic.eot?#iefix") format("embedded-opentype"),url("assets/fonts/Lato/Lato-BoldItalic.woff") format("woff"),url("assets/fonts/Lato/Lato-BoldItalic.ttf") format("truetype"),url("assets/fonts/Lato/Lato-BoldItalic.svg#svgFontName") format("svg");
        }

        @font-face {
            font-family: "LatoWeb";
            font-style: normal;
            font-weight: 900;
            src: url("assets/fonts/Lato/Lato-Black.eot");
            src: url("assets/fonts/Lato/Lato-Black.eot?#iefix") format("embedded-opentype"),url("assets/fonts/Lato/Lato-Black.woff") format("woff"),url("assets/fonts/Lato/Lato-Black.ttf") format("truetype"),url("assets/fonts/Lato/Lato-Black.svg#svgFontName") format("svg");
        }

        @font-face {
            font-family: "LatoWeb";
            font-style: italic;
            font-weight: 900;
            src: url("assets/fonts/Lato/Lato-BlackItalic.eot");
            src: url("assets/fonts/Lato/Lato-BlackItalic.eot?#iefix") format("embedded-opentype"),url("assets/fonts/Lato/Lato-BlackItalic.woff") format("woff"),url("assets/fonts/Lato/Lato-BlackItalic.ttf") format("truetype"),url("assets/fonts/Lato/Lato-BlackItalic.svg#svgFontName") format("svg");
        } */

        /* Jio Fonts */

@font-face {
    font-family: 'JioType';
    src: url('../Content/fonts/JioType-Light.woff2') format('woff2'), url('../Content/fonts/JioType-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'JioType';
    src: url('../Content/fonts/JioType-LightItalic.woff2') format('woff2'), url('../Content/fonts/JioType-LightItalic.woff') format('woff');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'JioType';
    src: url('../Content/fonts/JioType-Medium.woff2') format('woff2'), url('../Content/fonts/JioType-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'JioType';
    src: url('../Content/fonts/JioType-MediumItalic.woff2') format('woff2'), url('../Content/fonts/JioType-MediumItalic.woff') format('woff');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'JioType';
    src: url('../Content/fonts/JioType-Bold.woff2') format('woff2'), url('../Content/fonts/JioType-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'JioType';
    src: url('../Content/fonts/JioType-Black.woff2') format('woff2'), url('../Content/fonts/JioType-Black.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}
body {
    font-family: 'JioType' !important;
}
		
::i-block-chrome, body {
 letter-spacing:-1px;
}

a:focus, a:hover{
	text-decoration:none !important;
}
.footable {
    border-top: 0 !important;
}
.table-responsive{
    box-shadow: 0px 5px 7px rgb(163 161 161 / 15%);
}
@media only screen and (max-width: 420px) {

    .footable-visible {
        padding-left: 0px !important;
    }
}

@media only screen and (max-width: 384px) {

    .week52HLTB > tbody tr td {
        font-size: 16px !important;
    }
}

.footable > tfoot .pagination {
    background: #fff !important;
}

    .footable > tfoot .pagination > ul > li.active, .footable > tfoot .pagination > ul > li:hover {
        background: #D2AB67 !important;
    }

@media only screen and (max-width: 760px), (max-device-width: 1023px) and (min-device-width: 768px) {
    .tableres td {
        border-bottom: 1px solid #474747 !important;
    }
}

.displaynone {
    display: none !important;
}


.footable > tbody > tr > td{
    padding: 10px 8px;
    font-weight: 300;
    font-family: 'JioType' !important;
}


/* .historicalprice .dtsel {
    -webkit-appearance: none; /
    -o-appearance: none;
    background: url('../images/dropdown_arrow.png') no-repeat; 
    background-position: right 6px top 13px;
    text-align: left;
    background-position-x: 95%;
    background-position-y: 50%;
} */

/*for IE10*/
.historicalprice select::-ms-expand {
    display: none;
}

.historicalprice .ajax__tab_panel {
    margin-top: -3px;
}

@media only screen and (max-width: 420px) {
    .historicalprice .span-15 {
        width: 100% !important;
    }

    .historicalprice .span-30 {
        width: 100% !important;
    }

    .historicalprice .txtexch {
        width: 175px !important;
    }

    .ajax__tab_header {
        width: 100%;
    }
}

.historicalprice .span-15 {
    width: 115px;
    padding-right: 15px;
    padding-left: 15px;
    float: left;
}

.historicalprice .span-30 {
    width: 280px;
    padding-right: 15px;
    padding-left: 15px;
    float: left;
}

@media only screen and (max-width: 420px) {
    .historicalprice .yui .ajax__tab_active .ajax__tab_outer {
        padding: 8px 17px !important;
        width: 49% !important;
    }

    .historicalprice .yui .ajax__tab_header .ajax__tab_outer {
        padding: 8px 14px !important;
        width: 49% !important;
    }

    .historicalprice .btndownloaddistpy {
        margin-top: 5px;
        margin-bottom: 5px;
        width: 49% !important;
        float: left;
    }

        .historicalprice .btndownloaddistpy:first-child {
            margin-right: 0px !important;
        }

    .historicalprice .lastbtn {
        margin-right: 0px !important;
        margin-left: 2px !important;
    }

    .historicalprice .yui .ajax__tab_body {
        padding: 0px;
    }
}

@media only screen and (min-width: 421px) and (max-width: 670px) {

    .historicalprice .btndownloaddistpy {
        margin-top: 5px;
        margin-bottom: 5px;
        width: 181px !important;
        float: left;
        margin-left: 2px;
    }

    .historicalprice .yui .ajax__tab_body {
        padding: 0px;
    }

    .historicalprice .ajax__tab_body {
        float: left;
    }

    .historicalprice .yui .ajax__tab_active .ajax__tab_outer {
        width: 181px !important;
    }

    .historicalprice .yui .ajax__tab_header .ajax__tab_outer {
        width: 181px !important;
    }

    .historicalprice .btndownloaddistpy:first-child {
        margin-right: 0px !important;
    }

    .historicalprice .lastbtn {
        margin-right: 0px !important;
        margin-left: 2px !important;
    }

    .historicalprice .ajax__tab_body {
        width: 100% !important;
    }
}

.historicalprice .btnwidth {
    width: 150px;
    margin-right: 0px;
}

.historicalprice .yui .ajax__tab_active .ajax__tab_outer {
    width: 165px;
}

.historicalprice .yui .ajax__tab_header .ajax__tab_outer {
    width: 165px;
}

.historicalprice .week52HLTB > tbody tr td {
    font-size: 16px !important;
    color: #373f41;
}
@media only screen and (min-width: 720px) {
     .historicalprice .btnwidth {
        margin-right: 2px;
    }

    .historicalprice .btn1 {
        height: 41px !important;
        border-radius: 65px;
    }
}
@media only screen and (min-width: 421px) {
    .historicalprice .brekline {
        display: block;
        clear: both;
    }
}

@media only screen and (max-width: 420px) {
    .historicalprice .brekline {
        float: left;
    }

    .historicalprice .innerdivddl select {
        margin: 10px 0px;
    }

    .historicalprice .innerdivddl span {
        float: left;
        width: 78px;
    }
}


@media only screen and (min-width: 671px) {
    .historicalprice .yui .ajax__tab_header {
        margin-left: 5px;
    }

    .historicalprice .rowpadding {
        padding-left: 7px;
    }
}

.historicalprice .yui .ajax__tab_header .ajax__tab_tab {
    padding: 0.35em 0em;
}


@media screen and (max-width: 700px) {

    .displaynonetitle {
        display: none;
    }

    .W-100 {
        width: 100% !important;
    }


    .pager td {
        display: none;
    }
}

.backwhite{
    background:#a0a0a0 !important;
}
@media only screen and (min-width:1024px) and (max-width:1366px){
    .fontjio{font-size: 55px !important;}
}
@media only screen and (min-width:767px) and (max-width:992px){
    .displaynonetitle{display: block;}
    .fontjio{ font-size: 25px !important;margin-bottom:0 !important}
    .my_tbl th{min-width: 150px !important; white-space: nowrap !important;}
    .font-playfair{font-size: 55px !important;}
    #MyHistoricalPriceSelector_ExchangeLabel, #MyHistoricalPriceSelector_PeriodLabel {font-size: 16px !important;}
    .footable > thead > tr > th{ white-space: nowrap !important;}
    .historicalprice .week52HLTB > tbody tr td{font-size: 15px !important;}
    .brekline {height: 45px !important;}
    .dt_div {height: auto !important;}
    a#MyHistoricalPriceSelector_DisplayLinkButton {margin-top: 20px !important;}
    #spanerror, #spanerrorshares{    margin-top: -54px !important; margin-left: -5px !important;}
}
@media only screen and (max-width:767px){
    .displaynonetitle{display: block;}
    .my_tbl th{min-width: 150px !important; white-space: nowrap !important; font-size: 16px !important;}
    .my_tbl td{font-size: 15px !important;}
    .fontjio{ font-size: 24px !important;margin-bottom:0 !important}
    form#form1 {padding-top: 0 !important;}
    a.button, a.buttonclicked{font-size: 15px;}
    .contentinfo{padding: 25px !important;}
    .last-update{font-size: 15px !important;}
    .font-playfair{font-size: 24px !important;}
    .mob-no-pad-left{padding-left: 0 !important;}
    /* .historicalprice .txtexch{width: 45% !important;} */
    .historicalprice .txtexch {width: 162px !important;}
    .dtsel{text-align: left !important;margin-bottom: 30px;}
    #MyHistoricalPriceSelector_DisplayLinkButton span{width: 100% !important;}
    .p_mob_25{padding: 25px !important; padding-top: 0 !important;}
    #PriceCalculator1_Label1{font-size: 18px; line-height: 24px !important;}
    .brekline {margin-bottom: 0 !important;}
    a#MyHistoricalPriceSelector_DisplayLinkButton{    margin-top: 15px !important;}
    .span-15, .span-30{width: 100% !important;}
    #spanerror{    margin-top: -52px !important; margin-left: -5px !important;}
    #spanerrorshares{    margin-top: 9px !important; margin-left: -5px !important;}
    .dttxtbox1{margin-bottom: 10px;}

}
@media only screen and (min-width:240px) and (max-width:400px){
    #spanerror {
        margin-top: -35px !important;
        margin-left: -5px !important;
    }
    #spanerrorshares{    margin-top: -32px !important; margin-left: -5px !important;}
}