body {
    --color-bg: #ffffff;
    --color-font: #424242;
    --color-bold-font: #3a3a3a;
    --color-borderline: #E7E7E7;
    --color-borderline-secondary: #F0F0F0;
    --color-borderline-tertiary: #ececec;
    --color-borderline-table: #E8E8E8;
    --color-background: #FAFAFB;
    --color-highlight: #E5EBF7;
    --color-semibold-font: #3c3c3c;
    --color-shadow: 0px 1px 6px rgba(213, 213, 213, 0.26);
    --color-logo: #000000;
    --color-borderline-box: #E1E1E1;
    --color-border-4: #E4E4E4;
    --color-border-7: #E6E6E6;
    --color-tooltip-text: #909090;
    --color-blue: #4371C6;
    --color-accent-blue: #387ed1;
    --color-medium-gray: #888888;
    --color-dark-gray: #666666;
    --color-box-shadow: #D5D5D529;
    --color-table-header: #8b8b8b;
    --color-dark-black: #000;
    --color-borderline-tertiary: #dfdfdf;
    --color-background-secondary: #f7f7f7;
    --color-axisline: #e3e3e3;
    --color-primary-font: #3c3c3c;
    --color-secondary-font: #909090;


    /* Zerodha Colors */
    --color-bg-body: #f8f8f8;
    --color-bg-default: #fff;
    --color-bg-1: #f8f8f8;
    --color-bg-2: #9b9b9b;
    --color-bg-3: #444;
    --color-bg-4: #000;
    --color-bg-5: #4184f3;
    --color-bg-6: #ff5722;
    --color-bg-7: #ff5722;
    --color-bg-8: #4caf50;
    --color-bg-9: #e0e0e0;
    --color-bg-10: #fafafb;
    --color-redirect-background-desktop: linear-gradient(90deg,rgba(59, 184, 122, 0.1) 0%,rgba(135, 109, 191, 0.1) 100%),#ffffff;
    --color-redirect-border: #F0F0F0;
    --color-whatsapp-background: #cceacc;


    --color-border-default: #eee;
    --color-border-1: #f1f1f1;
    --color-border-2: #9b9b9b;
    --color-border-3: #ccc;
    --color-border-4: #fff;
    --color-border-5: #000;
    /* --color-border-6: #4184f3;
    --color-border-7: #ff5722;
    --color-border-8: #ff5722; */
    --color-border-9: #ddd;
    --color-border-10: #f4f4f4;


    --color-text-strong: #000;
    --color-text-default: #444;
    --color-text-1: #9b9b9b;
    --color-text-2: #ccc;
    --color-text-3: #fff;
    --color-text-4: #4184f3;
    --color-text-5: #ff5722;
    --color-text-6: #000;
    --color-text-7: #ff5722;
    --color-text-8: #4caf50;
    --color-text-10: #df514c;
}

body[data-theme="dark"] {
    --color-bg: #1f1f1f;
    --color-font: #c7c7c7;
    --color-bold-font: #c7c7c7;
    --color-borderline: #2c2c2c;
    --color-borderline-secondary: #2c2c2c;
    --color-borderline-tertiary: #2c2c2c;
    --color-borderline-table: #444444;
    --color-background: #181818;
    --color-highlight: #252A35;
    --color-semibold-font: #c7c7c7;
    --color-shadow: 0px 1px 6px rgba(13, 13, 13, 0.26);
    --color-logo: #f8f9fb;
    --color-borderline-box: #444444;
    --color-border-7: #C7C7C7;
    --color-tooltip-text: #c7c7c7;
    --color-blue: #4371C6;
    --color-medium-gray: #BBBBBB;
    --color-dark-gray: #999999;

    /* Zerodha Colours */

    --color-bg-body: #111;
    --color-bg-default: #181818;
    --color-bg-1: #131415;
    --color-bg-2: #444;
    --color-bg-3: #bdbdbd;
    --color-bg-4: #121212;
    --color-bg-5: #4987ee;
    --color-bg-6: #d4603b;
    --color-bg-7: #e25f5b;
    --color-bg-8: #5b9a5d;
    --color-bg-9: #242424;
    --color-redirect-background-desktop: linear-gradient(90deg, rgba(186, 255, 221, 0.13) 0%, rgba(251, 250, 255, 0.13) 100%),#1f1f1f;
    --color-redirect-border: #343E48;
    --color-whatsapp-background: #35624E;


    --color-border-default: #232325;
    --color-border-1: #232325;
    --color-border-2: #363636;
    --color-border-3: #444;
    --color-border-4: #121212;
    --color-border-5: #232325;
    /* --color-border-6: #4987ee;
    --color-border-7: #d4603b;
    --color-border-8: #e25f5b; */
    --color-border-9: #333;
    --color-border-10: #232325;


    --color-text-strong: #fff;
    --color-text-default: #bbb;
    --color-text-1: #9b9b9b;
    --color-text-2: #616161;
    --color-text-3: #121212;
    --color-text-4: #4987ee;
    --color-text-5: #d4603b;
    --color-text-6: #bbb;
    --color-text-7: #e25f5b;
    --color-text-8: #5b9a5d;
    --color-text-10: #e25f5b;
}

