﻿* {
    font-family: "Inter",Open Sans;
}

*, ::after, ::before {
    box-sizing: border-box;
}

ol, ul {
    /*list-style: none;
    margin: 0;
    margin-top: 0px;
    margin-bottom: 0px;
    padding: 0;
    list-style-type: none;*/
}

:root {
    --main-bg-color: #232323;
    --color_red: red;
}

.top-title h1, .top-title h2, .top-title h3, .top-title h4, .top-title h5, .top-title h6, button span {
    font-family: Inter !important;
}

.top-title h1, .top-title h2, .top-title h3, .top-title h4, .top-title h5 {
    color: #232526;
}

.top-title h1 {
    font-size: 24px;
    font-weight: 700;
    line-height: 2rem;
    padding-top: 5px;
}

.top-title h2 {
    font-size: 22px;
    font-weight: 700;
    line-height: 1.8rem;
    padding-top: 5px;
}

.top-title h3 {
    font-size: 20px;
    font-weight: 700;
    line-height: 1.6rem;
    padding-top: 5px;
}

.top-title h4 {
    font-size: 18px;
    font-weight: 700;
    line-height: 1.4rem;
}

.top-title h5 {
    font-size: 16px;
    font-weight: 500;
    line-height: 1.2rem;
}

.top-title h6 {
    font-size: 14px;
    font-weight: 400;
    line-height: 1rem;
    color: rgb(91 97 110/1);
}

    .top-title h6 span, .top-title h6 span {
        font-weight: 500;
    }

.sensexparagraph p, .sensexparagraph li, .amountword {
    font-size: 14px;
    color: #6f7782;
    /*margin: 10px 0 20px;*/
    line-height: 26px;
    /*font-family: Open Sans;*/
}

@media (min-width: 300px) and (max-width: 575px) {
    .top-title h1, .top-title h2, .top-title h3, .top-title h4 {
        font-weight: 600;
    }

    .top-title h2, .top-title h3, .top-title h4, top-title h5, top-title h6 {
        line-height: 16px;
    }

    .top-title h1, .top-title h2, .top-title h3 {
        padding-top: 5px;
    }

    .top-title h1 {
        font-size: 18px;
        line-height: 20px;
    }

    .top-title h2 {
        font-size: 17px;
    }

    .top-title h3 {
        font-size: 16px;
    }

    .top-title h4 {
        font-size: 14px;
    }

    .top-title h5 {
        font-size: 13px;
        font-weight: 500;
    }

    .top-title h6 {
        font-size: 12px;
        font-weight: 400;
        color: rgb(91 97 110/1);
    }

    .sensexparagraph p, .sensexparagraph li, .amountword {
        font-size: 12px;
        color: #6f7782;
    }

    .sensexparagraph p, .sensexparagraph span, .sensexparagraph li, .amountword {
        line-height: 18px;
    }
}

.color_red {
    color: var(--color_red) !important;
}

@media screen and (max-width: 667px) {
    .marginbottom-resnone {
        margin-bottom: 0 !important;
    }
}

@media (min-width: 350px) {
    .heading_text.AnnualAvgCurrencyflax {
        display: flex;
    }
}

.W_center {
    width: 50%;
    text-align: center;
}

.calcu_boxshadow {
    /*box-shadow: 0 4px 25px 0 #00000040;*/
    /*box-shadow: 0 3px 7px 0 rgba(0, 0, 0, .13), 0 1px 2px 0 rgba(0, 0, 0, .11);*/
    /*box-shadow: 0 1px 3px 0 rgba(0,0,0,0.1), 0 1px 2px -1px rgba(0,0,0,0.1);*/
    /*box-shadow: 0 7px 14px 0 rgba(65, 69, 88, 0.1), 0 3px 6px 0 rgba(0, 0, 0, 0.07);
    border: 1px solid #dee2e6;*/
}

/*====================================================================================================
                           new                 
====================================================================================================*/
.common-box {
    padding: 16px;
    border: 1px solid #e3eaf2;
}

.instrument-disclaimer {
    font-size: 12px;
    line-height: 1.6;
}

