.content-wrapper {
    /* margin-left: 250px !important; */
    padding: 10px;
}
table {
    border: 1px solid black;
    width: 100%;
    border-collapse: collapse;
    margin: 10px;
}

th, td {
    border: 1px solid rgb(9, 0, 0) !important;
    padding: 8px;
    text-align: left;
}

thead {
    background-color: blue;
    color: white;
   
}

/* Default for required fields */
input:required,
select:required {
  border-left: 10px solid red;
  padding-right: 25px; /* space for tick mark */
}

/* Red border if invalid */
input:invalid,
select:invalid {
  border-left: 10px solid red;
}

/* Green border and tick when valid */
input:valid,
select:valid {
  border-left: 10px solid green;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="green" viewBox="0 0 16 16"><path d="M13.485 1.929a1 1 0 0 1 0 1.414L6.414 10.414a1 1 0 0 1-1.414 0L2.515 7.929a1 1 0 0 1 1.414-1.414L6 8.586l6.071-6.071a1 1 0 0 1 1.414 0z"/></svg>');
  background-repeat: no-repeat;
  background-position: right 5px center;
  background-size: 16px;
}


/* pagination link css=======================================================  */


.pagination>li {
    display: inline-block; /* Display list items as inline-block */
    margin: 0 5px; /* Add some spacing */
    padding: 5px 10px;
    border: 1px solid #ddd;
    border-radius: 5px;
    text-align: center;
    cursor: pointer;
    background-color: #f9f9f9;
    transition: background-color 0.3s ease;
    font-weight: bold;
    color: red !important;
    a {text-decoration: none;}
}

.pagination>li.active {
    display: inline-block; /* Display list items as inline-block */
    margin: 0 5px; /* Add some spacing */
    padding: 5px 10px;
    border: 1px solid #ddd;
    border-radius: 5px;
    text-align: center;
    cursor: pointer;
    background-color:rgb(253, 11, 11);
    transition: background-color 0.3s ease;
    font-weight: bold;
    a {color: white !important;}
}