/*********************************************************************
****************************
*                          *
*                          *
*      Theming             *
*                          *
*                          *
****************************
*********************************************************************/

/** ENBD **/

.ENBD .CustomeGride > thead > tr{
background:#f7f8fa;
}

 .ENBD table.CustomeGride thead th .fa {
    color: #dee5eb !important;

}



/**********************************************************************/



.Gain {
    color: #e74c3c;
}

.Loss {
    color: #27ae60;
}

.NoChange {
    color: #1b3564;
}

.UpDirection {
    background: url("../img/Arrows/small-up.png");
    height: 20px;
    width: 20px;
}

.DownDirection {
    background: url("../img/Arrows/small-down.png");
    height: 20px;
    width: 20px;
}

.NoDirection {
    background: url("../img/Arrows/small-down.png");
    height: 20px;
    width: 20px;
}

.blink_me {
    -webkit-animation-name: blinker;
    -webkit-animation-duration: 0.7s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: 1;

    -moz-animation-name: blinker;
    -moz-animation-duration: 0.7s;
    -moz-animation-timing-function: linear;
    -moz-animation-iteration-count: 1;

    animation-name: blinker;
    animation-duration: 0.7s;
    animation-timing-function: linear;
    animation-iteration-count: 1;
}

@-moz-keyframes blinker {
    0% {
        background: #ffff00;
    }
    99% {
        background: #ffff00;
    }
    100% {
        background: inherit;
    }
}

@-webkit-keyframes blinker {
    0% {
        background: #ffff00;
    }
    99% {
        background: #ffff00;
    }
    100% {
        background: inherit;
    }
}

@keyframes blinker {
    0% {
        background: #ffff00;
    }
    99% {
        background: #ffff00;
    }
    100% {
        background: inherit;
    }
}

.CustomeGride {
direction:ltr;
border-bottom:1px solid	#e5e5e5;
}
		
			
	.CustomeGride .dropdown a{		
			
	    cursor:pointer;		
	}

.CustomeGride > thead > tr{
background:#cfe6f3;
}
table.CustomeGride thead th, table.CustomeGride thead td{
border-bottom:0 solid #87c1e2;	
}
table.CustomeGride.cell-border thead th,
table.CustomeGride.cell-border tbody td {
border-left-width:0;
border-right-width:0;
font-family:Arial, Helvetica, sans-serif;
}
table.CustomeGride.cell-border thead th{
text-align:left;	
}
table.CustomeGride.cell-border tbody td{
text-align:right;	
}
table.CustomeGride.cell-border tbody td.dataTables_empty{
text-align:center;
}
table.CustomeGride.cell-border.fixed-col thead th,
table.CustomeGride.cell-border thead th{		
	    line-height:14px;		
	max-height: 47px;		
	    height: 30px;
			color:#7e8b98;
		font-size:12px;
		border-bottom: 2px solid #e5e5e5;
		border-top: 1px solid #e5e5e5;
}
table.CustomeGride.cell-border thead th{
height:auto;	
}
table.CustomeGride.cell-border thead th{

border-left:0px solid #87c1e2;	
}
table.CustomeGride.cell-border thead tr th:first-child,
table.CustomeGride.cell-widthborder tbody tr td:first-child{

text-align:left;

}


table.CustomeGride.cell-border tbody th:last-child,
table.CustomeGride.cell-border tbody td:last-child {
    border-right: 2px solid #e5e5e5;
    border-top: 1px solid #e5e5e5;
}

table.CustomeGride thead th{
color:#003366;

 font-size:12px;
}
table.CustomeGride.no-footer{

border-bottom-color:#cfe6f3;	
}
table.CustomeGride.cell-border tbody th,
table.CustomeGride.cell-border tbody td,
table.CustomeGride.cell-border tbody th:last-child,
table.CustomeGride.cell-border tbody td:last-child{

border-top:0 solid #cfe6f3;
}
table.CustomeGride.stripe tbody tr.odd,
table.CustomeGride.display tbody tr.odd{

    background-color: #fff;
}
table.CustomeGride.display tbody tr.odd > .sort-bg,
table.CustomeGride.order-column.stripe tbody tr.odd > .sort-bg{

	 background-color: #f1f1f1;
}
table.CustomeGride.display tbody tr.even > .sort-bg,
table.CustomeGride.order-column.stripe tbody tr.even > .sort-bg{

   background-color: #f9f9f9;
}