.mainsection {
    /*padding: 0px 100px;*/
    padding: 0px 50px;
}

@media (max-width: 600px) {
    .mainsection {
        padding: 0px 12px;
    }
}

@media (min-width: 600px) and (max-width: 1024px) {
    .mainsection {
        padding: 0px 20px;
    }
}

.hed_livecurprice {
    /*font-size: 34px;
    line-height: 40px;
    font-weight: 700;*/
}

.hed_livechange {
    font-size: 20px;
    color: #007c32;
    font-weight: 700;
}

.hed_livechangeper {
    font-size: 20px;
    color: #007c32;
    font-weight: 700;
}

.flagsimage {
    /* height: 24px;
    width: 24px;*/
    margin-right: 4px;
    height: 18px;
    width: 18px;
    /*margin-top: 2px;*/
}

.menuiconimage {
    width: 18px;
    height: 18px;
    margin-right: 8px;
}

@media (min-width: 300px) and (max-width: 575px) {
    .hed_livecurprice {
        /*font-size: 22px;
        line-height: 16px;
        font-weight: 600;*/
    }

    .hed_livechange, .hed_livechangeper, .hed_exchange {
        font-size: 14px;
        font-weight: 600;
    }

    .hed_livechange, .hed_livechangeper {
        color: #007c32;
    }

    .flagsimage {
        margin-right: 4px;
        height: 20px;
        width: 20px;
    }

    .instrument-disclaimer {
        font-size: 12px;
    }
}

@media (min-width: 1700px) {
    .margintop-xxxl {
        margin-top: 52px;
    }
}

.mobile_card .IndexFAQ:last-child {
    margin-bottom: 0;
}

/*================================historical data table 2=====================================*/
.Sensex_Table_bgcolor tbody tr:nth-child(2n) {
    background-color: hsl(245, 40%, 98%);
}

.Sensex_Table_bgcolor > tbody > tr:nth-child(2n) > td:first-child, .Sensex_Table_tdsticky_nth-child_2 > tbody > tr:nth-child(2n) > td:nth-child(2) {
    background-color: hsl(245, 40%, 98%);
}

.Sensex_Table_bgcolor tbody tr th, .Sensex_Table_th_bgcolor tbody tr th {
    background: #fff;
}

.white_space_nowrap tbody tr td, .white_space_nowrap tbody tr th {
    white-space: nowrap;
}

.Sensex_Table tbody tr th {
    position: sticky;
    top: 0px;
    color: hsl(207, 12%, 43%);
    box-shadow: rgba(17, 17, 26, 0.1) 0px 1px 0px;
    font-weight: 500;
    z-index: 1;
}

.Sensex_Table > tbody > tr > th:last-child::after {
    border: 0px solid #aaa;
}

.Sensex_Table_tdsticky > tbody > tr > th:first-child {
    position: sticky;
    top: 0px;
    left: 0;
    z-index: 2;
}

.Sensex_Table_tdsticky tbody tr td:nth-child(1) {
    position: sticky;
    left: 0;
}

.Sensex_Table tbody td {
    line-height: 20px;
    font-weight: 400;
}

.Sensex_Table {
    font-size: 14px;
    margin-bottom: 0;
}

@media (min-width: 300px) and (max-width: 768px) {
    .Sensex_Table_tdsticky_nth-child_2 tr td:nth-child(2) {
        box-shadow: -16px 0px 10px -21px rgba(0,0,0,0.45) inset;
        background-color: #fff;
        position: sticky;
        left: 0;
        top: 0;
        z-index: 1;
    }

    .Sensex_Table_tdsticky_nth-child_2 tr th:nth-child(2) {
        position: sticky;
        left: 0;
        top: 0;
        z-index: 2;
    }
}