body[data-theme="black"] {
    --color-bg: #1f1f1f;
    --color-font: #c7c7c7;
    --color-bold-font: #c7c7c7;
    --color-borderline: #2c2c2c;
    --color-borderline-secondary: #2c2c2c;
    --color-borderline-tertiary: #2c2c2c;
    --color-borderline-table: #444444;
    --color-background: #181818;
    --color-highlight: #252A35;
    --color-semibold-font: #c7c7c7;
    --color-shadow: 0px 1px 6px rgba(13, 13, 13, 0.26);
    --color-logo: #f8f9fb;
    --color-borderline-box: #444444;
    --color-border-7: #C7C7C7;
    --color-tooltip-text: #c7c7c7;
    --color-blue: #4371C6;
    --color-medium-gray: #BBBBBB;
    --color-dark-gray: #999999;

    /* Zerodha Colours */

    --color-bg-body: #111;
    --color-bg-default: #181818;
    --color-bg-1: #131415;
    --color-bg-2: #444;
    --color-bg-3: #bdbdbd;
    --color-bg-4: #121212;
    --color-bg-5: #4987ee;
    --color-bg-6: #d4603b;
    --color-bg-7: #e25f5b;
    --color-bg-8: #5b9a5d;
    --color-bg-9: #242424;
    --color-redirect-background-desktop: linear-gradient(90deg, rgba(186, 255, 221, 0.13) 0%, rgba(251, 250, 255, 0.13) 100%),#1f1f1f;
    --color-redirect-border: #232325;
    --color-whatsapp-background: #35624E;


    --color-border-default: #232325;
    --color-border-1: #232325;
    --color-border-2: #363636;
    --color-border-3: #444;
    --color-border-4: #121212;
    --color-border-5: #232325;
    /* --color-border-6: #4987ee;
    --color-border-7: #d4603b;
    --color-border-8: #e25f5b; */
    --color-border-9: #333;
    --color-border-10: #232325;


    --color-text-strong: #fff;
    --color-text-default: #bbb;
    --color-text-1: #9b9b9b;
    --color-text-2: #616161;
    --color-text-3: #121212;
    --color-text-4: #4987ee;
    --color-text-5: #d4603b;
    --color-text-6: #bbb;
    --color-text-7: #e25f5b;
    --color-text-8: #5b9a5d;
    --color-text-10: #e25f5b;
}

*,
body {
    font-family: "Open Sans", sans-serif;
    margin: 0;
    padding: 0;
}

body {
    --kite-web-margin: 5rem;
    --kite-web-margin-side: 0.07rem;
    --fundamentals-margin-top: 15px;
}

body[data-source="kite"] {
    --kite-width: 100%;
    --kite-mobile-margin: 0.5rem;
    --kite-web-margin-side: 1rem;
    --kite-web-margin: 1rem;
    --fundamentals-margin-top: 25px;
}

html {
    --root-font-size: 16px;
    font-size: var(--root-font-size);
}

body {
    background-color: var(--color-bg);
}

.hide_mobile {
    display: flex !important;
}

.hide_desktop {
    display: none !important;
}

.cat_filters {
    display: flex;
    gap: 4px;
    position: sticky;
    top: 0px;
    z-index: 10;
    padding-left: 10px;
    padding: 4px 10px;
    background-color: white;
    flex-wrap: wrap;
}

.cat_filter {
    display: flex;
    justify-content: center;
    vertical-align: middle;
    align-items: center;
    border-radius: 30px;
    color: var(--color-font);
    padding: 5px 15px;
    border: 1px solid var(--color-border-default);
    cursor: pointer;
}

.cat_filter.active {
    background-color: var(--color-blue);
    color: white;
}

.breadcrumb path {
    stroke: var(--color-font);
}

@media (max-width: 430px) {
    .hide_mobile {
        display: none !important;
    }

    .hide_desktop {
        display: flex !important;
    }
}