/* time-tracker/css/style.css */

body {
    font-family: Arial, sans-serif;
    background-color: #f8f9fa; /* Light grey background */
}

h1, h2, h3 {
    color: #343a40; /* Dark text for headings */
}

.container {
    padding-top: 20px;
    padding-bottom: 20px;
}

/* Custom styles to enhance the tables */
.table-striped > tbody > tr:nth-of-type(odd) > * {
    background-color: #e9ecef; /* Slightly darker stripe color */
}

/* Styles for the dashboard cards */
.card {
    border: 1px solid rgba(0,0,0,.125);
    border-radius: .25rem;
}


.login-container .bg-success,
.login-container .btn-success,
nav.navbar.navbar-dark.bg-dark.navbar-fixed.fixed-top
 {
    background-color: #274d3b !important;
}


/* time-tracker/css/style.css (ADD THIS SECTION) */

/* Style for the logo inside the fixed header */
.navbar-brand {
    /* Hide the 'Time Tracker' text */
    text-indent: -9999px; 
    
    /* 1. Set the size of the container to match the logo dimensions */
    width: 150px; /* Adjust this width to match your logo file */
    height: 40px; /* Adjust this height to match your logo file */
    
    /* 2. Load the image */
    background-image: url('../img/noventralink-login-logo.svg'); /* IMPORTANT: Adjust the filename and path */
    
    /* 3. Ensure the image fits and doesn't repeat */
    background-size: contain; 
    background-repeat: no-repeat;
    background-position: left center;
    
    /* Reset Bootstrap margin if necessary */
    margin-right: 0;
}

.alert.alert-success.mt-3.mt-md-0,
.alert.alert-warning.mt-3.mt-md-0 {
    margin-bottom: 0px !important;
}

a.account-settings {
    background-color: #fff;
    color: #274d3b;
}

.noventra {
    color: #274d3b !important;
}

.login-container .card-header.text-center.bg-success.text-white {
    padding: 20px;
}