@media (min-width: 200px) and (max-width: 1024px) {
    .Sensex_Table_tdsticky tbody tr td:nth-child(1), .Sensex_Table_tdsticky2 tbody tr td:nth-child(2) {
        background: #fff;
        box-shadow: -16px 0px 10px -21px rgba(0,0,0,0.45) inset;
        border-right: 1px solid #dee2e6;
        border-bottom: 0;
    }

    .Sensex_Table_tdsticky tbody tr td:nth-child(1), .Sensex_Table_tdsticky2 tbody tr td:nth-child(2) {
        position: sticky;
        box-sizing: border-box;
        white-space: nowrap;
    }

    .Sensex_Table_thsticky > tbody > tr > th:first-child, .Sensex_Table_thsticky2 > tbody > tr > th:nth-child(2) {
        position: sticky;
        top: 0px;
        left: 0;
        z-index: 2;
    }

    .Sensex_Table_tdsticky > tbody > tr > td:first-child, .Sensex_Table_tdsticky2 > tbody > tr > td:nth-child(2) {
        position: sticky;
        left: -1px;
        /*z-index: 1*/
    }

        .Sensex_Table_tdsticky > tbody > tr > td:first-child:after, .Sensex_Table_tdsticky2 > tbody > tr > td:nth-child(2):after {
            content: '';
            display: inline-block;
            width: 100%;
            margin: auto;
            position: absolute;
            bottom: -1px;
            left: 0;
            right: 0;
            transition: all 300ms;
            border: 1px solid #dee2e6;
        }

    .Sensex_Table tbody td {
        line-height: 13px;
        font-size: 12px;
    }

    .Sensex_Table, .radiobutton label, .DateRange input {
        font-size: 12px;
    }
}
/*================================historical data table 2=====================================*/
/*================================historical data table 2 new design start=====================================*/

@media (min-width: 1024px) {
    .Sensex_Table_2 tbody tr th {
        position: sticky;
        top: 0px;
        background-color: #fff;
        box-shadow: rgba(17, 17, 26, 0.1) 0px 1px 0px;
        z-index: 1;
        color: #333333;
        font-size: 12px;
        line-height: 16px;
        font-weight: 600;
    }
}

.Sensex_Table_2 > tbody > tr > th:last-child::after {
    border: 0px solid #aaa;
}

.Sensex_Table_2 {
    font-size: 14px;
    margin-bottom: 0;
}

radiobutton_border_radiusradius tbody tr:nth-child(2) {
    border: solid 0px #e3eaf2;
}

.radiobutton input[type="radio"]:checked + label {
    background-color: #e6eef5;
    color: #1256a0;
}

.radiobutton_border_radius tbody tr label {
    line-height: 1.25rem;
    padding: .375rem .875rem;
    background-color: #f3f3f3;
    border-radius: 9999px;
    color: #232526;
    margin: 0 4px;
    cursor: pointer;
}

.DateRange input:last-child {
    background-color: #f3f3f3;
    color: #232526;
}

.Sensex_Table_2 tbody td:first-child {
    width: 300px;
}

.Sensex_Table_2 tbody tr td {
    line-height: 20px;
    vertical-align: middle;
    width: 75px;
}

.sitemenu_font_12 {
    font-size: 12px;
}


/*================================historical data table 2 new design end =====================================*/

/*================================historical data table max-height fix=====================================*/

.overflow-x {
    overflow-x: hidden;
    scrollbar-width: thin;
}

@media (min-width: 300px) and (max-width: 1440px) {
    .overflow-x {
        overflow-x: scroll !important;
    }
}

.table_maxheight_588 {
    max-height: 588px;
}

.table_maxheight_668 {
    max-height: 668px;
}

.table_maxheight_688 {
    max-height: 686px;
}

.max-height-632 {
    max-height: 632px;
}

@media (min-width: 300px) and (max-width: 330px) {
    .table_maxheight_668 {
        max-height: 335px;
    }

    .table_maxheight_688 {
        max-height: 425px;
    }
}

@media (min-width: 331px) and (max-width: 360px) {
    .table_maxheight_668 {
        max-height: 370px;
    }

    .table_maxheight_688 {
        max-height: 425px;
    }
}

@media (min-width: 361px) and (max-width: 380px) {
    .table_maxheight_668 {
        max-height: 425px;
    }

    .table_maxheight_688 {
        max-height: 500px;
    }
}

