body {
      font-family: 'Poppins', sans-serif;
      background-color: #f4f4f4;
      padding: 20px;
    }
    

    h2 {
      text-align: center;
      margin-bottom: 30px;
      font-weight: 600;
    }

    .table-responsive h4 {
      font-family: 'Poppins';
    }
.view{
    padding-top: 50px;
}

.view h2.mb-4 {
    color: #323232;
}

    .table {
      background: #f6ffe8;
      font-size: 15px;
      margin-bottom: 0;
      width: 100% !important;
      overflow: auto;
      margin-top: 30px !important;
      margin-bottom: 30px !important;
    }

    table thead tr th {
      white-space: nowrap;
      position: sticky;
      top: -10px;
      vertical-align: middle;
      background-color: #415041 !important;
      border: 3px solid white;
      color: #ededed !important;
    }

    table tr:nth-child(even) {
      background-color: #e5f5cc;
    }

    table thead tr th p {
      margin: 0 !important;
      font-size: 14px;
      color: #432d0f;
      text-align: left;
      line-height: 1.3;
    }

    table tbody tr td p {
      margin: 0 !important;
      text-align: left;
      line-height: 1.4;
      color: #404040;
      font-size: 14px;
      font-weight: 600;
      font-family: 'Quicksand';
    }

    table tbody {
      background-color: #f6ffe8;
    }

    table tbody tr td {
      vertical-align: middle;
      border: 3px solid white;
      padding: 0.3rem 0rem !important;
      padding-left: 5px !important;
      color: #000000;
    }

table tbody tr td span.pdf{
    font-size: 30px;
    line-height: 1px;
    color: #ff0000 !important;
}

table tbody tr td span.text-none {
    font-size: 11px;
    line-height: 1px;
    /* display: none; */
}

table tbody tr td a {
    text-decoration: none;
    color: #404040;
    display: flex;
    align-items: center;
}

    .table > tbody > tr > th {
      background-color: #cbe4a5;
      text-align: left;
      border: 3px solid white;
    }

    .table > tbody > tr > th > p {
      font-size: 15px;
      margin-bottom: 0px !important;
      color: black;
    }

    table tr td:hover {
      background: #222222;
      color: white;
      cursor: pointer;
    }

    table tr td:hover > p {
      color: white;
    }

    table tr th:hover {
      background-color: #222222 !important;
    }

    table tr th:hover > p {
      color: antiquewhite;
    }