[data-page="_global_login"][data-itemid="login-logo"] {
  font-size: 24px;
}




/* 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 */
}

.modal-content {
  width: 400px !important;
  height: auto !important;
  position: fixed;
  top: 180px;
  left: 50%;
  transform: translate(-50%, -50%);
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.3); /* Softer shadow for a modern look */
  border-radius: 12px;
  overflow: hidden;
  background: linear-gradient(135deg, #5b5b5b, #f7f7f7); /* Subtle gradient for a clean look */
  padding: 20px;
  font-family: 'Arial', sans-serif;
}

/* Add a subtle transition effect for smooth animations */
.modal-body {
  transition: all 0.3s ease-in-out;
}

/* Modern close button styling */
.modal-close {
  color: #888;
  float: right;
  font-size: 24px;
  font-weight: bold;
  margin-top: -10px;
  margin-right: -10px;
  cursor: pointer;
  transition: color 0.3s ease;
}

.modal-close:hover,
.modal-close:focus {
  color: #333;
  text-decoration: none;
}

/* Modern title styling */
.modal-title {
  font-size: 22px;
  color: #444;
  margin-bottom: 15px;
  text-align: center;
  font-weight: bold;
}

/* Modern body styling */
.modal-body {
  font-size: 16px;
  color: #555;
  line-height: 1.6;
  text-align: center;
  padding: 15px;
}

/* Modern footer styling */
.modal-footer {
  display: flex;
  justify-content: center;
  padding: 10px;
  background-color: #f9f9f9;
  border-top: 1px solid #eaeaea;
}

/* Button styling inside the modal */
.modal-content button {
  background-color: #6c6c6c;
  color: #ffffff;
  border: none;
  padding: 10px 20px;
  border-radius: 5px;
  font-size: 16px;
  cursor: pointer;
  transition: background-color 0.3s ease, transform 0.2s ease;
}

.modal-content button:hover {
  background-color: #2f2f2f;
  transform: scale(1.05); /* Slight zoom effect on hover */
}

/* Responsive design for smaller screens */
@media (max-width: 768px) {
  .modal-content {
    width: 90% !important;
    padding: 15px;
  }
}/* Put  your custom CSS code here */

:host {
    width: 235px !important;
}