html {
    font-size: 15px;
}



.container-fluid {
    max-width: 97%;
}

.login-page {
    height: 80vh;
}

a {
    color: #90bb37;
}

a:hover {
    color: #777;
}

a.nounderline {
    text-decoration: none;
}

footer {
    background-color: #f8f9fa !important;
}


.h5, h5 {
    font-size: 1.1rem;
}

.badge {
    font-size: 85%;
}

small, .small {
    font-size: 75%;
    font-weight: 400;
}

.medium {
    font-size: 80%;
    font-weight: 400;
}

.btn-primary {
    color: #fff;
    background-color: #84c446;
    border-color: #84c446;
    box-shadow: none;
}

.btn-primary:hover {
    color: #fff;
    background-color: #9dc06c;
    border-color: #9dc06c;
}

.btn-primary:focus, .btn-primary.focus {
    color: #fff;
    background-color: #8cc63f;
    border-color: #8cc63f;
    box-shadow: 0 0 0 0 rgba(38, 143, 255, 0.5);
}

.card-header {
    background-color: #f8f9fa;
}

th {
    text-transform: uppercase;
    background-color: #f8f9fa;
    font-size: 12px;

}


.text-danger {
    font-size: 100% !important;
}


.accordion-button {
    color: #90bb37;
    font-size: 1.1rem;
    font-weight: bold;
}

.accordion-button:not(.collapsed) {
    color: #90bb37;
    font-size: 1.1rem;
    background-color: #eee;
    font-weight: bold;
}

.light-pastel-green {
    background-color: #e6ffe6; /* Very light pastel green */
}

.light-pastel-orange {
    background-color: #fff2e6; /* Very light pastel orange */
}

.light-pastel-red {
    background-color: #ffe6e6; /* Very light pastel red */
}

.separator {
    border-left: 1px solid #777;
    padding-left: 10px;
    margin-left: 10px;
}


.dropdown-header {
    text-align: left;
    background-color: #f8f9fa;
}


.todo-list>li {
    background-color: #fff;
}


.table>thead>tr>th {
    background-color: #f8f9fa;
}


/* Custom styles for the logout link */
.bg-red:hover {
    background-color: #dc3545 !important; /* Change this to your desired background color */
    color: #000 !important; /* Change this to your desired text color */
}


.navbar-nav .divider {
    border-left: 1px solid #ccc;
    height: 20px;
    margin: 0 10px;
    align-self: center;
  }