@media (min-width: 381px) and (max-width: 414px) {
    .table_maxheight_668 {
        max-height: 485px;
    }

    .table_maxheight_688 {
        max-height: 500px;
    }
}

@media (min-width: 315px) and (max-width: 599px) {
    .table_maxheight_668 {
        max-height: 485px;
    }

    .table_maxheight_688 {
        max-height: 500px;
    }
}

@media (min-width: 600px) and (max-width:768px) {
    .table_maxheight_668 {
        max-height: 520px;
    }

    .table_maxheight_688 {
        max-height: 675px;
    }
}

@media (min-width: 768px) and (max-width:834px) {
    .table_maxheight_668 {
        max-height: 520px;
    }

    .table_maxheight_688 {
        max-height: 650px;
    }
}

@media (min-width: 834px) and (max-width:1040px) {
    .table_maxheight_668 {
        max-height: 520px;
    }

    .table_maxheight_688 {
        max-height: 686px;
    }
}
/*================================historical data table max-height fix=====================================*/

/*================================pagination=====================================*/
.Sensex_Table_pagination table tbody tr:last-child td table {
    float: right;
    width: 0;
}

    .Sensex_Table_pagination table tbody tr:last-child td table tbody tr td:nth-child(1) {
        width: auto !important;
        left: 0;
        position: unset;
    }

    .Sensex_Table_pagination table tbody tr:last-child td table tbody tr td:nth-child(2) {
        display: revert;
        left: 0;
        position: unset;
    }

    .Sensex_Table_pagination table tbody tr:last-child td table tbody tr td a, .Sensex_Table_pagination table tbody tr:last-child td table tbody tr td span {
        padding: 2px 6px;
        padding-left: 6px;
        border: 1px solid #c4c7cc;
        margin: 0 3px;
    }

    .Sensex_Table_pagination table tbody tr:last-child td table tbody tr td a {
        color: #acafb3;
    }


    .Sensex_Table_pagination table tbody tr:last-child td table tbody tr td span {
        color: #fff;
        background-color: #4599e3;
        font-weight: bold;
    }
/*================================pagination=====================================*/

/*================================ipo pages css=====================================*/
.ddl_Selectbox, .ipo_input {
    border-top: solid 1px #e3eaf2;
    border-bottom: solid 1px #e3eaf2;
    border-right: solid 1px #e3eaf2;
    outline: none;
    padding: 5px 10px;
    font-weight: 500;
    line-height: inherit;
    white-space: nowrap;
    font-size: 14px;
    cursor: pointer;
}

.ddl_Selectbox {
    background-color: #e6eef5;
    color: #1256a0;
    border-left: solid 1px #e3eaf2;
    border-radius: 4px 0 0 4px;
}

.DateRange input:last-child {
    background-color: #e6eef5;
    color: #1256a0;
}

.ipo_input {
    border-left: solid 0px #e3eaf2;
    border-radius: 0 4px 4px 0;
    background: none;
    padding: 5px 10px;
}

.lbl_Upcoming, .lbl_Closing_Today, .lbl_Close, .lbl_Open {
    color: #fff;
    font-size: 12px;
    padding: 2px 10px;
    border-radius: 50px;
    margin-left: 5px;
    font-weight: 500;
}

.lbl_Upcoming {
    background-color: #ffc107;
}

.lbl_Open {
    background-color: #198754;
}

.lbl_Closing_Today {
    background-color: #198754;
}

.lbl_Close {
    background-color: #0d6efd;
    background-color: #dc3545;
}
/*.ipoUpcoming_tablebgcolor:nth-child(even) {
                background-color: #eaeaea;
                color: #000;
            }

            .ipoUpcoming_tablebgcolor:nth-child(odd) {
                background-color: #f2f2f2;
                color: #000;
            }

            .ipoClosing_Today_tablebgcolor:nth-child(even) {
                background-color: #caf2cd;
                color: #000;
            }

            .ipoClosing_Today_tablebgcolor:nth-child(odd) {
                background-color: #caf2cd;
                color: #000;
            }

            .ipoClose_tablebgcolor:nth-child(even) {
                background-color: #eddfcc;
                color: #000;
            }

            .ipoClose_tablebgcolor:nth-child(odd) {
                background-color: #faebd7;
                color: #000;
            }*/

