/*
Theme: Night Gray

*/

.main-body {
    /*background-color: #0E0E10;*/
    background-color: #535560;
    color: rgb(255,255,255);
}

.module-panel.panel-default {
    border-color: #262626;
}

.border {
    border:1px solid #262626;
}

.theme-background {
    background-color: #535560;
}

    /*.module-panel.panel-default > .panel-heading {
        background-image: none;
        background-color: #3A3C46 !important;
        color: rgb(255,255,255);
    }*/



    .module-panel.panel-default .list-group-item {
        background-image: none;
        background-color: #3A3C46;
        color: rgb(255,255,255);
        border: none;
        padding: 5px 15px;
    }


        .module-panel.panel-default .list-group-item:hover {
            background-color: #535560;
        }

.module-panel a {
    text-decoration: none;
    color: inherit;
}

.profile h2 {
    text-decoration: underline;
    display: inline;

}

.profile button {
    background-image: none;
    background-color: transparent;
    color: inherit;
}


#profile .table-type1 {
    table-layout: fixed;
}

#profile .table-type1 {
    table-layout: fixed;
    
}

#profile .table-type1,
.table-type1 {
    color: rgb(255,255,255);
    border:1px solid #262626;
}





    .table-type1 tbody tr:nth-of-type(even) {
        background-color: #292A2E;
    }

    .table-type1 tbody tr:nth-of-type(odd) {
        background-color: #202125;
    }


    #dashboardTable.table-type1 tbody tr{
        background-color: transparent;
    }

 #dashboardTable.table-type1 thead{
    background-color:transparent;
    color:inherit;
    border:1px solid #262626; 
}

 .table-type1 tbody tr th,
 .table-type1 thead tr th {
            padding: 3px;
                text-align: center;
        background-color: #535560;
        color: #BDBDBD;
        border:1px solid #262626;
    }





    .table-type1 tbody tr td {
        border: #1F1F1F 1px solid;
        padding: 0px; /**/
    }

    .table-type1 tbody tr.group {
        background-color: transparent;
    }

    .table-type1 tfoot {
        background-color: #535560;
        color: #BDBDBD;
    }

        .table-type1 tfoot tr td{
border: #1F1F1F 1px solid;
    }

    .table-type1 button {
        background-image: none;
        background-color: transparent;
        color: inherit;
    }

.ui-datepicker {
    background-color: #000000;
    color: rgb(255,255,255);
}

    .ui-datepicker a {
        color: rgb(255,255,255);
    }



.panel {
    margin-bottom: 5px;
    margin-top: 5px;
    border-color: #262626;
}



.panel-default.panel {
    border-color: #262626;
}

.panel-default >.panel-heading {
    background-image: none;
    background-color: #535560;
    color: #FFFFFF;
    padding: 5px 5px 7px; 
    border-color: #262626;
}

.panel-body {
    background-image: none;
    background-color: #535560;
    color: #FFFFFF;
}

.content-bar .panel-body  {
    
    overflow:auto;
}

.panel-1a  {
    
    height: 250px;
}
.panel-2a  {
    
   height: 400px;
}
.panel-3a  {
    
   height: 500px;
}

b {
    font-weight: 800;
}


.hyperlink {
    color: rgb(255,255,255);
}

hr {

    border-top:1px solid #262626;
}

.barchart table.jqplot-table-legend,
.pie table.jqplot-table-legend {
    border:none;
    color: rgb(255,255,255);
    background-color:transparent;
}

.barchart .jqplot-highlighter-tooltip, 
.pie .jqplot-highlighter-tooltip {
    background:rgba(255,255,255,100);
}


.barchart .jqplot-axis,
.barchart .jqplot-title,
.pie .jqplot-title {
    color:rgb(255,255,255);
}

.chart {
    border:1px solid #262626; 
}

