#blazor-error-ui {
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

    #blazor-error-ui .dismiss {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }

tr.tre1 {
    white-space: nowrap;
}
tr.tre1 td {
    background-color: #D9F1FC;
}
tr.tre2 td {
    background-color: #C7EBFA;
}
tr.tre3 td {
    background-color: #B4E4F8;
}
tr.tre4 td {
    background-color: #A1DDF7;
}

tr.tre5 td {
    background-color: #8ED6F5;
}

tr.tre6 td {
    background-color: #7CD0F4;
}
tr.tre7 td {
    background-color: #60C5F1;
}

tr.trexecuted td {
    background-color: #F8A1A4;
    font-weight: bold;
}

tr.trinitiated td {
    background-color: #b7ef9e;
    font-weight:bold;
}

tr.trcounter td {
    background-color: #90caf9;
    font-weight: bold;
}

tr.trnoaction td {
    background-color: #FFF766;
    font-weight: bold;
}

.buy {
    color: #4184f3;
}

.sell {
    color: #FF5722;
}

.target {
    background-color: #C8EFD4;
    font-weight:bold;
}

.stoploss {
    background-color: #FBCFD0;
    font-weight: bold;
}

.gtt {
    background-color: #60C5F1;
    font-weight: bold;
}

.tsl {
    background-color: #ffd6cc;
    color: #661400;
    font-weight: bold;
}

.tslshift {
    background-color: #e109e4;
    color: white;
    font-weight: bold;
}

.stopped {
    background-color: #de5d06;
    color: white;
    font-weight: bold;
}

.exited {
    background-color: #B21016;
    color: white;
    font-weight: bold;
}
.tsladj {
    background-color: #99ff99;
    color: #001a00;
    font-weight: bold;
}
/*Formula Matched*/
.fm {
    background-color: #87a612;
    color: white;
    font-weight: bold;
}

/*Automatic EXIT*/
.ae {
    background-color: #ffd800;
    font-weight: bold;
}
/*Trade Type*/
.tt {
    background-color: #fce8c6;
}

/*Trailing profit EXIT*/
.tpe {
    background-color: #085820;
    font-weight: bold;
    color: white;
}

/*Instrument name*/
.iname {
    background-color: #f6e9fb;
    font-weight: bold;
}

/*Overall Profit*/
.op {
    background-color: white;
    font-weight: bold;
}
/*Parent Formula Match*/
.pfm {
    background-color: #77b300;
    color: white;
    font-weight: bold;
}
.espan {
    padding:2px;
    border-radius: 3px;
    white-space: nowrap;
}

.e1 {
    background-color: #D9F1FC;
}

.e2 {
    background-color: #C7EBFA;
}

.e3 {
    background-color: #B4E4F8;
}

.e4 {
    background-color: #A1DDF7;
}

.e5 {
    background-color: #8ED6F5;
}

.e6 {
    background-color: #7CD0F4;
}

.e7 {
    background-color: #60C5F1;
}


.rndtag {
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    border-top-style: none;
    border-top-width: 0px;
    font-size: 12px;
    font-weight: bold;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
   
    margin-bottom: 2px;
    margin-left: 2px;
    margin-right: 2px;
    margin-top: 2px;
    padding-bottom: 3.5px;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 3.5px;
    text-align: left;
    text-decoration: none;
    vertical-align: middle;
}

.selectDisable {
    outline-style: none;
    box-shadow: none;
    border-color: transparent;
}

.markdown > table thead th, .table thead th
{
    color:black;
    font-size:12px;
    font-weight:bold;
}

/* Chrome, Safari, Edge, Opera */
.dec ::-webkit-outer-spin-button,
.dec input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox */
dec.input[type=number] {
    -moz-appearance: textfield;
}

.txtnumber{
    width:80px;
}

.whp{
    width:100%;
}

.tiny{
    font-size:9px;
}

.ptr{
    cursor:pointer;
}

.formula {
    overflow: auto;
    max-height: 100px;
    min-height: 100px;
    background-color: white;
    padding: 3px;
}
.hdn{
    display:none;
}

