body {
              background-color:gainsboro;
           padding-top: 0px; /* Adjust this based on your navbar height */
            display: flex;
            flex-direction: column;
            justify-content: space-between; /* Space out children */
        }
        .navbar {
            /* Adding shadow */
            box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
            border-bottom: 3px solid white; /* Change to your desired border color */
        }
        .gradient-navbar {
            background: linear-gradient(45deg, tomato, tomato); /* Change colors as needed */
            color: white; /* Text color */
            font-style: bold;
        } 
        .nav-link{
            color: white;
        }  
        .navbar-toggler-icon {
    background-image: none; /* Remove default Bootstrap icon */
    background-color: white; /* Make the icon white */
    mask-image: url("data:image/svg+xml;charset=UTF8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3E%3Cpath stroke='black' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E"); /* Default Bootstrap menu icon */
    -webkit-mask-image: url("data:image/svg+xml;charset=UTF8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3E%3Cpath stroke='black' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
}

  .navbar-toggler {
    border-color:rgb(255, 255, 255);
  }
  .navbar-nav .nav-link:hover {
    color: dimgray !important; /* Change to your preferred color */
}
 strong {
    color: white;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.7); /* Darker and more blurred */
}
.modal-title {
    color: tomato; /* Bootstrap Primary Blue */
  }
  
  .table td {
    height: 50px; /* Adjust as needed */
    vertical-align: middle; /* Ensures text is vertically centered */
}

 .tomato-bg {
    background-color: tomato;
  }
   .custom-modal-width {
    max-width: 800px;
    width: 50%;
  }
  .hr-dashed {
  border: 0;
  border-top: 1px dashed #ccc;
  margin: 1rem 0;
}