table.CustomeGride.display tbody tr.odd > .sorting_1,
table.CustomeGride.order-column.stripe tbody tr.odd > .sorting_1{

	background-color:#fff;
}
table.CustomeGride.display tbody tr.even > .sorting_1,
table.CustomeGride.order-column.stripe tbody tr.even > .sorting_1{

background-color: transparent;
}
table.CustomeGride.hover tbody tr:hover,
table.CustomeGride.hover tbody tr.odd:hover,
table.CustomeGride.hover tbody tr.even:hover,
table.CustomeGride.display tbody tr:hover,
table.CustomeGride.display tbody tr.odd:hover,
table.CustomeGride.display tbody tr.even:hover,

table.CustomeGride.hover tbody tr.active,
table.CustomeGride.hover tbody tr.odd.active,
table.CustomeGride.hover tbody tr.even.active,
table.CustomeGride.display tbody tr.active,
table.CustomeGride.display tbody tr.odd.active,
table.CustomeGride.display tbody tr.even.active

 {
    background-color: #f7f7f7;
}
table.CustomeGride.cell-border tbody td{
color:#000;
font-size:11px;

border-bottom:1px solid #cfe6f3;

}

table.CustomeGride.cell-border tbody tr:last-child td{
border-bottom:0 solid transparent;
}
table.CustomeGride tbody tr > .SymbolName,
table.CustomeGride thead tr > .SymbolName{
text-align:left;
min-width:135px;
border-left-width:0;
}
table.CustomeGride tbody tr > .first-col,
table.CustomeGride thead tr > .first-col{

border-left-width:0;

}
table.CustomeGride tbody tr > .SymbolName > a{
display:inline-block;	
color:#3F9CD0;
float:left;
max-width:120px;
overflow:hidden;
cursor:pointer;
}

table.CustomeGride tbody tr > td > a > strong{

color:#000;
font-weight:normal;
line-height:25px;	
}
table.CustomeGride tbody tr > td > strong{
font-weight:normal;	
}
table.CustomeGride tbody tr > .SymbolName > a:hover{
text-decoration:none;
color:#2a6496;	
}
table.CustomeGride tr.child ul{
display:block;	
}

table.CustomeGride.cell-border tbody .child > td.child{
border-bottom:1px solid #cccbcb	;
 padding:20px 30px;
	border-top:1px solid #cccbcb;
}
table.CustomeGride.dtr-inline.collapsed tbody td:first-child::before, table.CustomeGride.dtr-inline.collapsed tbody th:first-child::before{
    border: 0 solid white;
    border-radius: 0;
    box-shadow: 0 0 0 #444;
	background-color:#0077b3;
}
table.CustomeGride.dtr-inline.collapsed tbody tr.parent td:first-child::before, table.CustomeGride.dtr-inline.collapsed tbody tr.parent th:first-child::before{
	background-color:#0077b3;	

}

table.dataTable.dtr-inline.collapsed tbody td:first-child::before, table.dataTable.dtr-inline.collapsed tbody th:first-child::before{
    left: 7px;
    top: 15px;	
}
.TableWrapper .setting-btn > .btn{
margin:0 -2px -1px 0;
border-color:#cccbcb;
}




.CustomeGridSetting > ul > li > form{
padding:0 15px 15px;
min-width:270px;	
}
.CustomeGridSetting > ul > li > form > .checkbox{
border-bottom:1px solid #ddd;
color:#666;
padding:7px 5px;
}


.CustomeGridSetting > ul > li > form >.reset{
background:#50bafc;
width:100%;
height:40px;
border-color:#50bafc;
color:#fff;
font-weight:bold;
  -webkit-box-shadow: 0 3px 0px rgba(0, 0, 0, .075);
          box-shadow: 0 3px 0px rgba(0, 0, 0, .075);	
}


.CustomeGridSetting > ul > li > form > .form-group > .btn-group > .btn{
	font-size:13px;
}

/*
 * Namespace DTCR - "DataTables ColReorder" plug-in
 */

table.DTCR_clonedTable {
	background-color: rgba(255, 255, 255, 0.7);
	z-index: 202;
}