#estmtdialog.dialogActive .ui-widget-header,
#settledRemarks.dialogActive .ui-widget-header,
#CustodyFee.dialogActive .ui-widget-header,
#disclaimer.dialogActive .ui-widget-header,
#AcctDetails.dialogActive .ui-widget-header
 {
     background-color:#000000;
}
.generic-dialog .ui-dialog-buttonpane,
.disclaimer-dialog .ui-dialog-buttonpane,
.corpAction-dialog .ui-dialog-buttonpane,
.generic-dialog .ui-widget-header,
.disclaimer-dialog .ui-widget-header,
.corpAction-dialog .ui-widget-header {
    border:1px solid #262626;
    background-color:#535560;
    color: rgb(255,255,255);
}

    .generic-dialog .ui-dialog-buttonpane .ui-button,
     .generic-dialog .ui-dialog-buttonpane .ui-button:hover,
    .generic-dialog .ui-dialog-buttonpane .ui-button:active,
    .generic-dialog .ui-dialog-buttonpane .ui-button:focus,
    .disclaimer-dialog .ui-dialog-buttonpane .ui-button,
     .disclaimer-dialog .ui-dialog-buttonpane .ui-button:hover,
     .disclaimer-dialog .ui-dialog-buttonpane .ui-button:active,
     .disclaimer-dialog .ui-dialog-buttonpane .ui-button:focus,
    .corpAction-dialog .ui-dialog-buttonpane .ui-button
    .corpAction-dialog .ui-dialog-buttonpane .ui-button:hover,
    .corpAction-dialog .ui-dialog-buttonpane .ui-button:active,
    .corpAction-dialog .ui-dialog-buttonpane .ui-button:focus
    {
            border:1px solid #262626;
    }



.ui-button,
.disclaimer-dialog .ui-button ,
.disclaimer-dialog .ui-button:hover,
.disclaimer-dialog .ui-button:active,
.disclaimer-dialog .ui-button:focus,
.generic-dialog .ui-button ,
.generic-dialog .ui-button:hover,
.generic-dialog .ui-button:active,
.generic-dialog .ui-button:focus,
.corpAction-dialog .ui-button ,
.corpAction-dialog .ui-button:hover,
.corpAction-dialog .ui-button:active,
.corpAction-dialog .ui-button:focus{
    background:none;
    border:none;
    font-weight: inherit;
    color: rgb(255,255,255);
}
.generic-dialog.ui-widget-content,
.disclaimer-dialog.ui-widget-content,
.corpAction-dialog.ui-widget-content {
    border:1px solid #262626;
    background-color: #535560;
    color:rgb(255,255,255);

}
.generic-dialog .ui-widget-content,
.disclaimer-dialog .ui-widget-content,
.corpAction-dialog .ui-widget-content {
    color:rgb(255,255,255);

}



.TABLE_ROWS-selected-row-color {
    color: #6A3700;
}

.TABLE_ROWS-text-color {
    color: #FFFFFF;
}

.TABLE_ROWS-border-color {
    color: #1F1F1F;
}

.TABLE_COLUMN_HEADER-border-color {
    color: #262626;
}

/*Under Construction Dialog-box*/
.underConstruction .dialog-box .dialog-header,
.dialog-box .dialog-header
{
    background-color: #535560;
    border:1px solid #262626;
    width:auto;
    height:auto;
}
.underConstruction .dialog-box .dialog-body,
.dialog-box .dialog-body{
    border:1px solid #262626;
    background-color: #3A3C46;
    width:auto;
    height:auto;
}
/*Under Construction Dialog-box End*/

/*CSS for Scroll bar */
.main-body .mCSB_scrollTools .mCSB_buttonDown,
.main-body .content-bar .mCSB_scrollTools .mCSB_buttonDown {
        opacity:1;
        border:1px solid #262626;
        background-position: -32px -92px;
        background-color: #535560;

}
.main-body .mCSB_scrollTools .mCSB_buttonUp,
.main-body .content-bar .mCSB_scrollTools .mCSB_buttonUp {
    opacity:1;
        border:1px solid #262626;
     background-position: -32px -72px;
         background-color: #535560;
}


.main-body .mCSB_scrollTools .mCSB_buttonLeft,
.main-body .content-bar .mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px;    opacity:1;  border:1px solid #262626;     background-color: #535560;}
.main-body  .mCSB_scrollTools .mCSB_buttonRight,
.main-body  .content-bar .mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -128px;   opacity:1;  border:1px solid #262626;     background-color: #535560; }

.main-body .content-bar .mCSB_container_wrapper,
.main-body .mCSB_container_wrapper {
    margin-right:0px;
    margin-bottom:0px;
}

.main-body .content-bar .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.main-body .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar  
{

     height: 15px;
}

