/*
 * ==========================================================
 * TAHLIL_CHART_THEME_V140
 *
 * Market Workspace Dark / Light theme.
 * ==========================================================
 */


body.tc-chart-workspace
.tc-market-theme-toggle-v140 {

    width:
        34px;

    min-width:
        34px;

    height:
        34px;

    min-height:
        34px;

    padding:
        0;

    margin:
        0;

    display:
        grid;

    place-items:
        center;

    border:
        1px solid
        rgba(255,255,255,.08);

    border-radius:
        6px;

    background:
        transparent;

    color:
        #909aa7;

    font-family:
        Arial,
        sans-serif;

    font-size:
        16px;

    line-height:
        1;

    cursor:
        pointer;

    transition:
        background .15s ease,
        color .15s ease,
        border-color .15s ease;
}


body.tc-chart-workspace
.tc-market-theme-toggle-v140:hover {

    background:
        rgba(255,255,255,.055);

    color:
        #e1b95d;

    border-color:
        rgba(225,185,93,.24);
}


/* ==========================================================
   LIGHT MODE
   ========================================================== */


html[data-tc-market-theme="light"] {

    color-scheme:
        light;
}


body.tc-chart-workspace[data-tc-market-theme="light"] {

    background:
        #edf0f4 !important;

    color:
        #222936 !important;
}


/*
 * Main horizontal controls.
 */

body.tc-chart-workspace[data-tc-market-theme="light"]
.tc-timeframe-bar,

body.tc-chart-workspace[data-tc-market-theme="light"]
.tc-chart-header-row,

body.tc-chart-workspace[data-tc-market-theme="light"]
#tcMultiChartControl,

body.tc-chart-workspace[data-tc-market-theme="light"]
.tc-terminal-footer {

    background:
        #f8f9fb !important;

    color:
        #26303d !important;

    border-color:
        rgba(31,42,55,.12) !important;
}


/*
 * Chart surrounding surface.
 */

body.tc-chart-workspace[data-tc-market-theme="light"]
.tc-chart-shell {

    background:
        #ffffff !important;

    border-color:
        rgba(31,42,55,.12) !important;
}


/*
 * Workspace drawers.
 */

body.tc-chart-workspace[data-tc-market-theme="light"]
#tcWatchlistPanel,

body.tc-chart-workspace[data-tc-market-theme="light"]
#tcTemplatesPanel,

body.tc-chart-workspace[data-tc-market-theme="light"]
#tcScreenerPanel,

body.tc-chart-workspace[data-tc-market-theme="light"]
#tcAlertsPanel {

    background:
        #ffffff !important;

    color:
        #222936 !important;

    border-color:
        rgba(31,42,55,.12) !important;

    box-shadow:
        0 12px 32px
        rgba(28,38,52,.14) !important;
}


/*
 * Inputs and selectors inside our workspace-owned UI.
 */

body.tc-chart-workspace[data-tc-market-theme="light"]
#tcWatchlistPanel input,

body.tc-chart-workspace[data-tc-market-theme="light"]
#tcWatchlistPanel select,

body.tc-chart-workspace[data-tc-market-theme="light"]
#tcTemplatesPanel input,

body.tc-chart-workspace[data-tc-market-theme="light"]
#tcTemplatesPanel select,

body.tc-chart-workspace[data-tc-market-theme="light"]
#tcScreenerPanel input,

body.tc-chart-workspace[data-tc-market-theme="light"]
#tcScreenerPanel select,

body.tc-chart-workspace[data-tc-market-theme="light"]
#tcAlertsPanel input,

body.tc-chart-workspace[data-tc-market-theme="light"]
#tcAlertsPanel select {

    background:
        #f4f6f8 !important;

    color:
        #242d39 !important;

    border-color:
        rgba(31,42,55,.14) !important;
}


/*
 * Advanced Alert UI.
 */

body.tc-chart-workspace[data-tc-market-theme="light"]
.tc-advanced-alert-v138 {

    color:
        #28313d;
}


body.tc-chart-workspace[data-tc-market-theme="light"]
.tc-advanced-alert-v138 input,

body.tc-chart-workspace[data-tc-market-theme="light"]
.tc-advanced-alert-v138 select {

    background:
        #f4f6f8 !important;

    color:
        #242d39 !important;

    border-color:
        rgba(31,42,55,.14) !important;
}


body.tc-chart-workspace[data-tc-market-theme="light"]
.tc-advanced-alert-row-v138 {

    background:
        #f7f8fa !important;

    border-color:
        rgba(31,42,55,.10) !important;
}


body.tc-chart-workspace[data-tc-market-theme="light"]
.tc-advanced-alert-row-main-v138
strong {

    color:
        #27303c !important;
}


/*
 * Watchlist table.
 */

body.tc-chart-workspace[data-tc-market-theme="light"]
.tc-watchlist-columns-v137a {

    background:
        #f4f6f8 !important;

    color:
        #66717f !important;

    border-color:
        rgba(31,42,55,.10) !important;
}


body.tc-chart-workspace[data-tc-market-theme="light"]
.tc-watchlist-price-v137a {

    color:
        #29323e !important;
}


/*
 * Crosshair alert '+' follows theme too.
 */

body.tc-chart-workspace[data-tc-market-theme="light"]
.tc-crosshair-alert-v139d {

    background:
        #ffffff !important;

    color:
        #ad7d12 !important;

    border-color:
        rgba(173,125,18,.45) !important;

    box-shadow:
        0 3px 10px
        rgba(25,35,48,.16) !important;
}


/*
 * Theme button in Light Mode.
 */

body.tc-chart-workspace[data-tc-market-theme="light"]
.tc-market-theme-toggle-v140 {

    color:
        #515c69;

    border-color:
        rgba(31,42,55,.12);
}


body.tc-chart-workspace[data-tc-market-theme="light"]
.tc-market-theme-toggle-v140:hover {

    background:
        rgba(31,42,55,.055);

    color:
        #9b6d08;

    border-color:
        rgba(155,109,8,.24);
}