#Header{
 background: #EAE2B6;
}

#Content{
 border: 1px rgb(85, 135, 118) solid;
}

body{
    color: #003638;
}

#commitsFilters .commitsFilter {
   background: #558776;
   border: 2px solid #558776;
}

#commitsFilters .commitsFilter:hover {
 background: #fff;
 color: #558776;
}

table a:hover {
    text-decoration: underline;
    color: #A3A847;
}

a{
    color: #558776;
}

a:hover {
    text-decoration: underline;
    color: #A3A847;
}
.btn-primary {
    color: #fff;
    background-color: #558776 !important;
    border-color: #558776 !important;
}

.btn-primary:hover {
    background-color: #A3A847 !important;
    border-color: #A3A847 !important;
}

table tbody tr:hover {
    background-color: #f7f5eb !important;
}

.btn.focus, .btn:focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem rgb(85, 135, 118);
}

.tabulator .tabulator-footer .tabulator-page:not(.disabled):hover {
    cursor: pointer;
    border-color: #f7f5eb;
    background: #f7f5eb;
    color: #558776;
}

.tabulator .tabulator-footer .tabulator-page.active {
    border-color: #558776;
    background-color: #558776;
    color: #fff;
}

.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active,
.show > .btn-primary.dropdown-toggle {
  color: #fff;
  background-color: #f7f5eb;
  border-color: #A3A847;
}

.btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus,
.show > .btn-primary.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem #f7f5eb;
}

.tabulator-row:hover{
        background-color:#f7f5eb !important;
}

#progressbar li:before,
#progressbar li:after {
    background: #558776 !important;
}

.dropdown-item:hover {
    color: #003638;
}

.custom-control-input:checked ~ .custom-control-label::before {
    background-color: #558776; /* Change the color of the toggle when it is checked */
    border-color: #558776; /* Change the border color of the toggle when it is checked */
}

.custom-switch .custom-control-input:disabled:checked~.custom-control-label::before {
    background-color: #558776;
}

/* Override info icon color for green theme */
.info-icon {
    color: #558776 !important; /* Green theme primary color */
}