/* loader */
.body_overlay{
background-color:#9c9c9c;
position: fixed;
width: 100%;
height: 100%;
z-index: 1000;
top: 0px;
left: 0px;
opacity: .5; /* in FireFox */
filter: alpha(opacity=50); /* in IE */
pointer-events:none;
}
.custom_loading{
position:absolute;
border:1px solid lightgray;
background-color:white;
z-index:99999;
padding:20px 50px;
font-size:14px;
}
/* end loader */

/* selected row color */

.rnr-dbselectedrow.rnr-dbselectedrow.rnr-dbselectedrow.rnr-dbselectedrow.rnr-dbselectedrow.rnr-dbselectedrow {
  background-color: #848470 !important;
  color: #C8C8C8;
}
/* end selected row color */


/* The Modal (background) */
.my_modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 1; /* Sit on top */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

.my_modal-content {
 /* background-color: #fefefe;
  margin: 15% auto; 
  padding: 20px;
  border: 1px solid #888;
  width: 80%;  */
    width:75px;
    height:75px;
    position:fixed;
    top:50%;
    left:50%;
}

/* */

/* Pagination */
.pagination {
  display: flex;
  justify-content: center;
  padding: 8px 0;
}

.pagination li {
  margin: 0 5px;
}

.pagination li a {
  color: #ffb300;
  text-decoration: none;
  padding: 6px 9px;
  border: 1px solid #dee2e6;
  border-radius: 5px;
  transition: background-color 0.3s ease, color 0.3s ease;
}

.pagination li a:hover {
  background-color: #007bff;
  color: #ffffff;
}

/* end Pagination */



/* Modernized tbody grid styles */

/* General table styling */
table {
  width: 100%;
  border-collapse: collapse;
  margin: 2px 0;
  font-size: 14px;
  font-family: 'Roboto', sans-serif;
  background-color: #ffffff;
  border-radius: 7px;
  overflow: hidden;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

/* Set color for all grid fields */
[data-itemtype="grid_field"] {
  color: #C3C3C3;
}
	

/* Table header styling */
table thead th {
  background-color: #626262;
  color: #ffaa01;
  text-align: left;
  padding: 1px;
  /*font-weight: bold;
  border-bottom: 2px solid #dee2e6;*/
}

/* Table body styling */
table tbody tr {
  border-bottom: 1px solid #dee2e6;
  transition: background-color 0.3s ease;
}

table tbody tr:nth-child(even) {
  background-color: #f8f9fa; /* Light gray for alternating rows */
}

table tbody tr:hover {
  background-color: #e9ecef; /* Slightly darker gray on hover */
}

table tbody td {
  padding: 2px;
  color: #333;
  font-size: 14px;
  text-align: left;
}

/* Highlight specific rows or cells */
table tbody tr.selected {
  background-color: #d1ecf1; /* Light blue for selected rows */
  color: #0c5460;
}

table tbody td.highlight {
  background-color: #fff3cd; /* Light yellow for highlighted cells */
  color: #856404;
}

/* Responsive design */
@media (max-width: 768px) {
  table {
    font-size: 14px;
  }

  table tbody td {
    padding: 2px;
  }
}

/* end Modernized tbody grid styles */


  

/**/
.form-section {
    border-radius: 8px !important;
}

/* tabs */
[data-itemtype="dashboard-item"].tabelement .panel-heading{
    background: none;
    border: none;
}
[data-itemtype="dashboard-item"].tabelement .panel-heading .rnr-dbebrick{
    color:#337ab7;
}
[data-itemtype="dashboard-item"].tabelement .panel-heading .rnr-dbebrick .btn{
    background: #337AB7;
    color: white;
}
/* end tabs */


[data-cellid="above-grid_c2"]{
    color:#337ab7;
    font-size: 16px;
}