div.DTCR_pointer {
	width: 1px;
	background-color: #0259C4;
	z-index: 201;
}
table.CustomeGride tbody tr > .SymbolName {
position:relative;
}
table.CustomeGride tbody tr > .SymbolName .action{
display:inline-block;
float:left;
margin:0 5px 0 0;	
}
table.CustomeGride tbody tr > .SymbolName div.dropdown{
float:right;
}
table.CustomeGride tbody tr > .SymbolName div.dropdown > a.action{
margin-right:0;
}
table.CustomeGride tbody tr > .SymbolName > .dropdown > a.action:hover{

}
table.CustomeGride tbody tr > .SymbolName > .dropdown .dropdown-menu,
table.CustomeGride thead tr > .grid-setting .dropdown-menu{
border-radius:0;
  min-width: 130px;	
}
table.CustomeGride tbody tr > .SymbolName > .dropdown .dropdown-menu > li > a {
    color: #428bca;
    display: block;
    font-size: 12px;
    padding: 5px 15px 5px 5px;
    position: relative;
}

table.CustomeGride tbody tr > .SymbolName > .dropdown .dropdown-menu > li > a:hover{
background:none transparent;
color: #2a6496;
}
table.CustomeGride tbody tr > .SymbolName > .dropdown .dropdown-menu > li > a > i{
  color: #ddd;
    font-size: 20px;
    margin-top: -10px;
    position: absolute;
    right: 0;
    top: 50%;	
}
table.CustomeGride tbody tr > .SymbolName > .dropdown .dropdown-menu > li{
margin:0 5px;
border-bottom:1px solid #ddd
}
table.CustomeGride tbody tr > .SymbolName > .dropdown .dropdown-menu > li:last-child{
border-bottom-width:0;	
}
table.CustomeGride tbody tr > .SymbolName > .dropdown .dropdown-menu:before,
.grid-setting .dropdown-menu:before{
position:absolute;
top:-7px;
right:0;
display:inline-block;
border-right:7px solid transparent;
border-bottom:7px solid #fff;
border-left:7px solid transparent;
border-bottom-color:rgba(0, 0, 0, 0.2);
content:''
}
table.CustomeGride tbody tr > .SymbolName > .dropdown .dropdown-menu:after,
.grid-setting .dropdown-menu:after{
position:absolute;
top:-6px;
right:1px;
display:inline-block;
border-right:6px solid transparent;
border-bottom:6px solid #fff;
border-left:6px solid transparent;
content:'';
}
table.CustomeGride tbody tr > .SymbolName > .dropdown .dropdown-menu{
left:auto;
right:0;	
}

table.CustomeGride.dtr-inline.collapsed tbody td:first-child, table.CustomeGride.dtr-inline.collapsed thead th:first-child{
border-right:1px solid #97c5df;
}
table.CustomeGride.dtr-inline.collapsed tbody td.child, table.CustomeGride.dtr-inline.collapsed tbody th.child{
border-right:0;
}
.grid-setting .dropdown-menu li {
    background: none repeat scroll 0 0 #fff;
    border-bottom: 1px solid #e7e7e6;
    clear: both;

    padding: 5px 10px ;

}
.grid-setting .dropdown-menu li:last-child{
border-bottom-width:0;	
}
.grid-setting .dropdown-menu li .checkbox {
margin:0;
padding-right: 30px;
}
.grid-setting .dropdown-menu li .checkbox > span{
	top:0;
    float: right;
    margin-top: -5px;
    position: absolute;
    right: 0;

}
.grid-setting .dropdown-menu li .checkbox > span > a{
position:relative;
display:block;
width:25px;
height:15px;
overflow:hidden;
}
.grid-setting .dropdown-menu li .checkbox > span > a > i{
position:absolute;
top:0;
right:0;
margin:0;
font-size:22px;
color:#ddd;	
}
.grid-setting .dropdown-menu li .checkbox > span > a:hover > i{
color:#337ab7;
}
.grid-setting .dropdown-menu li .checkbox > span > a.reorder-down > i{
top:-7px;
}
.grid-setting .dropdown-menu li:last-child .checkbox > span > a.reorder-down{
display:none;

}
.grid-setting .dropdown-menu li:first-child .checkbox > span > a.reorder-up{
display:none;

}
.grid-setting .dropdown-menu li:first-child .checkbox > span > a.reorder-down > i{
top:0;	
}
.grid-setting .dropdown-menu li:first-child .checkbox > span > a.reorder-down{
    margin-top: 3px;	
}
.grid-setting .dropdown-menu li:last-child .checkbox > span > a.reorder-up{
 margin-top: 3px;

}
.grid-setting .dropdown-menu li .checkbox label{
 color: #676766;
    font-size: 12px;
    

	
}
.grid-setting .dropdown-menu li.ui-sortable-helper{
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
          box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);	
}
.grid-setting .dropdown-menu li > a.delet-col{
color:#e21c41;
font-size:16px;
position:relative;
top:0;
display:inline-block;
padding: 3px 5px;
}
.grid-setting .dropdown-menu li > span.name-col{
   color: #676766;
    display: inline-block;
    font-size: 14px;
    font-weight: bold;
	border-left:1px solid #e7e7e6;
	padding-left:10px;
}
.grid-setting .dropdown-menu li > span.name-col > span{
display:block;
color:#439ed8;	
}
.grid-setting .dropdown-menu li i.fa-bars{
color:#e7e7e6;
float:right;	
margin-top:10px;
margin-left:15px;
}
.grid-setting .dropdown-menu ul{
margin-bottom:0;
cursor:default;
}	
.grid-setting .dropdown-menu .nano-content{
padding:0;	
}
table.CustomeGride.cell-border tbody td.red{
 color: #e74c3c;	
}
table.CustomeGride.cell-border tbody td.green{
color: #27ae60;	
}