.ipoUpcoming_tablebgcolor {
    background-color: #f2f2f2;
    color: #000;
}

.ipoClosing_Today_tablebgcolor {
    background-color: #e4f4e5;
    color: #000;
}

.ipoClose_tablebgcolor {
    background-color: #ffecee;
    color: #000;
}

.ipoOpen_tablebgcolor1 {
    background-color: #e4f4e5;
    color: #000;
}
/*#ContentPlaceHolder1_GvIPO tr {
    border-bottom: 1px solid #dee2e6;
}
    .ipoUpcoming_tablebgcolor td:first-child, .ipoClosing_Today_tablebgcolor td:first-child, .ipoClose_tablebgcolor td:first-child {*/
/*display: flex;*/
/*width: 100%;
        border: 0;
        
    }*/
/*================================iop pages css=====================================*/
/*================================Constituents=====================================*/
.company-logo {
    margin-right: 10px;
    height: 37px;
    width: 37px;
    border: 5px solid #363f54;
    background-color: #363f54;
}

.company-name {
    font-size: 17px;
    line-height: 20px;
    color: #000;
}


.Sensex_Table tbody tr td {
    vertical-align: middle;
    width: 100px;
}

.td_verticalalign_middle {
    vertical-align: middle;
}

.Symbol_padding > :not(caption) > * > * {
    padding: 0.3rem .3rem;
}

@media (min-width: 769px) and (max-width: 1024px) {
    .company-name {
        font-size: 15px;
        line-height: 18px;
    }
}

@media (min-width: 300px) and (max-width: 768px) {
    .company-logo {
        margin-right: 0px;
        height: 30px;
        width: 30px;
        border: 3px solid #363f54;
    }

    .company-name {
        font-size: 12px;
        line-height: 15px;
    }

    .mobileview_Symbolhide {
        display: none;
    }

    .mobileview_Symbolshow {
        display: block;
    }

    .Sensex_Table > tbody > tr > td:nth-child(1) {
        z-index: 1
    }

    .Symbol_padding > :not(caption) > * > * {
        padding: 0.3rem .3rem;
    }
}

.Constituents_widht tr th:nth-child(2) {
    width: 35%;
}

.Constituents_widht tr th:nth-child(3), .Constituents_widht tr th:nth-child(4), .Constituents_widht tr th:nth-child(5), .Constituents_widht tr th:nth-child(6), .Constituents_widht tr th:nth-child(7), .Constituents_widht tr th:nth-child(8) {
    width: 6%;
}

.Constituents_widht tr th:last-child {
    width: 29% !important;
}

.Constituents a, .Marketspage a {
    color: var(--bs-body-color);
}

    .Constituents a:hover, .Marketspage a:hover {
        color: var(--bs-link-hover-color);
    }

@media (min-width: 768px) {
    .Symbol_th_and_tdchaid1 > tbody > tr > th:nth-child(1), .Symbol_th_and_tdchaid1 > tbody > tr > td:nth-child(1), .Symbol_th_and_tdchaid2 > tbody > tr > td:nth-child(2), .Symbol_th_and_tdchaid2 > tbody > tr > th:nth-child(2) {
        display: none !important;
    }
}

/*------------Weightage_range------------*/

.Weightage_range .bar-chart.Weightage_val.Weightage_val {
    height: 20px;
    position: relative;
}

.Weightage_range .bar-chart.Weightage_val .bar.Weightage_val {
    height: 100%;
    overflow-x: hidden;
    background: #ced6e3;
    margin-left: 0%;
}

.Weightage_range table.svelte-1smti70 .cell.align-left {
    text-align: left;
}

.Weightage_range .bar-label.invisible.Weightage_val.Weightage_val {
    color: red;
    display: inline;
    left: -1000px;
    opacity: 0;
    pointer-events: none;
    position: absolute;
}

