/* Custom styles Base */
body{
    padding-top: 5em;
   
}
.navbar{
    background-color: #343a40;
}
.navbar-brand nav-link{
    color: #fff !important;
    
}

.nav-link {
    font-size: 1.3em !important;
    
}
.container{
    margin-top: 0.5em;
}
.small-text{
    font-size: 0.8em !important;	
}
/*Tables*/

table th, .table td{
    vertical-align: middle;
}
thead th{
    background-color: #343a40;
    font-weight: bold !important;
    font-size: 1.2em !important;
    font-family: 'Courier New', Courier, monospace;
    text-decoration: underline; 
}


/* Custom styles Dashboard */
.img-fluid {
    max-height: 150px;
}
.text-center h5 {
    font-size: 1.2em;
}

/*Hovering effects in forms */
.hover-bg:hover {
    background-color: #575651; /* Choose your hover color */
}
li {
    list-style: none; /* Remove bullet points */
    transition: background-color 0.3s ease; /* Smooth transition */
}

/* Change background color on hover-desktop */
li:hover {
    background-color: #f0f0f08f;
}
/* Change background color on hover-mobile */
li:active {
    background-color: #f0f0f08f;
}

/* Remove text underline on the link */
li a {
    text-decoration: none;
    color: inherit; /* Inherit color from <li> */
    display: block; /* Make <a> fill the entire <li> */
}