.main-body .mCSB_scrollTools.mCSB_scrollTools_vertical .mCSB_dragger .mCSB_dragger_bar,
.main-body .content-bar .mCSB_scrollTools.mCSB_scrollTools_vertical .mCSB_dragger .mCSB_dragger_bar {

     width: 15px;
}
.main-body .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail ,
.main-body .content-bar .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail {

     height: 15px;
}
.main-body .mCSB_scrollTools.mCSB_scrollTools_vertical .mCSB_draggerRail,
.main-body .content-bar .mCSB_scrollTools.mCSB_scrollTools_vertical .mCSB_draggerRail {

     width: 15px;
}
.main-body .mCSB_inside > .mCSB_container,
.main-body .content-bar .mCSB_inside > .mCSB_container {
    margin-right: 15px;
}
.main-body .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.main-body .content-bar .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ 
    opacity:1;
    border:1px solid #262626;
    background-color:#3A3C46; 
    -webkit-border-radius: 0px; 
    -moz-border-radius: 0px;
     border-radius: 0px; }
.main-body  .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.main-body 	.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.main-body .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.main-body .content-bar .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.main-body .content-bar	.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.main-body .content-bar .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color:#3A3C46; 
    opacity:1;
}
.main-body .mCSB_scrollTools .mCSB_draggerRail,
.main-body .content-bar .mCSB_scrollTools .mCSB_draggerRail{  
    opacity:1;
    border:1px solid #262626;
     background-color:#535560;
    -webkit-border-radius: 0px; 
    -moz-border-radius: 0px;
     border-radius: 0px;
}

#content-bar {
    margin-right:15px;
}

/*CSS for Scroll bar End*/

/*Plugin Start Here*/
#TradingCalls .row {
   border:1px solid #262626;
}
#TradingCalls .CallDetails,
#TradingCalls .CallTitle  {
    /*border:1px solid #262626;*/
}
#TradingCalls .CallTitle {
    /*box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
    background-color:#3A3C46;*/
}

/*Plugin End Here*/


.main-title-background-inborderline {
    color: #262626;
}

.main-title-background-outborder-line {
    color: #3A3C46;
}

.module-border-line {
    color: #262626;
}

.active-module-title-bar {
    color: #000000;
}

.inactive-module-title-bar {
    color: #535560;
}


.main-button-text {
    color: rgb(255,255,255);
}

.main-button-text-hot {
    color: rgb(255,255,255);
}

.main-button-text-down {
    color: rgb(225,225,225);
}

.main-button-text-disable {
    color: rgb(230,230,230);
}


.main-button-bg {
    color: #3A3C46;
}

.main-button-hover-bg {
    color: #535560;
}

.main-button-press-bg {
    color: #474953;
}


.hyperlink-color {
    color: rgb(255,255,255);
}

.date-picker-header-background-color {
    color: #000000;
}


.MODULE_TOOLBAR-back-color {
    color: #535560;
}

.Common-base-text-color {
    color: rgb(245,245,245);
}

.TABLE_ROWS-empty-space-colr {
    color: #292A2E;
}

.TABLE_COLUMN_HEADER-background {
    color: #535560;
}

.TABLE_COLUMN_HEADER-text-colr {
    color: #BDBDBD;
}

.TABLE_ROWS-odd-row-colr {
    color: #202125;
}

.TABLE_ROWS-even-row-color {
    color: #292A2E;
}

.TABLE_ROWS-selected-row-color {
    color: #6A3700;
}

.TABLE_ROWS-text-color {
    color: #FFFFFF;
}

.TABLE_ROWS-selected-row-text-color {
    color: #FFFFFF;
}

.TABLE_ROWS-border-color {
    color: #1F1F1F;
}

.TABLE_COLUMN_HEADER-border-color {
    color: #262626;
}


.NORMAL_Button-normal-Back-color {
    color: #535560;
}

.NORMAL_Button-hover-Back-color {
    color: #616370;
}

.NORMAL_Button-Border-color {
    color: #262626;
}

.NORMAL_Button-text-color {
    color: #FFFFFF;
}

.TABLE_GROUP_ROWS-text-color {
    color: #BDBDBD;
}

.TABLE_SUBTOTAL-Back-color {
    color: #535560;
}

.TABLE_TOTAL-Back--color {
    color: #3A3C46;
}

.TABLE_SUBTOTAL-text--color {
    color: #FFFFFF;
}

.TABLE_SUBTOTAL-Bottom-Border--color {
    color: #262626;
}

.TABLE_TOTAL-text--color {
    color: #FFFFFF;
}

.TABLE_TOTAL-Bottom-Border--color {
    color: #262626;
}

.CHECKBOX-back {
    color: #474951;
}

.CHECKBOX-border {
    color: #262626;
}


