.Section {border: 3px #310000 solid; border-radius: 10px; margin: 20px 0; position: relative; padding: 10px 0;}
.Section>h3 { position: absolute; top: -18px; left: 20px; background: #fff; padding: 4px 10px; color: #310000;}

.SubSection {border: 3px #310000 solid;border-radius: 10px; margin: 30px 20px 10px; position: relative; padding: 10px 0;}
.SubSection>h3 { position: absolute; top: -18px; left: 20px; background: #fff; padding: 4px 10px; color: #310000;}

.TopCurr {padding: 20px;}
#TradeList {padding-top: 40px;}
#TradeList h2 {padding-bottom: 20px;}
#TradeList table td.Sig {font-size: 12px; padding-bottom: 4px;}
#TradeList table td.M {font-size: 12px; color: gray;}
#TradeList table td .b {font-weight: bold;}

.BacktestBlock .Setup { margin-top: 20px; display: none; background-color: silver; border-radius: 6px; }
.BacktestBlock .Setup>.in {  padding: 20px; }
.BacktestBlock .Setup>.in>.b {padding-top: 10px; font-size: 14px;}
.BacktestBlock .Setup>.in>div:first-child {color: gray; font-size: 16px; font-weight: bold; }
.BacktestBlock .Setup>.in>div.t>textarea {width: 100%; height: 150px; padding: 5px;}
.BacktestBlock .Setup>.in .messages {font-size: 18px;}
.BacktestBlock .Setup>.in .messages div {padding: 10px 0; display: none;}
.BacktestBlock .Setup>.in .messages div.error { color: red; }
.BacktestBlock .Setup>.in .messages div.success { color: green; }

.navigator{text-align:center;}
.RSI_Signals > .form-row {box-sizing: border-box;background-color: #eee;}

#SaveTrendPopup .form-row-w100>.w100>div:first-child {width: 240px;}
#SaveTrendPopup .ExistingSystems .Items .Item {padding: 12px 12px 0 24px; }
#SaveTrendPopup .ExistingSystems .Items .Item+.Item {padding-top: 0;}
#SaveTrendPopup .ExistingSystems .Items .Item input {}

#SaveTrendPopup .ExistingSystems h3>input {margin-right: 10px;}
#SaveTrendPopup .ExistingSystems.Disabled {color: silver;}

#SaveTrendPopup .NewSystem h3>input {margin-right: 10px;}
#SaveTrendPopup .NewSystem.Disabled {color: silver;}
#SaveTrendPopup .Radio {padding-top: 12px;}

.TrendInfo {display: table}
.TrendInfo>h3{display: table-row;}
.TrendInfo>h3>span {display: table-cell; padding: 4px 10px;}
body.NotLogged .TrendInfo {display: none; }

.MySystems {display: none;}
.MySystems>.in>.Title { color: #310000; font-size: 22px; font-weight: bold;}
.MySystems>.in>.SubTitle {padding: 12px 0;}

.MySystems .Systems {padding: 20px;}
.MySystems .Systems>.in {display: table;}
.MySystems .Systems>.in>div {display: table-row; }
.MySystems .Systems>.in>div>div {display: table-cell; padding: 4px 10px; border-top: 1px dotted silver; 
vertical-align: middle;}
.MySystems .Systems>.in>div:hover>div {background-color: #f5f3f3;}
.MySystems .Systems>.in>div>div+div {border-left: none;}
.MySystems .Systems>.in>div:last-child>div {border-bottom: 1px dotted silver;}

.MySystems .Systems>.in>.Trend>div:first-child {padding-left: 40px;}
.MySystems .Systems>.in>.Trend>.Title {cursor: pointer; text-decoration: underline; }
.MySystems .Systems>.in>.Trend.Hidden {display: none;}

.MySystems .Systems>.in>.System {}
.MySystems .Systems>.in>.System>.Title {font-size: 16px; font-weight: bold;cursor: pointer;}
.MySystems .Systems>.in>.System.Closed>.Title:after {
    content: ' â–¾';
}
.MySystems .Systems>.in>.System>.Title:after {
    content: ' â–´';
}


.MySystems .Systems>.in .Operations, .MySystems .Systems>.in .Operations a {color: #0080c0; font-size: 12px; cursor: pointer;}
.MySystems .Systems>.in .Operations span:hover {text-decoration: underline;}

table.HasStoredSignals tr.Online td {background-color: #bbffbb;}

.SavedSignalsMsg, .SavedSignalsMsg2 {
    display: none;
    background-color: #ffff82;
    color: black;
    font-size: 16px;
    padding: 22px 22px;
    border-radius: 10px;
    width: 560px;
    border: solid 1px #dddddd;
    line-height: 30px;
    margin: 12px auto 36px auto;
}

.SavedSignalsMsg .Button.Unlink {background-color: #d7d7d7; color: #000; font-size: 14px; padding: 4px 30px; line-height: 22px;}
.SavedSignalsMsg .Button.Unlink:hover {background-color: #eaeaea;}


.LoadingBacktest {z-index: 900; width: 10000px; height: 10000px; position: fixed; top:0; left:0; background: white; opacity: 0.5; filter: alpha(Opacity=50);display: none;}
.LoadingBacktest_in {display: none; width: 360px; position: absolute; z-index: 990; padding: 40px; border-radius: 10px;
background-color: #fff; /*border: 3px #310000 solid; */opacity: 0.9;
-moz-box-shadow:0 0 30px #310000;-webkit-box-shadow:0 0 30px #310000;box-shadow:0 0 30px #310000
}
.LoadingBacktest_in>div>img {width: 100%; height: auto;}
.LoadingBacktest_in>.Text {font-size: 26px; color: #310000; text-align: center; padding: 20px 0;}

.AccessFailure>.in {text-align: center; color: red; font-size: 30px; font-weight: bold; padding: 40px;}

#BacktestForm > div {
    width: 100%;
}

table.Std {
    border-spacing: 0px;
}

table.Std thead tr td {
    border-bottom: 2px solid #4227fd;
    padding: 6px;
    color: #141414;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 10px;
}

table.Std tbody tr td {
    color: #333333;
    font-weight: 500;
    font-size: 13px;
    line-height: 20px;
}

table.Std tbody tr:nth-child(odd) td {
    background-color: #FAFBFC;
}

.Setup .b .Button.Large {
    margin-bottom: 20px;
}

.Input.Large {
    margin-bottom: 8px;
}

@media screen and (max-width: 334px) {
    input.Button.Large.EditSettings {
        margin-top: 20px;
    }
}

@media screen and (max-width: 485px) { 
    .Section.macd .CheckBlock.form-row {
        padding-top: 20px;
    }

    .HideArea .SubSection .RangeBlock > div.Label.Large:first-child {
        min-width: none;
        padding-top: 20px;
    }

    .HideArea .SubSection .RangeBlock .Label.Large {
        padding: 8px 0px;
    }
}

@media screen and (max-width: 950px) {
    table.Std tbody tr:last-child td {
        border-bottom: none;
    }

    table.Std tbody>tr {
        display:flex;
        flex-wrap: wrap;
    }

    table.Std tbody>tr>td {
        width: 100%;
        position: relative;
        padding: 5px;
    }

    table.Std tbody>tr>td.C, table.Std tbody>tr>td.N {
        text-align: right;
    }

    table.Std thead {
        display: none;
    }

    table.Std tbody>tr>td::after {
        display: block;
        position: absolute;
        top: 7px;
        left: 15px;
        font-size: 10px;
        line-height: 11px;
        color: #333333;
        font-weight: normal;
    }

    table tbody>tr>td.operation::after {
        content: 'OPERATION';
    }

    table tbody>tr>td.operation_amount::after {
        content: 'OPERATION AMOUNT';
    }

    table tbody>tr>td.sum::after {
        content: 'SUM';
    }

    table tbody>tr>td.crypto_funds::after {
        content: 'CRYPTO FUNDS';
    }
    
    table tbody>tr>td.flat_funds::after {
      content: 'FLAT FUNDS';
    }

    table tbody>tr>td.equity::after {
        content: 'TOTAL EQUITY';
    }
}