/* styles.css */

/* Base Styling - Light and Easy on the Eyes */
body {
    background-color: #F7F7F7; /* Light gray background */
    font-family: 'Noto Sans', sans-serif;
    color: #333; /* Dark gray text for contrast */
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}
.bg-secondary-subtle {
    background-color: #F7F7F7 !important; /* Replace with your desired color */
 }

/* Input Fields and Checkboxes */
input[type="text"], 
input[type="checkbox"] {
    border: 1px solid #ccc; /* Light gray border */
    padding: 8px;
    background-color: #fff; /* White background */
    border-radius: 4px;
}

/* Button Styles */
.btn { /* Base button style */
    border: none;
    cursor: pointer;
    border-radius: 5px;
}

.btn-yes { /* Yes Button */
    background-color: rgb(167, 204, 85);
    color: white;
}

.btn-no { /* No Button */
    background-color: rgb(218, 58, 20);
    color: white;
}

.btn-amend { /* edit Button */
    background-color: rgb(238, 194, 33);
    color: #333; /* Dark gray for contrast */
}

/* Additional Button Colors (Feel free to modify or add more) */
.btn-primary { background-color: #007bff; color: white; }
.btn-secondary { background-color: #6c757d; color: white; }
.btn-success { background-color: #107C10; color: white; }
.btn-outline-success { border: 2px solid #107C10; }
.btn-info { background-color: #17a2b8; color: white; }
.btn-warning { background-color: #ffc107; color: #333; } /* Dark gray for contrast */
.btn-danger { background-color: #dc3545; color: white; }
.btn-light { background-color: #f8f9fa; color: #333; }
.btn-dark { background-color: #343a40; color: white; }

a {
    color: #0B5B0B;  /* Set default link color */
    text-decoration: none;  /* Remove underline if desired */
}

/* Hover state */
a:hover {
    color: #0B5B0B;
    text-decoration: underline;  /* Add underline on hover if desired */
}

/* Visited links */
a:visited {
    color: #0B5B0B;
}

.spinner-border-sm {
    width: 1rem;
    height: 1rem;
    border-width: 0.2em;
}

.radio-group {
    position: relative;
    display: inline-flex;
    align-items: center;
    gap: 1rem;
}

.radio-group label {
    margin-right: 1rem;
}

.text-success {
    color: #107C10 !important;
}

.text-danger {
    color: #dc3545 !important;
}

.footer {
    margin-top: auto;
}

.footer-line {
    height: 10px;
    background-color: #000000;
}

.table-striped > tbody > tr:nth-child(odd) {
    --bs-table-striped-bg: #F7F7F7 !important;
    background-color: #F7F7F7 !important;
}
.custom-file-button {
	input[type="file"] {
		margin-left: -2px !important;

		&::-webkit-file-upload-button {
			display: none;
		}
		&::file-selector-button {
			display: none;
		}
	}

	&:hover {
		label {
			background-color: #dde0e3;
			cursor: pointer;
		}
	}
}
form-select option {
    background-color: #107C10 !important;  /* Light gray background */
}

/* Change background color when option is hovered */
.form-select option:hover {
    background-color: #107C10 !important;  /* Slightly darker gray on hover */
}

/* Change background of selected option */
.form-select option:checked {
    background-color: #107C10 !important;  /* Light blue when selected */
}

/* Change text color of options */
.form-select option {
    color: #212529;  /* Dark gray text */
}