.TABLE_GROUP1_ROWS-Back--color {
    color: #292A2E;
}

.TABLE_GROUP1_ROWS-Bottom-Border--color {
    color: #111111;
}

.TABLE_GROUP1_ROWS-TEXT--color {
    color: #BDBDBD;
}

.TABLE_GROUP2_ROWS-Odd-Row-Back--color {
    color: #202125;
}

.TABLE_GROUP2_ROWS-Even-Row-Back--color {
    color: #292A2E;
}

.TABLE_GROUP2_ROWS-Empty-Space-color {
    color: #292A2E;
}

.TABLE_GROUP2_ROWS-Selected-Row-Back--color {
    color: #6A3700;
}

.TABLE_GROUP2_ROWS--Border--color {
    color: #262626;
}

.TABLE_GROUP2_ROWS-TEXT--color {
    color: #BDBDBD;
}

.TABLE_COLUMN_HEADER-Hover-color {
    color: #616370;
}


.Serach-edit-back-color {
    color: #474951;
}

.Serach-edit-selected-color {
    color: #6A3700;
}

.Serach-edit-highlight-color {
    color: rgb(107,120,250);
}

.Serach-edit-text-color {
    color: #FFFFFF;
}

.Serach-edit-select-text-color {
    color: #FFFFFF;
}


.MAIN_TABS_BODY-body {
    color: #3A3C46;
}

.MAIN_TABS_BODY-Active-Tab {
    color: #535560;
}

.MAIN_TABS_BODY-Inactive-Tab {
    color: #3A3C46;
}

.MAIN_TABS_BODY-Hover-on-Tab {
    color: #535560;
}

.MAIN_TABS_BODY-Active-Tab-Font {
    color: #FFFFFF;
}

.MAIN_TABS_BODY-InActive-Tab-Font {
    color: #BDBDBD;
}

.MAIN_TABS_BODY-border {
    color: #262626;
}


.setting-bg-bar {
    color: rgb(35,37,44);
}


.login-body-bg {
    color: #3A3C46;
}

.login-banner-bg {
    color: #FFFFFF;
}

.login-annoucement-bg {
    color: #980101;
}


.as-bg {
    color: #535560;
}

.as-border {
    color: #262626;
}

.as-label {
    color: #a08e8e;
}

.as-value-zero {
    color: #FFFFFF;
}

.as-value-positive {
    color: #73970F;
}

.as-value-negative {
    color: #FF7965;
}

.as-title {
    color: #FFFFFF;
}

.as-title-bk {
    color: #3A3C46;
}

.as-focus-text {
    color: rgb(128,128,128);
}


.orderstatus-view-base {
    color: rgb(58,61,70);
}

.orderstatus-view-button {
    color: rgb(41,42,46);
}

.orderstatus-view-header-text {
    color: rgb(250,250,250);
}

.orderstatus-grid-gray-color {
    color: rgb(32,33,37);
}

.orderstatus-grid-text-color {
    color: rgb(255,255,255);
}

.orderstatus-view-focus--text {
    color: rgb(106,55,0);
}

.orderstatus-grid-header {
    color: rgb(62,62,62);
}

.orderstatus-search-edit {
    color: rgb(76,79,86);
}

.orderstatus-grid-base {
    color: rgb(41,42,46);
}



.orderstatus-Side-buy {
    color: #627D18;
}

.orderstatus-Side-sell {
    color: #C8523F;
}

.orderstatus-Side-short-sell {
    color: #E08524;
}


.orderstatus--Positive-notion-background-color {
    color: #333730;
}

.orderstatus--Positive-notion-text-color {
    color: #627D18;
}

.orderstatus--negative-notion-background-color {
    color: #542225;
}

.orderstatus--negative-notion-text-color {
    color: #C8523F;
}


.orderstatus--order-received--text-color {
    color: #000000;
}

.orderstatus--order-received--background-color {
    color: #DDDFEB;
}

.orderstatus--order-amended---text-color {
    color: #000000;
}

.orderstatus--order-amended---background-color {
    color: #ECF1BA;
}

.orderstatus--part-done-text-color {
    color: #000000;
}

.orderstatus--part-done-background--color {
    color: #DDE9EB;
}

.orderstatus--default-text-color {
    color: #000000;
}



.Board-Toolbar-back-color {
    color: #3A3C46;
}

.Board-Toolbar-text-color {
    color: #FFFFFF;
}

.Board-PriceArea-back-color {
    color: #535560;
}

