/* Custom CSS Modifications for Tabler UI */
/* This CSS file is used to override the default styles of Tabler UI components */
/* and to apply custom styles for the application. */

/* Custom styles for the Tabler UI components */
.text-navy {
    color: #001f3f !important; /* Navy text color */
}
.primary {
    background-color: rgb(107,164, 184) !important; /* Primary blue background color (Air Force Blue) */
    color: #ffffff !important; /* White text color */
}
.text-primary {
    color: #6BA4B8 !important; /* Primary blue text color (Air Force Blue) */
}
.secondary {
    background-color: #001f3f !important; /* Navy background color */
    color: #ffffff !important; /* White text color */
}
.text-secondary {
    color: #001f3f !important; /* Navy text color */
}
/* Custom styles for the Tabler UI components */
:root {
    --tblr-font-sans-serif: "Source Sans 3";
    --tblr-font-serif: "Source Serif Pro";
    --tblr-font-monospace: "Source Code Pro";
}
/* Custom styles for the body element */
body {
    font-family: var(--tblr-font-sans-serif);
    background-color: #f8f9fa; /* Light background color */
    color: #212529; /* Dark text color */
}
/* Custom styles for the header element */
header {
    background-color: #343a40; /* Dark background color for header */
    color: #ffffff; /* White text color for header */
    padding: 1rem; /* Padding around the header */
    text-align: center; /* Centered text in header */
}
/* Custom styles for the footer element */ 
footer {
    background-color: #343a40; /* Dark background color for footer */
    color: #ffffff; /* White text color for footer */
    padding: 1rem; /* Padding around the footer */
    text-align: center; /* Centered text in footer */
}
/* Custom styles for buttons */
button {
    background-color: #6BA4B8; /* Blue background color for buttons */
    color: #000000; /* White text color for buttons */
    border: none; /* No border for buttons */
    padding: 0.5rem 1rem; /* Padding around the button text */
    border-radius: 0.25rem; /* Rounded corners for buttons */
    cursor: pointer; /* Pointer cursor on hover */
    transition: background-color 0.3s ease; /* Transition effect for background color */
}