@import url("dx.dark.compact.css");

/***************SALMON *****************/

.dx-theme-marker {
    font-family: 'dx.generic.dark' !important;
}

.dx-viewport {
    background: none;
}

.notifications-bell .dx-button-text {
    background-color: #C00;
}

.btitle {
    background-color: #333333;
    box-shadow: inset 0px -19px 0px 0 #222222;
    border-bottom: 1px solid #333;
}

    .btitle .icon {
        border-left: 1px solid #cccccc;
    }

.dx-rtl .btitle .icon {
    border-right: 1px solid #cccccc;
}

.second {
    color: #818181;
}

/*badges*/
.plus {
    color: #c0ff00 !important;
}

.minus {
    color: #F03 !important;
}

.meter.green > div span.text,
.meter.red > div span.text {
    color: #ccc;
}


.meter > div {
    background: #ff0066; /* Old browsers */
    background: -moz-linear-gradient(left, #ff0066, #91003c); /* FF3.6+ */
    background: -webkit-linear-gradient(left, #ff0066, #91003c); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left, #ff0066, #91003c); /* Opera 11.10+ */
    background: -ms-linear-gradient(left, #ff0066, #91003c); /* IE10+ */
    background: linear-gradient(to right, #ff0066, #91003c); /* W3C */
}

    .meter > div > span.back {
        /*background-color: #338C07;*/
        background: #4d6600; /* Old browsers */
        background: -moz-linear-gradient(left, #4d6600, #82AD00); /* FF3.6+ */
        background: -webkit-linear-gradient(left, #4d6600, #82AD00); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(left, #4d6600, #82AD00); /* Opera 11.10+ */
        background: -ms-linear-gradient(left, #4d6600, #82AD00); /* IE10+ */
        background: linear-gradient(to right, #4d6600, #82AD00); /* W3C */
    }

.green.meter > div,
.red.meter > div {
    background: none;
}

    .depthbtn.sell,
    .red.meter > div > span.back {
        background: #91003c; /* Old browsers */
        background: -moz-linear-gradient(left, #91003c, #ff0066); /* FF3.6+ */
        background: -webkit-linear-gradient(left, #91003c, #ff0066); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(left, #91003c, #ff0066); /* Opera 11.10+ */
        background: -ms-linear-gradient(left, #91003c, #ff0066); /* IE10+ */
        background: linear-gradient(to right, #91003c, #ff0066); /* W3C */
    }

    .dx-button.depthbtn.buy,
    .green.meter > div > span.back {
        background: #4d6600; /* Old browsers */
        background: -moz-linear-gradient(left, #4d6600, #82AD00); /* FF3.6+ */
        background: -webkit-linear-gradient(left, #4d6600, #82AD00); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(left, #4d6600, #82AD00); /* Opera 11.10+ */
        background: -ms-linear-gradient(left, #4d6600, #82AD00); /* IE10+ */
        background: linear-gradient(to right, #4d6600, #82AD00); /* W3C */
    }

.red {
    color: #ff0066 !important;
}

.green {
    color: #c0ff00 !important;
}


dl.numdisplay dt {
    color: #818181;
}


dl.linedisplay {
    color: #818181;
}

.charttabs li:hover {
    background-color: #666;
}

.charttabs li.selected {
    background-color: #555555;
    /* border-color: #818181; */
    /* color: #202020; */
}

.multicol .sidecol {
    background-color: #202020;
}

    .multicol .sidecol .title {
        background-color: #333333;
        /* box-shadow: inset 0px -1px 4px 1px #000000; */
        border-top: 1px solid #4D4D4D;
        border-bottom: 1px solid #4D4D4D;
    }

.dx-datagrid .dx-data-row td.colored.up {
    color: #c0ff00 !important;
}

.dx-datagrid .dx-data-row td.colored.down {
    color: #ff0066 !important;
}

.dx-datagrid .dx-data-row td.colored.blue {
    color: #1dffba !important;
}

.dx-datagrid .dx-data-row td.colored.pink {
    color: #ff0027 !important;
}


.sl-view-head > div.far {
    background-color: black;
}

.order-popover .dx-popup-title.pink,
.dx-button.placebtn.pink,
.orderdir.pink {
    background-color: #ff0027;
}

.order-popover .dx-popup-title.blue,
.dx-button.placebtn.blue,
.orderdir.blue {
    background-color: #1dffba;
    color: #000;
}

    .dx-button.blue .dx-button-text,
    .order-popover .dx-popup-title.blue .dx-closebutton .dx-icon {
        color: #000;
    }


body {
    background: #47494f;
    /*color: white;*/
}


.yellow {
    color: #ffc200;
}


.loginscreen .dx-texteditor-input {
    color: #606060;
}

.sl-app-menu div,
.sl-app-menu i.dx-icon {
    color: white;
}

.notifications-count {
    background-color: rgb(19, 154, 233);
}

.marketwatch .dx-data-row td.bid {
    color: lightblue !important;
    background-color: rgba(51,17,102,0.5) !important;
}

.marketwatch .dx-data-row td.offer {
    color: lightcoral !important;
    background-color: rgba(102,0,0,0.5) !important;
}

.marketwatch .dx-data-row td.flash.up.light {
    background-color: #038814 !important;
}

.marketwatch .dx-data-row td.down.light {
    background-color: #B90424 !important;
}

/*
.marketwatch .dx-data-row td.bid.light {
    background-color: #03109A!important;
 }

.marketwatch .dx-data-row td.offer.light {
    background-color: #7F0090!important;
 }
 */
.marketwatch .dx-data-row.light > td {
    background-color: rgba(255, 255, 0, 0.5) !important;
}

.dx-datagrid-headers .dx-header-row {
    background-color: #111;
}


.sl-pre-title {
    color: #afafaf;
}

.quotedetails h6 {
    color: #818181;
}

.quotedetails dl dt {
    color: #818181;
}

.statebadge .c {
    color: #1dffba;
}

.statebadge .d {
    color: #ff0027;
}

.orderbadge .status {
    color: #c0ff00;
}

    .orderbadge .status.grey {
        color: #818181;
    }

    .orderbadge .status.white {
        color: white;
    }

    .orderbadge .status.red {
        color: #ff0066;
    }

.orderbadge .op.b {
    color: #c0ff00;
}

.orderbadge .op.s {
    color: #ff0066;
}

.orderbadge .ex,
.orderbadge .account,
.orderbadge .re {
    color: #818181;
}

.ingredients dt,
.symboldetails dt {
    color: #a3a3a3;
}

.ingredients dd,
.symboldetails dd {
    color: #DBDBDB;
    /* border-top: 1px solid #aaa8a8; */
}

.bingredients dt {
    color: #818181;
}

.marketsummary .sgroup dl.linedisplay dd {
    color: white;
}

.watchbtn.active {
    border-color: #f6ae46;
}

.buybtn {
    background-color: #c0ff00;
}

.rowlist .thebadge:nth-child(odd) {
    background-color: #000;
}

.loginscreen .dx-texteditor {
    background-color: transparent;
    border-bottom: 1px solid #333333;
}

.loginscreen .dx-texteditor-input {
    background-color: white;
}

.loginscreen .dx-button {
    background-color: rgba(63, 82, 123, 0.8);
}

    .loginscreen .dx-button.dx-state-hover {
        background-color: rgba(63, 82, 123, 1);
    }

.loginscreen .dx-button-text {
    color: white;
}

.indexbadge .description {
    color: #818181;
}

.newscol .sidecol {
    background-color: #202020;
}

    .newscol .sidecol .title {
        box-shadow: inset 0px -1px 4px 1px #000000;
        background-color: #333333;
    }

.largebadge .orderbadge .ex,
.largebadge .orderbadge .re {
    color: #818181;
}

.ticker-info dl.numdisplay dt {
    color: #bbb;
}

.ticker-info dl.numdisplay dd {
    color: #eee;
}

.marketwatch .dx-data-row td.highlight {
    color: white !important;
    background-color: rgba(95,87,25,0.5) !important;
}

.dx-datagrid .dx-header-row .dx-datagrid-text-content {
    color: white;
}

.dx-datagrid-rowsview .dx-selection.dx-row,
.dx-datagrid-rowsview .dx-selection.dx-row:hover {
    background-color: #C5C5C5;
    color: #303030;
}

.dx-data-row.dx-state-hover:not(.dx-selection):not(.dx-row-inserted):not(.dx-row-removed):not(.dx-edit-row) {
    background-color: rgba(197,197,197,0.1);
    color: #dbdbdb;
}

.dx-datagrid .dx-row-alt {
    background-color: #3a3636;
}

i.dx-icon-link.fa.fa-link {
    color: #F77;
}

.sl-app-menu.dx-menu .dx-icon-add {
    background-color: #0170B0;
    color: white;
}

.sl-add-menu h4.dx-icon {
    color: white;
}

.sl-markets-part .thebadge.indexbadge > span,
.sl-markets-part .thebadge.indexbadge > .symbol {
    color: white;
    /* color: white !important; */
}

.dx-datagrid-total-footer td .dx-datagrid-summary-item.blue,
tr.dx-row.dx-data-row.blue {
    color: #1dffba !important;
}

.dx-datagrid-total-footer td .dx-datagrid-summary-item.pink,
tr.dx-row.dx-data-row.pink {
    /*color: #ff0027 !important;*/
   color:    #fd4b4b !important;
}
tr.dx-row.dx-data-row.pink:hover,tr.dx-row.dx-data-row.pink[aria-selected="true"]
{
    color:  #ff4c38 !important
}
.no-data-selected-msg {
    color: #aaa;
}

.sl-view-head .quotebadge {
    background-color: black;
}

.titlebadge .details {
    color: #818181;
}

.alerts-list {
    background-color: #202020;
}

span.dx-datagrid-search-text {
    background-color: yellow;
}

.thebadge.header {
    border-bottom: 2px solid #818181;
    background: #202020;
    box-shadow: inset 0px -40px 28px -14px #000000;
}

.loginscreen .dx-overlay-content {
    background-color: #1d202e;
}

.app-footer {
    background: black;
}

.sl-app-header {
    background: black;
}

.sl-app-header-menu {
    background: linear-gradient(to bottom, #3d3d3d, #212121);
}

.sl-view.ready .sl-view-head {
    background: #000;
}

.sl-view:not(.ready) .sl-view-head {
    background: #000;
}

.sl-view-head {
    background: #717171;
    border-bottom: 1px solid #666;
}

.gridster-manual .gs-w,
.gridster .gs-w {
    background: #000;
    border: 1px solid #444;
}

.gridster .preview-holder {
    background: #ddd;
}

.subtitle {
    border-bottom: 1px solid #818181;
}

.sl-sep {
    border-bottom: 2px groove #818181;
}

.marketsummary .group dl.numdisplay:last-child {
    border-left: 1px solid #cccccc;
}

.dx-rtl .marketsummary .group dl.numdisplay:last-child {
    border-right: 1px solid #cccccc;
}

.watchbtn {
    border: 2px solid #355a5f;
}

.searchbtn {
    border-bottom: 1px solid #818181;
}

.btncontain {
    border-bottom: 1px solid #818181;
}

.dx-nav-item-content .addsymbolbtn {
    border: 1px solid #818181;
}

.rowlist .thebadge {
    border-bottom: 1px solid #333333;
}

.profilebadge {
    border: 1px solid white;
}

.dx-rtl.indexbadge.wide > span {
    border-right: 1px solid #333333;
}

.indexbadge.wide > span {
    border-left: 1px solid #333333;
}

.positionbadge .change {
    border: 1px solid #818181;
}

.qcontent .dlnk {
    border: 1px solid #333333;
}

.marqueeItem.highlight, .portfolio-details,
.area-highlight {
    -webkit-box-shadow: inset 0px 25px 25px -25px rgba(129,129,129,0.75);
    -moz-box-shadow: inset 0px 25px 25px -25px rgba(129,129,129,0.75);
    box-shadow: inset 0px 25px 25px -25px rgba(129,129,129,0.75);
    border-top: 1px solid #999;
}

.tickersMarquee .marqueeItem {
    box-shadow: inset -7px 0px 11px -6px #818181;
}

.watch-list .dx-list-item,
.markets-list .dx-list-item {
    box-shadow: inset 0px -20px 38px -11px #000000;
    /* max-width: 310px; */
}

.btitle.a {
    box-shadow: inset 25px -25px 25px black;
}

 .tabOrderBody .dx-field-label
 {
     color:#555 !important;
 }
 .tabOrderBody .ticker-info dl.numdisplay dt, .tabOrderBody .dx-radiobutton
 {
     color:#555;
 }
 .tabOrderBody .ticker-info dl.numdisplay dd
 {
     color:#063c7a;
 }
.CIC-css .headerLogo {
    background-image: url('../images/CIC/logo-black.png');
    position: relative !important;
    width: 132px;
    height: 30px !important; 
    margin: 0px 19px !important;
    margin-top: -65px !important;
}
.CIC-css .headerLogoTbl {
    background-image: url('../images/CIC/logo-black.png');
    background-repeat:no-repeat;
    width: 132px;
    height: 30px !important; 
   
}

a.dx-link.sellBtnOP {
    color: red;
}