.Weightage_range .bar-chart.normal.Weightage_val .bar-label.Weightage_val {
    box-sizing: border-box;
    font-size: 12px;
    line-height: 21px;
    position: absolute;
    top: 0;
    color: #ffffff;
    left: 0%;
    text-align: right;
    padding: 0 3px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
/*------------Weightage_range------------*/
/*================================Constituents=====================================*/

/*================================Compounding & Models page=====================================*/

.Buffett-IUS {
    display: inline-block;
    position: relative;
    vertical-align: middle;
    letter-spacing: 0.001em;
    text-align: center;
}

    .Buffett-IUS > span {
        display: block;
        padding: 0.1em;
    }

    .Buffett-IUS span.bottom {
        border-top: thin solid black;
    }

.textcolorblue {
    color: #485fe4
}

.BuffettI175 {
    font-size: 24px;
    font-weight: 700;
    line-height: 2rem;
    padding-top: 5px;
    color: #5b5b5b;
}

.MutualFundstable tbody tr:nth-child(1n) {
    background-color: hsl(245, 40%, 98%);
}

.MutualFundstable tbody tr:nth-child(2n) {
    background-color: #fff;
}

.Li_heading_text li {
    font-weight: 600;
    font-size: 16px;
    color: #5f646b;
    margin-bottom: 15px;
}

    .Li_heading_text li:last-child {
        margin-bottom: 0px;
    }

    .Li_heading_text li p {
        font-weight: 400;
    }

@media (min-width: 10px) and (max-width: 768px) {
    .BuffettI175 {
        padding-top: 14px;
    }

    .Compounding p:last-child, .Bonds p:last-child, .Models p:last-child {
        margin: 0px;
    }

    .Compounding ol, .Compounding ul, .Compounding p, .Compounding a,
    .Models ol, .Models ul, .Models p, .Models a,
    .income-tax ol, .income-tax ul, .income-tax p, .income-tax a,
    .Bonds ol, .Bonds ul, .Bonds p, .Bonds a, .MutualFundstable tr,
    .Buffett-callout .mobile-callout, .Buffett-callout span {
        line-height: 18px;
        font-size: 12px;
    }

    .Compounding p, .Models p, .Bonds p, .income-tax p {
        margin: 5px 0 15px;
    }
}
/*================================Compounding & Models page=====================================*/

/*================================ income tax page =====================================*/
.Taxabletable {
    border-bottom: 1px solid #e7e7e7;
    border-top: 2px solid #e7e7e7;
    border-left: none;
    border-right: none;
    margin-bottom: 1.25rem;
}

    .Taxabletable th, .Taxabletable td {
        font-size: 0.875rem;
        border-left: none;
        border-right: none;
        border-bottom: none !important;
        text-align: end;
        padding: 8px 12px;
    }

    .Taxabletable th {
        background-color: #f0f5fe;
    }

    .Taxabletable td {
        color: #485fe4;
    }

    .Taxabletable tr {
        height: 40px;
    }

        .Taxabletable tr:nth-child(odd) {
            background-color: #f9f9f9;
        }


    .Taxabletable th:last-child {
        border-right: 0px solid #767676;
    }

.width50 td {
    width: 50%;
}

.width33 td {
    width: 33.33%;
}

.width25 td {
    width: 25%;
}

.width20 td {
    width: 20%;
}

.width16 td {
    width: 16.66%;
}

.width14 td {
    width: 14.2857%;
}

@media (min-width: 10px) and (max-width: 768px) {

    .income-tax .heading_text h2, .income-tax .heading_text h4 {
        /*margin-bottom: 0;*/
    }

    .Taxabletable {
        border-bottom: 1px solid #e7e7e7;
        border-top: 2px solid #e7e7e7;
        border-left: none;
        border-right: none;
        margin-bottom: 1.25rem;
        width: 100%;
    }

        .Taxabletable th, .Taxabletable td {
            font-size: 12px;
            border-left: none;
            border-right: none;
            border-bottom: none !important;
            text-align: end;
            padding: 6px 12px;
            white-space: nowrap;
        }

        .Taxabletable th {
            background-color: #f0f5fe;
            /*white-space: nowrap;*/
        }

        .Taxabletable td {
            color: #485fe4;
        }

        .Taxabletable tr {
            height: 30px;
        }

            .Taxabletable tr:nth-child(odd) {
                background-color: #f9f9f9;
            }


        .Taxabletable th:last-child {
            border-right: 0px solid #767676;
        }

    .tableFixincometax {
        overflow: auto !important;
        /*max-height: 503px !important;*/
        width: auto;
    }
}
/*================================ income tax page =====================================*/


/*================================ SandP_BSE_PSU_Index-Stocks page =====================================*/
.SandP_BSE_PSU_Index-Stocks .company-code {
    font-size: 12px;
    color: #909090;
    font-weight: 400;
}


.SandP_BSE_PSU_Index-Stocks a, .Compounding a {
    color: var(--bs-body-color);
}

    .SandP_BSE_PSU_Index-Stocks a:hover, .Compounding a:hover {
        color: var(--bs-link-hover-color);
    }

/*================================ SandP_BSE_PSU_Index-Stocks page =====================================*/
@media (min-width: 200px) and (max-width: 1024px) {

    .radiobutton_border_radius tbody tr label {
        padding: .375rem .875rem;
    }

    .Sensex_Table_2 tbody tr td {
        line-height: 18px;
    }

    .lbl_Upcoming, .lbl_Closing_Today, .lbl_Close, .lbl_Open, .Sensex_Table_2 tbody tr th {
        font-size: 10px;
    }

    .lbl_Upcoming, .lbl_Closing_Today, .lbl_Close, .lbl_Open {
        padding: 2px 5px;
    }

    .table > :not(caption) > * > * {
        padding: .4rem .4rem;
    }
}

@media (min-width: 601px) and (max-width: 1024px) {
    .Sensex_Table_2, .radiobutton label, .DateRange input, .radiobutton_border_radius tbody tr label, .Sensex_Table_2 tbody tr td, .ddl_Selectbox, .ipo_input {
        font-size: 12px;
    }
}

@media (min-width: 200px) and (max-width: 600px) {
    .Sensex_Table_2, .radiobutton label, .DateRange input, .radiobutton_border_radius tbody tr label, .Sensex_Table_2 tbody tr td, .ddl_Selectbox, .ipo_input {
        font-size: 11px;
    }
}

.dll_Country_img {
    margin-right: 4px;
    height: 18px;
    width: 18px;
}

.filter-option-inner-inner {
    display: flex;
    align-items: center;
    font-size: 15px;
}

.bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
    width: 190px !important;
}

