@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: #FF0000;
}

.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-image: url(/images/body.gif);
background-repeat: no-repeat;
background-attachment: fixed;
background-position: center;
}*/


.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: #53B987 !important;
    background-color: none !important;
}

.marketwatch .dx-data-row td.offer {
    background: none !important;
    color: #ed3023 !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);*/
    background-color: #861f41;
}





.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: #861f41;
    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;
}

.sl-app-menu {
    position: absolute;
    z-index: 1;
    background-color: #000 !important
}

.CBIS-css .sl-app-workspaces {
    background-color: #47494F
}

.CBIS-css .placebtnContainer .SellBg {
    width: 200px
}

.CBIS-css .dx-context-menu .dx-submenu {
    background-color: #000 !important;
    border: 1px solid #555555 !important;
}

.dx-loadpanel-content {
    background: #000 !important;
}

.dx-loadpanel-message {
    color: #fff !important;
}


.dx-icon-markets {
    background-image: url(../images/CBIS/market.png) !important;
}

.dx-icon-watch {
    background-image: url(../images/CBIS/icon-watch.png) !important;
}

.dx-icon-orders {
    background-image: url(../images/CBIS/icon-orders.png) !important;
}

.dx-icon-account {
    background-image: url(../images/CBIS/icon-account.png) !important;
}

.dx-icon-others {
    background-image: url(../images/CBIS/icon-others.png) !important;
}

.marketsMarquee .marquee > div.marqueeItem {
    border: 4px solid #545406;
    border-radius: 8px;
}


.CBIS-css .quickOneLine .greenBg {
    background: #000 !important;
}

.CBIS-css .quickOneLine .redBg {
    background: #000 !important;
}



.CBIS-css .quickOneLine .SellBg {
   
    background: #FF0000 !important;
    text-shadow: 0 1px 0 #971515;
    border: 1px solid #971515;
    color: #fff;
}

.CBIS-css .quickOneLine .BuyBg {
   
    background: #008001 !important;
}

.VerticalLine  {
    border-left: 3px solid #545406;
}



.sl-connection-error .dx-loadpanel-message {
    color: #000 !important;
}

.quickOneLine .dx-texteditor-input {
    background: #ddd !important;
}

.settingsicon {
    color: #861f41 !important;
}

.langHeader {
    color: #861f41 !important;
}

.sl-app-menu .dx-menu div.notifications-bell i.dx-icon-bell {
    background-image: url('../images/CBIS/dd_07.png') !important;
    background-position: 2px 6px !important;
    background-size: 26px !important;
    background-repeat: no-repeat !important;
    width: 32px;
    height: 30px;
    /* background-color: yellow !important; */
}
.dx-icon-menu:before {
    background-color: rgb(47,47,47);
    padding-left: 2px;
    padding-right: 2px;
    padding-bottom: 1px;
    padding-top: 1px;
}
.CBIS-css .workSpaceMarqueeContainer{
    background-color:#000
}
.workSpaceMarquee .marquee > div.marqueeItem {
    background-color: rgb(47,47,47);
}
.tickersMarquee {
    background-color: rgb(0 0 0);
}