.Board-PriceArea-up-color {
    color: #005C13;
}

.Board-PriceArea-Down-color {
    color: #E32323;
}

.Board-PriceArea-text-color {
    color: #FFFFFF;
}

.Board-PriceArea-Change-text-color {
    color: #FFFFFF;
}

.Board-label-text-color {
    color: #A08E8E;
}

.PriceView-up-color {
    color: #73970F;
}

.PriceView-Down-color {
    color: #FF7965;
}

.PriceView-Change-text-color {
    color: #FFFFFF;
}

.PriceView-Light-text-color {
    color: #868665;
}



.trade-header-area-bg {
    color: #535560;
}


.trade-LABEL-COLOR {
    color: #FFFFFF;
}

.trade-VALUE-COLOR {
    color: #FFFFFF;
}

.trade-buy-BUTTON {
    color: #73970F;
}

.trade-sell-BUTTON {
    color: #FF7965;
}

.trade-submit-button-text {
    color: #FFFFFF;
}

.trade-buy-area-bg {
    color: #2D3A26;
}

.trade-sell-area-bg {
    color: #6A1D1D;
}

.trade-short-sell-BUTTON {
    color: #e08524;
}

.trade-short-sell-area-bg {
    color: #694a29;
}


.trade-order-confirmation-modal-window-body {
    color: #3A3C46;
}

.trade-order-confirmation-label-text {
    color: #A08E8E;
}

.trade-order-confirmation-value-text {
    color: #FFFFFF;
}

.trade-order-confirmation-buy-value-text {
    color: #73970f;
}

.trade-order-confirmation-sell-value-text {
    color: #ff7965;
}


.trade-price-boxes-top-text {
    color: #FFFFFF;
}

.trade-price-boxes-bottom-text {
    color: #999999;
}

.trade-price-boxes-bottom-up-text {
    color: #73970f;
}

.trade-price-boxes-bottom-down-text {
    color: #FF7965;
}


.trade-separator-line {
    color: #484848;
}

.trade-submit-button-border {
    color: #262626;
}

.editbox-background {
    color: #474951;
}

.control-board-color {
    color: #383838;
}


.open-position-view-base {
    color: rgb(58,61,70);
}

.open-position-view-button {
    color: rgb(41,42,46);
}

.open-position-view-header-text {
    color: rgb(250,250,250);
}

.open-position-grid-gray-color {
    color: rgb(32,33,37);
}

.open-position-grid-text-color {
    color: rgb(255,255,255);
}


.instrument-view-header-text {
    color: #FFFFFF;
}

.instrument-view-tree-text-color {
    color: #FFFFFF;
}

.instrument-view-tree-search-text-bkcolor {
    color: #FFFF00;
}

.instrument-view-tree-bkcolor {
    color: #292a2e;
}


.multiple-line-list-background {
    color: #292a2e;
}

.multiple-line-list-selected-background {
    color: #6a3700;
}

.multiple-line-list-text {
    color: #FFFFFF;
}

.multiple-line-list-selected-text {
    color: #FFFFFF;
}


.update-time-bar-text-color {
    color: #FFFFFF;
}

.update-time-bar-price-background {
    color: #0090F5;
}

.update-time-bar-order-background {
    color: #F17700;
}

.alert-pop-up-main-content {
    color: #202125;
}

select {
    color: #FFFFFF;
    border:1px solid #262626;
    -webkit-appearance: none; 
    -moz-appearance: none;
    appearance: none;
    background:  url(../../fonts/dropdown.png) no-repeat center right rgb(71,73,81);
}

input {
    color: #FFFFFF;
    border:1px solid #262626;
    background-color: rgb(71,73,81);
}

.table-type1 .th-style {
    color: #75c1ff;
}

.div-symbols > span {
    height: 24px;
    cursor: pointer;
    display: block;
    float: left;
    color: #FFFFFF;
    border:1px solid #262626;
    background-color: rgb(71,73,81);
    margin-left: 2px;
    padding: 3px 20px 0px 5px;
}

.div-symbols > span:after {
    height: 20px;
    position: absolute;
    content: "X";
    border:1px solid #262626;
    padding: 0px 3px;
    margin: -2px 0px 0px 3px;
}

.div-symbols > input {
    margin-left: 2px;
    padding-left: 5px;
    width: 80px;
    height: 24px;
    color: #FFFFFF;
    border:1px solid #262626;
    background-color: rgb(71,73,81);
}