.DataGrid {
	font-size: 9pt !important;
	color: #000000 !important;
	width: auto;
	border-spacing: 0 !important;
	background-color: #fff !important;
	Border-radius: 10px;
	box-shadow: inset 0 4px 8px 0 rgba(0, 0, 0, 0.1), 0 6px 20px 0 rgba(0, 0, 0, 0.18);
	overflow: hidden !important;
}

.DataGrid tbody tr:nth-child(2n+1), .DataGrid tbody tr:nth-child(2n+1) .DataGrid {
  background: #f2f2f2 !important;
}

.DataGrid thead tr{
	position: sticky;
	z-index: 2;
	top: 0;
	background-color: var(--cor003) !important;
  color: white;
  text-transform: uppercase;
}

.DataGrid th {
	background-color: var(--cor003) !important;
  box-shadow: unset;
  color: white !important;
	text-align: left !important;
}

/* .DataGrid th:last-child{ */
	/* padding-right: 10px; */
/* } */

.DataGrid th span{
	text-align:left !important;
	width: 100%;
  display: inline-block;
	white-space: nowrap;
}

.DataGrid tr {
  box-shadow: unset;
  border-radius: unset;
}

.DataGrid .DescGrid{
	margin-top:-7px;
}

.DataGrid a {
  color: black;
}

.DataGrid .top td{
  vertical-align: top;
  padding-top: 5px;
}

.DataGrid td .iconObjeto a{
	text-decoration:none;
	color:#505050;
}

.DataGrid tbody span,.DataGrid tbody .ReadonlyAttribute{
	color: #000000;
}

.DataGrid tbody tr:hover{
	background-color: #eaeaea !important;
}

td:has(> a[style*="display:none"]) {
    padding: 0px;
}

.DataGrid th {
	padding-right: 10px;
	padding-left: 10px;
}

.DataGrid tbody td{
	/* padding: 10px; */
	padding-right: 10px;
	padding-left: 10px;
	height: 39px;
}

.DataGrid tbody .Attribute {
  background-color: transparent;
  border-color: gainsboro;
  padding: unset;
	padding-left: 5px;
	border:0px;
	width: 150px;
}

table.DataGrid tr:hover .Attribute{
	outline:1px solid;
}

.DataGrid input[type="checkbox"]{
	text-align: center !important;
	margin-right: 5px;
}

.DataGrid .Image{
  height: 25px !important;
  border: 1px solid var(--cor001);
  margin-top:unset;
  background: linear-gradient(180deg, #fcfdfd, #cad0d5);
  border-radius: 5px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.DataGrid .Image[src$="Invisivel.JPG"]{
	display: none !important;
}

.DataGrid .Image:hover{
  background: linear-gradient(180deg, #fcfdfd, #b1d4f1);
  box-shadow: 2px 2px 2px #b1d4f1;
}

.DataGrid .Image:active{
  background: linear-gradient(180deg, #fcfdfd, #1e93f5);
  box-shadow: 2px 2px 2px var(--cor001);
}

.DataGridTitle {
	white-space: normal !important;
}

table.DataGrid tr:hover td .fadeGray{
	color: black !important;
}

.vStatus{
	padding: 8px !important;
	display: inline-block;
  margin-right:5px;
	margin-left:10px;
  border-radius: 100%;
	box-shadow: 1px 2px 3px 1px #817676a8, inset 1px 2px 3px #ffffff7d;
  border: 1px solid #444a5e5e;
}

.vVermelho{
	background-image: radial-gradient(red, #950c0c);
}

.vAzul {
	background-image: radial-gradient(#4057fd, #087fa3);
}

.vVerde {
	background-image: radial-gradient(#02bb00, #035415);
}

.vAmarelo{
	background-image: radial-gradient(#ffb440, #9d9800);
}

/* .material-icons */

.DataGrid .material-icons a{
	text-decoration: none;
}

.DataGrid .material-icons,.DataGrid .iconOutline{
	font-family: 'Material Icons' !important;
	font-size: 20px !important;
	padding: 0px;
	margin: -2px;
	margin-left: 5px;
  margin-right: 5px;
}

.DataGrid td span a .material-icons,
.DataGrid a .material-icons .iconOutline,
.DataGrid td .iconObjeto{
	text-decoration:none;
	outline: 1px solid var(--cor001);
	background: linear-gradient(180deg, #fcfdfd, #cad0d5);
	color: #3f3f3f !important;
	border-radius: 5px;
	text-align: center;
	box-shadow: 2px 2px 5px #000000d6;
}

.DataGrid td a > span.material-icons {
	text-align: center;
}

.gx-row-selected {
	outline: 3px solid var(--cor003);
	background-color: transparent !important;
}

.gridBancoLogo{
	height:14px;
	line-height:17px;
	vertical-align:middle;
}
/* .gx-row-selected td, */
/* .gx-row-selected td span, */
/* .gx-row-selected td span font { */
  /* color: #000 !important; */
/* } */

/* .gx-row-selected a { */
    /* color: #000 !important; */
/* } */

/* .gx-row-selected .ReadonlyAttribute { */
  /* color: white; */
/* } */

/* .gx-row-selected:hover .ReadonlyAttribute { */
  /* color: black; */
/* } */

.gt{
  white-space: nowrap;
}

.DataGridFooter, .GridFooter {
  border-top: 1px solid var(--cor003) !important;
  text-align: left !important;
  padding-bottom: unset !important;
  padding-top:5px;
  background-color: #f5f5f5 !important;
}

.tab-box-shadow {
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

.dGrid span{
	padding-left:0px !important;
}

.dGrid{
	margin-bottom:10px;
	margin-left:10px;
	margin-right:10px;
}