.table-container {
      max-width: 900px;
      margin: auto;
      background: #fff;
      border-radius: 12px;
      box-shadow: 0 10px 25px rgba(0,0,0,0.1);
      overflow: hidden;
    }

    table {
      width: 100%;
      border-collapse: collapse;
      /*min-width: 600px;*/
    }

    thead {
      background-color: #2d6cdf;
      color: white;
    }

    th, td {
      padding: 16px 20px;
      text-align: left;
      /*color: white;*/
    }

    tbody tr:nth-child(even) {
      background-color: #f9f9f9;
    }

    tbody tr:hover {
      background-color: #eef3ff;
      cursor: pointer;
    }

    th:first-child, td:first-child {
      /*border-left: 5px solid #2d6cdf;*/
    }

    td.status {
      font-weight: bold;
    }

    td.status.active {
      color: green;
    }

    td.status.pending {
      color: orange;
    }

    td.status.inactive {
      color: red;
    }
    .settings-inner-blk table tbody tr td {
       padding: 31px;
       color: black ! !important;
     
   }

   .settings-inner-blk table thead tr{
    background-color: #020294;
   }