table.CustomeGride.oneline tbody tr > td .action{
margin-top:3px;	
}


td,th {
    text-overflow: ellipsis;
    
    overflow: visible;

}
td{
white-space: nowrap;	
}
table.dataTable tbody th, table.dataTable tbody td {
    padding: 2px 5px;
}
table.dataTable thead th, table.dataTable thead td {
    padding:2px 8px 2px 5px;
}
table.dataTable thead th.sorting, table.dataTable thead td.sorting,
table.dataTable thead th.sorting_asc,
table.dataTable thead th.sorting_desc {
    padding: 2px 20px 2px 5px;
}

.reverse {
    top:auto;
    bottom:100%;
}
table.dataTable.display tbody tr:hover > .sorting_1, table.dataTable.display tbody tr.odd:hover > .sorting_1, table.dataTable.display tbody tr.even:hover > .sorting_1, table.dataTable.order-column.hover tbody tr:hover > .sorting_1, table.dataTable.order-column.hover tbody tr.odd:hover > .sorting_1, table.dataTable.order-column.hover tbody tr.even:hover > .sorting_1{
background-color:transparent;	
}
/*SHAIMAA*/
.dataTables_scrollHeadInner > table > tr > th:first-child{
    background: none transparent;
    border-right: 0;
    padding: 0;
    width: 0;
}
.dataTables_wrapper.no-footer .dataTables_scrollBody {
    border-bottom: 0 solid #ddd;
}
.DTFC_LeftBodyLiner > table.dataTable.no-footer {
border-top: 0;
    border-bottom: 0;

}
.dataTables_wrapper {
border-bottom: 1px solid #cccbcb;
    overflow: hidden;
}
.DTFC_LeftBodyLiner {
    overflow: hidden;
}

table.CustomeGride.fixed-col tbody tr > .SymbolName > a {
text-align: left;
}


/*END SHAIMAA*/
.grid-setting {
    display: block;
    max-height: 200px;
    overflow-y: auto;
    position: relative;
}
.grid-setting > a {
    left: 5px;
    position: absolute;
    top: 8px;
    z-index: 1;
}
.grid-setting .open > .dropdown-menu{
margin-top:28px;
border-radius:0;	
}
table.CustomeGride.cell-border.fixed-col thead th:first-child{
padding-left:20px;
border-left:1px solid #ddd;	
}
table.CustomeGride.cell-border thead th:first-child{
border-left:1px solid #ddd;		
}
.grid-setting .dropdown-menu{
margin-top:35px;
border-radius:0;
}
.symbol-grid table.CustomeGride.cell-border thead tr th:first-letter
 {
text-transform: uppercase;
}

/*shaimaa 5 /12 */
.th-twoline.grid-setting > a {
    top: 6px;
}
/*border*/
table.CustomeGride.cell-border tbody tr td{
border-left:1px solid #e5e5e5;
height:15px;	
}
table.CustomeGride.cell-border tbody td{
border-bottom-color:#e5e5e5;	
}
table.CustomeGride.cell-border thead th {
    border-left: 1px solid #e5e5e5;
}
table.CustomeGride.cell-border tbody td.text-left {
    text-align: left;
}
table.CustomeGride.cell-border tbody td.text-center {
    text-align: center;
}
table.CustomeGride.cell-border.action-col tbody tr td:first-child{
padding-left:20px;	
}
.action-grid-main .dropdown .dropdown-menu:before{
position:absolute;
top:-7px;
left:4px;
display:inline-block;
border-right:7px solid transparent;
border-bottom:7px solid #fff;
border-left:7px solid transparent;
border-bottom-color:rgba(0, 0, 0, 0.2);
content:''
}
.action-grid-main .dropdown .dropdown-menu:after{
position:absolute;
top:-6px;
left:5px;
display:inline-block;
border-right:6px solid transparent;
border-bottom:6px solid #fff;
border-left:6px solid transparent;
content:'';
}
.action-grid-main .dropdown .dropdown-menu,
.action-grid-main .grid-setting .dropdown-menu{
border-radius:0;
	
}
.action-grid-main .dropdown .dropdown-menu > li > a {
    color: #428bca;
    display: block;
    font-size: 12px;
    padding: 5px 15px 5px 5px;
    position: relative;
}

