/*
 * ==========================================================
 * TAHLIL_DEMO_TRADING_V151
 * ==========================================================
 */


body.tc-chart-workspace
.tc-timeframe-opposite-tools
#tcDemoTradingToggleV151 {

    position:
        relative !important;

    inset:
        auto !important;

    order:
        45 !important;

    flex:
        0 0 auto !important;

    width:
        36px !important;

    min-width:
        36px !important;

    max-width:
        36px !important;

    height:
        36px !important;

    min-height:
        36px !important;

    max-height:
        36px !important;

    margin:
        4px 0 0 !important;

    padding:
        0 !important;

    display:
        grid !important;

    place-items:
        center !important;

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

    border-radius:
        6px !important;

    background:
        transparent !important;

    color:
        #909aa7 !important;

    font-size:
        18px !important;

    cursor:
        pointer !important;
}


body.tc-chart-workspace
.tc-timeframe-opposite-tools
#tcDemoTradingToggleV151:hover {

    color:
        #e1b95d !important;

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

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


.tc-demo-panel-v151 {

    position:
        fixed;

    top:
        var(
            --tc-v132-rail-top,
            232px
        );

    right:
        54px;

    bottom:
        16px;

    z-index:
        51;

    width:
        min(
            390px,
            calc(100vw - 80px)
        );

    padding:
        12px;

    overflow:
        auto;

    box-sizing:
        border-box;

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

    border-radius:
        8px;

    background:
        #11161d;

    color:
        #dce2ea;

    box-shadow:
        0 14px 36px
        rgba(0,0,0,.34);

    font-family:
        Arial,
        sans-serif;
}


.tc-demo-panel-v151[hidden] {

    display:
        none !important;
}


.tc-demo-head-v151 {

    display:
        flex;

    align-items:
        center;

    justify-content:
        space-between;

    gap:
        12px;

    margin-bottom:
        10px;
}


.tc-demo-head-v151 > div {

    display:
        grid;

    gap:
        2px;
}


.tc-demo-head-v151 strong {

    font-size:
        14px;
}


.tc-demo-head-v151 span {

    color:
        #7f8997;

    font-size:
        10px;
}


#tcDemoClosePanelV151 {

    width:
        30px;

    height:
        30px;

    padding:
        0;

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

    border-radius:
        6px;

    background:
        transparent;

    color:
        #9aa4b1;

    font-size:
        18px;

    cursor:
        pointer;
}


.tc-demo-current-v151 {

    display:
        flex;

    align-items:
        center;

    justify-content:
        space-between;

    gap:
        10px;

    padding:
        10px;

    margin-bottom:
        10px;

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

    border-radius:
        7px;

    background:
        #171d25;
}


.tc-demo-current-v151 > div {

    display:
        grid;

    gap:
        3px;
}


.tc-demo-current-v151 strong {

    font-size:
        13px;
}


.tc-demo-current-v151 > b {

    font-size:
        15px;
}


#tcDemoCurrentLiveV151 {

    font-size:
        9px;

    color:
        #8e98a5;
}


#tcDemoCurrentLiveV151[data-kind="live"] {

    color:
        #4fc58b;
}


#tcDemoCurrentLiveV151[data-kind="stale"] {

    color:
        #d08f55;
}


.tc-demo-account-grid-v151 {

    display:
        grid;

    grid-template-columns:
        repeat(
            2,
            minmax(0,1fr)
        );

    gap:
        6px;

    margin-bottom:
        10px;
}


.tc-demo-account-grid-v151 > div {

    display:
        grid;

    gap:
        3px;

    padding:
        8px;

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

    border-radius:
        6px;

    background:
        rgba(255,255,255,.025);
}


.tc-demo-account-grid-v151 span {

    color:
        #7f8997;

    font-size:
        9px;
}


.tc-demo-account-grid-v151 b {

    font-size:
        11px;
}


.tc-demo-account-wide-v151 {

    grid-column:
        1 / -1;
}


.tc-demo-mark-warning-v151 {

    margin:
        -2px 0 9px;

    padding:
        6px 8px;

    border:
        1px solid
        rgba(208,143,85,.20);

    border-radius:
        5px;

    color:
        #d7a06f;

    background:
        rgba(208,143,85,.055);

    font-size:
        9px;
}


.tc-demo-form-v151 {

    display:
        grid;

    gap:
        8px;

    padding:
        10px;

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

    border-radius:
        7px;

    background:
        #151b22;
}


