@import 'tailwindcss/base';
@import 'tailwindcss/components';
@import 'tailwindcss/utilities';
.nav-heading{
    font-size: 18px;
    color: rgb(55, 255, 0);
    font-weight: bolder;
}
.fontawsome-white{
    color: gold;
    padding: 5px;
    display: inline-block;
}
.view-button{
    background-color: #ffc500;
    color: #000000;
    padding: 3px;
    border-radius: 5px;
    
}
.view-button2{
    background-color: #938d78;
    color: #000000;
    padding: 3px;
    border-radius: 5px;
    
}
.view-button3{
    background-color: #8f7190;
    color: #000000;
    padding: 3px;
    border-radius: 5px;
    
}
.view-button4{
    background-color: #f33a06;
    color: #000000;
    padding: 3px;
    border-radius: 5px;
    
}

.alert.alert-danger {
    color: white;
    background-color: red;
}


.submenu {
    display: none;
  }
  .submenu.active {
    display: block;
  }

  .submenu .nav-link {
    background-color: rgb(255 255 255 / 0%) !important; /* Disable pointer events for submenu items */
  }

.small-text {
    font-size: 12px;
    color: #888;
    display: block;
    margin-top: 5px; /* Adjust this value for proper spacing */
 }