.action-grid-main .dropdown .dropdown-menu > li > a:hover{
background:none transparent;
color: #2a6496;
}
.action-grid-main .dropdown .dropdown-menu > li{
margin:0 5px;
border-bottom:1px solid #e5e5e5
}
.action-grid-main .dropdown .dropdown-menu > li:last-child{
border-bottom-width:0;	
}
.disabled{
cursor:not-allowed; 
}
.disabled i.fa.fa-ellipsis-v{
color:#e5e5e5;
}
.scrollbar::-webkit-scrollbar
{
    width: 6px;
    background-color: #000000;
}
 
.scrollbar::-webkit-scrollbar-thumb
{
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
    background-color: #FFFFFF;
}
.dataTables_scrollHead table.CustomeGride.cell-border.fixed-col {
border-bottom:0;
}
table.CustomeGride.cell-border.fixed-col.border-none{
    
    border-left-width: 0;
    border-right-width: 0;
    border-top-width:0;	
}


table.dataTable thead th, table.dataTable tfoot th{
font-weight:normal;	
}
table.CustomeGride.cell-border.fixed-col thead th:last-child{
border-right:1px solid #ddd;	
}
table.CustomeGride.cell-border thead th:last-child {
    border-right: 1px solid #e5e5e5;
}
@media (max-width: 600px) {
table.CustomeGride tbody tr > .SymbolName > .dropdown{
position:static;
}
}


/*******************************popover*/

.popover-content .grid-setting li {
    background: none repeat scroll 0 0 #fff;
    border-bottom: 1px solid #e7e7e6;
    clear: both;

    padding: 7px 0;

}
.popover-content .grid-setting li:last-child{
border-bottom-width:0;	
}
.popover-content .grid-setting li .checkbox {
margin:0;
padding-right: 100px;
}
.popover-content .grid-setting li .checkbox > span{
	top:0;
    float: right;
    margin-top: -5px;
    position: absolute;
    right: 0;

}
.popover-content .grid-setting li .checkbox > span > a{
position:relative;
display:block;
width:25px;
height:15px;
overflow:hidden;
}
.popover-content .grid-setting li .checkbox > span > a > i{
position:absolute;
top:0;
right:0;
margin:0;
font-size:22px;
color:#e5e5e5;	
}
.popover-content .grid-setting li .checkbox > span > a:hover > i{
color:#337ab7;
}
.popover-content .grid-setting li .checkbox > span > a.reorder-down > i{
top:-7px;
}
.popover-content .grid-setting li:last-child .checkbox > span > a.reorder-down{
display:none;

}
.popover-content .grid-setting li:first-child .checkbox > span > a.reorder-up{
display:none;

}
.popover-content .grid-setting li:first-child .checkbox > span > a.reorder-down > i{
top:0;	
}
.popover-content .grid-setting li:first-child .checkbox > span > a.reorder-down{
    margin-top: 3px;	
}
.popover-content .grid-setting li:last-child .checkbox > span > a.reorder-up{
 margin-top: 3px;

}
.popover-content .grid-setting li .checkbox label{
 color: #676766;
    font-size: 12px;
	white-space:nowrap;	
}

.popover.bottom {
    margin-top: 13px;
}
.popover > .arrow:after {
    right: -6px;
}
.popover.bottom > .arrow {

    top: -7px;
}
.popover-content .btn-group {
    position: absolute;
    right: 0;
    width: 63px;
	text-align:right;
	    top: -3px;
}
.popover-content .btn.btn-default {
    height: auto;
    padding: 0 8px;
	 border-color: #efefef;
}
.popover-content .btn.btn-default i {
    color: #ddd;
    font-size: 22px;
    margin: 0;
}
.popover-content .btn.btn-default:hover i{
 color: #337ab7;	
}