﻿.etp_grid .grid-header {
    background-color : #1B1B37;
    text-align : center;
    height : 25px;
}
.etp_grid .grid-header a {
    color : white;
}
.etp_grid table thead tr th i {
    margin: 0em 0.5em 0 0.5em;
}

.etp_grid  .table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
    padding: 10px;
}
.etp_grid .table > tbody > tr > td {
    color : #3e3e3e;
    text-align: center;
    vertical-align: middle;
}

.etp_grid table > tbody > tr > td span.etp_column_error,
.etp_grid table.grid-table td.etp_column_error  {
    color: #dc1c1c;
}

.etp_grid table > tbody > tr > td span.etp_column_warning {
    color: #E69A40;
}

.etp_grid table > tbody > tr > td span.etp_column_success {
    color: #58AD5E;
}

.etp_grid table thead th, table tbody td { 
  padding: .8rem;
}
.etp_grid table tbody td { 
  padding: .8rem;
}
.etp_row_clickable {
    cursor: pointer;
}

.etp_grid table.grid-table .grid-header > .grid-header-title{
    margin-right: 0;
    white-space: inherit;
    border-radius: 50%;
}
/*.etp_grid_responsive table tbody tr:not(:last-child) { 
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;  
}*/

.etp_grid .grid-header {
    color:#fff
}
.etp_grid .panel {
    background-color: transparent;
}
 .etp_grid table.grid-table tr.grid-row-selected td {
    background-color: inherit !important;
}

 .etp_grid table.grid-table tr.grid-row-selected a {
    color: #3C91CB;
}

@media screen and (max-width: 1200px) {
    .etp_grid.etp_grid_responsive td a {
    color: #3C91CB;
}
   
.etp_grid.etp_grid_responsive table.grid-table tr.grid-row-selected a td.etp_td_selected{
    color: white;
    background-color : #1B1B37; 
}
 .etp_grid.etp_grid_responsive table caption { background-image: none; }
 .etp_grid.etp_grid_responsive  table thead { display: none; }
 .etp_grid.etp_grid_responsive  table tbody td.grid-cell.etp_hidden { 
    display: none; 
  }
 .etp_grid.etp_grid_responsive  table tbody td.grid-cell { 
    display: block;
     min-height: 3em;
  }
    .etp_grid.etp_grid_responsive table tbody td.grid-cell[data-name="UserName"] {
        background-color: #1B1B37;
        color: white;
    }
  .etp_grid.etp_grid_responsive table tbody tr td:first-child:not(.etp_td_details) { 
    background: #1B1B37 !important;
    color: white; 
  }


	.etp_grid.etp_grid_responsive table tbody td:before { 
    content: attr(data-name); 
    font-weight: bold;
	float: left;
    width: 50%;  
  }
}

@media screen and (max-width: 1240px) {
	.etp_grid.etp_grid_responsive table {
           margin: 0 auto;
         border-collapse: collapse;
         color: #fff;
         text-rendering: optimizeLegibility;
         border-radius: 5px; 
	}

}
/*.etp_grid #etp_grid_warrants table.grid-table tr.grid-row-selected td {
    background: #607994 !important;
}*/
.etp_grid .table-striped > tbody > tr:nth-child(odd of :not([hidden])) {
    background-color: white;
}
.etp_grid .table-striped > tbody > tr:nth-child(even of :not([hidden])) {
    background-color: #E4E9EF;
}

.etp_grid .table-striped.etp_product_grid > tbody > tr:nth-child(4n+3) {
    background-color: #E4E9EF;
}

.etp_grid .table-striped.etp_lambda_grid > tbody > tr:nth-child(4n+3) {
    background-color: #E4E9EF;
}

.etp_panel_row {
    background-color: transparent;
    max-height: 10px;
}
a.panel-heading {
    padding: 0px;
}

@media screen and (max-width: 1100px) {
    .etp_grid.etp_grid_responsive table tr .grid-row {
        display: table-row;
    }
}
.etp_grid_panel {
    position: static;   
}
@media screen and (max-width: 1200px) {
    .etp_row_clickable {
        cursor: default;
    }
  .etp_grid.etp_grid_responsive  table.etp_product_grid tbody td.grid-cell[data-name="Isin"],
  .etp_grid.etp_grid_responsive.etp_flows_grid  table tbody td.grid-cell[data-name="Type"] {
     background-color: #1B1B37 !important;
     color: white;
 }
}

.etp_loading, .etp_grid_dark .table > tbody > tr.etp_loading > td {
    color: #1B1B37;
    background-color: #fff;
    text-align: center;
}