.tc-demo-form-v151 label,
.tc-demo-reset-v151 label {

    display:
        grid;

    gap:
        4px;
}


.tc-demo-form-v151 label > span,
.tc-demo-reset-v151 label > span {

    color:
        #87919e;

    font-size:
        9px;
}


.tc-demo-form-v151 input,
.tc-demo-reset-v151 input {

    width:
        100%;

    height:
        34px;

    box-sizing:
        border-box;

    padding:
        0 9px;

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

    border-radius:
        5px;

    outline:
        none;

    background:
        #0f141b;

    color:
        #e3e8ee;

    font-size:
        11px;
}


.tc-demo-form-pair-v151 {

    display:
        grid;

    grid-template-columns:
        repeat(
            2,
            minmax(0,1fr)
        );

    gap:
        7px;
}


.tc-demo-side-actions-v151 {

    display:
        grid;

    grid-template-columns:
        1fr 1fr;

    gap:
        7px;
}


.tc-demo-side-actions-v151 button {

    height:
        36px;

    border-radius:
        6px;

    font-weight:
        700;

    cursor:
        pointer;
}


#tcDemoLongV151 {

    border:
        1px solid
        rgba(67,194,129,.33);

    background:
        rgba(67,194,129,.10);

    color:
        #62d69c;
}


#tcDemoShortV151 {

    border:
        1px solid
        rgba(218,92,104,.34);

    background:
        rgba(218,92,104,.10);

    color:
        #e37e88;
}


.tc-demo-status-v151 {

    min-height:
        16px;

    padding:
        7px 2px 3px;

    color:
        #8e98a5;

    font-size:
        9px;
}


.tc-demo-status-v151[data-kind="error"] {

    color:
        #e07d86;
}


.tc-demo-section-v151 {

    margin-top:
        10px;
}


.tc-demo-section-title-v151 {

    display:
        flex;

    align-items:
        center;

    justify-content:
        space-between;

    gap:
        8px;

    margin-bottom:
        6px;
}


.tc-demo-section-title-v151 strong {

    font-size:
        11px;
}


.tc-demo-section-title-v151 span {

    color:
        #747f8d;

    font-size:
        9px;
}


.tc-demo-position-v151 {

    display:
        grid;

    gap:
        6px;

    padding:
        8px;

    margin-bottom:
        6px;

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

    border-radius:
        6px;

    background:
        rgba(255,255,255,.025);
}


.tc-demo-position-v151.is-stale {

    border-color:
        rgba(208,143,85,.18);
}


.tc-demo-position-top-v151 {

    display:
        flex;

    align-items:
        center;

    justify-content:
        space-between;

    gap:
        8px;
}


.tc-demo-position-top-v151 strong {

    font-size:
        10px;
}


.tc-demo-position-top-v151 strong[data-side="long"] {

    color:
        #5bd097;
}


.tc-demo-position-top-v151 strong[data-side="short"] {

    color:
        #df7883;
}


.tc-demo-close-position-v151 {

    padding:
        4px 8px;

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

    border-radius:
        5px;

    background:
        transparent;

    color:
        #a3adb9;

    font-size:
        9px;

    cursor:
        pointer;
}


.tc-demo-position-info-v151 {

    display:
        grid;

    grid-template-columns:
        repeat(
            2,
            minmax(0,1fr)
        );

    gap:
        4px 8px;
}


.tc-demo-position-info-v151 span {

    color:
        #7d8794;

    font-size:
        9px;
}


.tc-demo-position-info-v151 b {

    color:
        #cbd2db;

    font-size:
        9px;
}


.tc-demo-protection-v151 {

    color:
        #8994a1;

    font-size:
        9px;
}


.tc-demo-history-row-v151 {

    display:
        grid;

    grid-template-columns:
        1.1fr 1fr 1fr auto;

    gap:
        6px;

    align-items:
        center;

    padding:
        7px 6px;

    border-bottom:
        1px solid
        rgba(255,255,255,.055);

    font-size:
        9px;
}


.tc-demo-history-row-v151[data-result="win"] > span:nth-child(3) {

    color:
        #5dce97;
}


.tc-demo-history-row-v151[data-result="loss"] > span:nth-child(3) {

    color:
        #df7883;
}


.tc-demo-history-row-v151 small {

    color:
        #737e8b;
}


.tc-demo-empty-v151 {

    padding:
        10px 4px;

    color:
        #727d8a;

    font-size:
        9px;

    text-align:
        center;
}