.arrow-down {
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 6px solid #495057;
    display: inline-block;
}

.arrow-right {
    width: 0;
    height: 0;
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    border-left: 6px solid #495057;
    display: inline-block;
}
table.tradetbl tbody > tr td:first-child {
    text-align: left;
}

table.tradetbl td {
    text-align: center;
}
.font-weight-bold {
    font-weight: bold;
    /*color: #4DC409;*/
}
#starttime {
    display: flex; /* establish flex container */
    flex-direction: row; /* default value; can be omitted */
    flex-wrap: nowrap; /* default value; can be omitted */
    justify-content: space-between; /* switched from default (flex-start, see below) */
}

.trshort {
    background-color: #FBF6F5;
}
.trlong {
    background-color: #F9FBF5;
}

.mb {
    font-weight: 700;
}

.lh {
    line-height:101%;
}
.bb {
    font-weight:bolder;
    color:black;
}

.view {
    margin: auto;
    width: 100%;
}

.wrapper {
    position: relative;
    overflow: auto;
    /* border: 1px solid black;*/
    white-space: nowrap;
}

.sticky-col {
    position: -webkit-sticky;
    position: sticky;
    background-color: whitesmoke !important;
}

.first-col {
    width: 150px;
    min-width: 150px;
    max-width: 150px;
    left: 0px;
}

.second-col {
    width: 75px;
    min-width: 75px;
    max-width: 75px;
    left: 150px;
}

.third-col {
    width: 75px;
    min-width: 75px;
    max-width: 75px;
    left: 225px;
}

.fourth-col {
    width: 75px;
    min-width: 75px;
    max-width: 75px;
    left: 300px;
}

.fifth-col {
    width: 75px;
    min-width: 75px;
    max-width: 75px;
    left: 375px;
}

.sixth-col {
    width: 75px;
    min-width: 75px;
    max-width: 75px;
    left: 450px;
}

.seventh-col {
    width: 75px;
    min-width: 75px;
    max-width: 75px;
    left: 525px;
}

.eighth-col {
    width: 75px;
    min-width: 75px;
    max-width: 75px;
    left: 600px;
}

.ninth-col {
    width: 75px;
    min-width: 75px;
    max-width: 75px;
    left: 675px;
}

.tenth-col {
    width: 75px;
    min-width: 75px;
    max-width: 75px;
    left: 750px;
}

.first-hiscol {
    width: 40px;
    min-width: 40px;
    max-width: 40px;
    left: 0px;
}

.second-hiscol {
    width: 40px;
    min-width: 40px;
    max-width: 40px;
    left: 40px;
}

.third-hiscol {
    width: 30px;
    min-width: 30px;
    max-width: 30px;
    left: 80px;
}

.fourth-hiscol {
    width: 150px;
    min-width: 150px;
    max-width: 150px;
    left: 110px;
    background-color:white;
}

.text-lightsuccess {
    background-color: #EFFFF4;
    color: #00B08B;
}

.text-darksuccess {
    background-color: #C6EFCE;
    color: #30B050;
}

.text-lightdanger {
    background-color: #FFE7EA;
    color: #C0005E;
}

.text-darkdanger {
    background-color: #FFCDD3;
    color: #CA0030;
}

.text-medsuccess {
    color: #3C7D75;
}

.text-meddanger {
    color: #C00000;
}

.text-alert {
    color: #e37300;
}

.text-bluealert {
    color: #11aef3;
}

.table td.lb {
    border-left: 1px solid black;
}

.table td.rb {
    border-right: 1px solid black;
}

.text-recoveralert {
    color: #FFEB9C;
}

.bg-yellow {
    background-color: #FFFCCC;
}

.text-brownalert {
    color: #880015;
}

.text-yellowalert {
    color: black;
    background-color: #fdffaf;

}

.text-yellowbrownalert {
    color: #d5a333;
}

.text-blackdanger {
    background-color: #FFE7EA;
    color: black;
}

.text-blacksuccess {
    background-color: #EFFFF4;
    color: black;
}