/**
 * All of the CSS for your admin-specific functionality should be
 * included in this file.
 */
tbody {
    display: block !important;
    max-width: 600px;
    background: #fff;
    padding: 30px;
    border-radius: 20px !important;
}

table.form-table {
    display: block !important;
}

.form-table tr {
    display: block !important;
}

.form-table th {
    display: block !important;
    padding-bottom: 0px;
}

.form-table textarea {
    width: 100%;
}

.form-table td {
    padding: 5px 0px 20px 0px;
}
tr.hide {
    display: none !important;
}

.supportforms li {
	padding: 4px 10px;
    border-inline-end: 1px solid #cfd1cf;
}
.supportforms li:before {
	content: "";
    display: inline-block;
    background: #39b54a;
    margin-inline-end: 5px;
    height: 10px;
    width: 10px;
    border-radius: 50%;
    border: 2px solid #fff;
    -webkit-box-shadow: 0 2px 4px rgb(0 0 0 / 10%);
    box-shadow: 0 2px 4px rgb(0 0 0 / 10%);
    position: relative;
    top: 3px;
  }
.errorMessage{
    background: #dd4337;
    color:white;
    padding:4px 10px;
    border-radius: 5px;
    margin: 10px 5px;
    display: inline-block;
}

.your-popup-class {
    width: 60%;
    position: fixed; /* Keep the popup positioned */
    top: 50%; /* Center vertically */
    left: 60%; /* Center horizontally */
    transform: translate(-60%, -50%); /* Offset to center */
    background-color: #fff; /* Set background color */
    padding: 20px; /* Add padding */
    border: 1px solid #ddd; /* Add border */
    border-radius: 5px; /* Add rounded corners */
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); /* Add shadow */
    display: none; /* Hide popup by default */
  }
  
  .your-popup-class.active { /* Style the popup when active */
      display: block; /* Show the popup */
      z-index: 999; /* Bring the popup to the front */
      border: 8px solid #87cbc0;
  }
  
  .close-popup {
      float: right; /* Position the close button */
      cursor: pointer; /* Indicate clickable behavior */
      font-size: 20px; /* Set font size */
      font-weight: bold; /* Set font weight */
      color: #ccc; /* Set close button color */
      background-color: transparent; /* Remove default background */
      border: none; /* Remove default border */
      position: absolute;
      right: -3px;
      top: 0;}
  
  .close-popup:hover {
    color: #333; /* Change color on hover */
  }
  .data-array-here {
      background: #eee;
      padding: 10px;
      border-radius: 5px;
      height: 80vh;
      overflow: scroll;
  }
  .data-array-here ul,.data-array-here ul li{
    list-style: disc;
    list-style-position: inside;
  }
  .data-array-here ol,.data-array-here ol li{
    list-style-type: decimal;
    list-style-position: inside;
  }
  #popup-background {
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background-color: rgba(0, 0, 0, 0.5); /* Semi-transparent black */
      z-index: 1; /* Behind other elements */
      display: none; /* Initially hidden */
  }
  @media (max-width: 966px){
    .your-popup-class{
      width: 80%;
    }
  }
  .log-warp tbody {
      max-width: 100%;
  }
  .enudge_log{
    width: 80%;
    border-collapse: collapse;
    padding: 20px 0;
  }
  .enudge_log th{
    border: 1px solid #333;
    padding: 5px;
  }
  .enudge_log td{
    width:20%;
    max-width: 500px;
    overflow-y: auto;
    border: 1px solid #333;
    padding: 5px;
    text-align: start;
  }