.nav-item

table{
    table-layout: fixed;
}

table thead{
     background-color: #04275f;
     color: #ffffff;
 }
 
 .detail-field{
     margin-bottom: 20px;
 }
 
 .pagenation{
     display:flex; 
     justify-content: center; 
     margin: 10px;
 }

 .pagenation p{
     margin: 5px;
     border: 1px solid #ccc; 
     color: #333; 
     border-radius: 5px; 
     width:30px; 
     text-align: center;
     background-color: #fff;
 }
 
 .pagenation a{
     margin: 5px;
     border: 1px solid #ccc;
     text-decoration: none;
     color: #fff;
     border-radius: 5px;
     width:30px;
     text-align: center;
 }
 
 .pagenation a:hover{
     background-color: #04275f;
     color: #fff;
 }
 
 .resume a{
     text-decoration: none;
     border: 1px solid #ccc;
     border-radius: 5px;
     text-align: center;
     color: #333
 }
 
 .resume a:hover{
     background-color: #04275f;
     color: #fff;
 }
 
 .image-detail{
     display: flex;
     justify-content: center;
     align-content: center;
 }
 
 .dropdown-menu.dropleft{
     left: auto;
     right: 0%;
     text-align: end;
 }
 
 .badge {
  display: inline-block;
  padding: 0.25em 0.4em;
  font-size: 75%;
  font-weight: 700;
  line-height: 1;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25rem;
}

.badge-pill {
  padding-right: 0.6em;
  padding-left: 0.6em;
  border-radius: 10rem;
}
 
 .badge-success {
  color: #FFF;
  background-color: #28a745;
}

.badge-warning {
  color: #fff;
  background-color: #c00;
}

.badge-pending {
    color: #212529;
    background-color: #ffc107;
}