.tc-demo-reset-v151 {

    display:
        grid;

    grid-template-columns:
        1fr auto;

    gap:
        7px;

    align-items:
        end;

    margin-top:
        12px;

    padding-top:
        10px;

    border-top:
        1px solid
        rgba(255,255,255,.07);
}


#tcDemoResetV151 {

    height:
        34px;

    padding:
        0 10px;

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

    border-radius:
        5px;

    background:
        transparent;

    color:
        #a2acb8;

    font-size:
        9px;

    cursor:
        pointer;
}


.tc-demo-footnote-v151 {

    display:
        grid;

    gap:
        3px;

    margin-top:
        10px;

    color:
        #687381;

    font-size:
        8px;

    line-height:
        1.45;
}


/* ==========================================================
   LIGHT THEME
   ========================================================== */


body.tc-chart-workspace[data-tc-market-theme="light"]
.tc-timeframe-opposite-tools
#tcDemoTradingToggleV151 {

    color:
        #525d69 !important;

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


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

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

    background:
        #ffffff;

    color:
        #26303c;

    box-shadow:
        0 14px 36px
        rgba(31,42,55,.14);
}


body.tc-chart-workspace[data-tc-market-theme="light"]
.tc-demo-current-v151,

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

    background:
        #f5f7f9;

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


body.tc-chart-workspace[data-tc-market-theme="light"]
.tc-demo-account-grid-v151 > div,

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

    background:
        #f8f9fb;

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


body.tc-chart-workspace[data-tc-market-theme="light"]
.tc-demo-form-v151 input,

body.tc-chart-workspace[data-tc-market-theme="light"]
.tc-demo-reset-v151 input {

    background:
        #ffffff;

    color:
        #26303c;

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


/* ==========================================================
   MOBILE
   ========================================================== */


@media (max-width: 760px) {

    body.tc-chart-workspace
    .tc-market-right-rail-v141
    #tcDemoTradingToggleV151 {

        margin:
            0 0 0 3px !important;
    }


    .tc-demo-panel-v151 {

        top:
            70px;

        right:
            8px;

        bottom:
            60px;

        width:
            calc(
                100vw - 16px
            );
    }


    .tc-demo-history-row-v151 {

        grid-template-columns:
            1fr 1fr;
    }

}


/* V151 TIMEFRAME FORCE VISIBILITY TEST */

body.tc-chart-workspace
.tc-timeframe-opposite-tools
#tcDemoTradingToggleV151 {

    display: inline-grid !important;
    visibility: visible !important;
    opacity: 1 !important;
    position: relative !important;
    width: 36px !important;
    height: 36px !important;
    min-width: 36px !important;
    margin: 0 6px !important;
    z-index: 9999 !important;

}



/* ==========================================================
   V151 DEMO TOGGLE RUNTIME CLASS FIX
   ========================================================== */

body.tc-chart-workspace
.tc-timeframe-opposite-tools
.tc-demo-toggle-v151 {

    display:
        inline-grid !important;

    place-items:
        center !important;

    position:
        relative !important;

    flex:
        0 0 36px !important;

    width:
        36px !important;

    min-width:
        36px !important;

    height:
        36px !important;

    min-height:
        36px !important;

    margin:
        0 4px !important;

    padding:
        0 !important;

    opacity:
        1 !important;

    visibility:
        visible !important;

    overflow:
        visible !important;

    z-index:
        9999 !important;

    color:
        #e1b95d !important;

    border:
        1px solid rgba(255,255,255,.12) !important;

    border-radius:
        6px !important;

    background:
        rgba(255,255,255,.04) !important;

    cursor:
        pointer !important;
}


body.tc-chart-workspace
.tc-timeframe-opposite-tools
.tc-demo-toggle-v151:hover {

    background:
        rgba(225,185,93,.12) !important;

}



/* ==========================================================
   V151 DEMO BUTTON NEXT TO TIMEFRAMES
   ========================================================== */

body.tc-chart-workspace
.tc-timeframes
.tc-demo-toggle-v151 {

    display:
        inline-grid !important;

    place-items:
        center !important;

    width:
        32px !important;

    min-width:
        32px !important;

    height:
        32px !important;

    margin-left:
        8px !important;

    position:
        relative !important;

    opacity:
        1 !important;

    visibility:
        visible !important;

    z-index:
        9999 !important;

}