.dropdown-item .text {
    display: flex !important;
    align-items: center !important;
    font-size: 14px;
}

.btn.dropdown-toggle.btn-light {
    background-color: transparent !important;
    /*border: 1px solid #c6c7c8;*/
    border: 1px solid #8191a747;
    padding-top: 4px;
    padding-bottom: 4px;
    margin-top: -2px;
}

    .btn.dropdown-toggle.btn-light:focus {
        outline: none !important;
    }

    .btn.dropdown-toggle.btn-light:hover {
        background-color: transparent !important;
    }

.dropdown-item.active, .dropdown-item:active {
    background-color: #edf3ff;
    color: #485fe4;
}

@media screen and (max-width: 1024px) {
    .filter-option-inner-inner, .dropdown-item .text {
        font-size: 12px;
    }

    .dropdown-item .text {
        height: 20px;
    }
}

.dropdown-item:hover {
    background-color: #f7f8fc;
}

.sensex-iso-nav {
    text-align: center;
}

    .sensex-iso-nav ul {
        list-style: none;
        margin: 0;
    }

        .sensex-iso-nav ul li {
            display: inline-block;
            padding: 10px 15px;
            border: none;
            color: #333;
            font-size: 12px;
            font-weight: 600;
            box-sizing: border-box;
            text-transform: uppercase;
            cursor: pointer;
        }

            .sensex-iso-nav ul li:hover {
                border-bottom: 2px solid #999
            }

            .sensex-iso-nav ul li.active {
                border-bottom: 2px solid #485fe4;
                color: #485fe4
            }

@media screen and (max-width: 1024px) {
    .sensex-iso-nav ul li {
        padding: 10px 10px;
    }
}
