body {
    font-family: 'Nunito', sans-serif;
    letter-spacing: 1px;
}
a {
    text-decoration: none;
}
a:hover {
    color: #039130 !important;
    text-decoration: none;
}
a .material-symbols-outlined:hover {
    color: #039130 !important;
}
.btn {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    padding: 5px;
    min-width: 177px;
}
.btn-primary {
    background-color: #039130 !important;
}
.btn-primary:hover {
    background-color: white !important;
    color: #039130 !important;
    border: 1px solid #039130 !important;
}
.btn-secondary {
    background-color: #ffffff !important;
    border: 1px solid #039130;
    border-radius: unset;
    font-size: 13px;
    color: #039130;
}
.btn-secondary:hover {
    background-color: #039130 !important;
    color: white !important;
    border: 1px solid #039130;
}
.btn-primary {
    border: 1px solid #039130;
    border-radius: unset;
    font-size: 13px;
}
.btn .material-symbols-outlined {
    padding: 3px;
}
.text-primary, .btn-secondary:focus, .btn-secondary.focus, .btn-secondary:focus-visible {
    color: #039130 !important;
}
.text-primary.disabled, .btn-primary.disabled,.btn-secondary.disabled, .btn-secondary:disabled {
    color: gray !important;
}
.btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active, .show > .btn-secondary.dropdown-toggle {
    color: #039130 !important;
}
input[type='range'] {
    background: #c1c1c1 !important;
    -webkit-appearance: none;
    height: 4px;
    cursor: ew-resize;
    border-radius: 10px;
}
.form-control {
    font-size: 14px !important;
}
table thead tr th {
    font-size: 12px;
}
table tbody tr td {
    font-size: 12px;
    font-weight: 500;
}
div.dataTables_wrapper div.dataTables_length label, div.dataTables_wrapper div.dataTables_filter label {
    font-size: 12px !important;
}
div.dataTables_wrapper div.dataTables_info, div.dataTables_wrapper div.dataTables_paginate ul.pagination, .page-link {
    font-size: 12px !important;
}
.cursor-pointer {
    cursor: pointer;
}
.cursor-pointer:hover {
    background-color: #a5eabc !important;
}
.page-item.active .page-link {
    background-color: #039130;
    border-color: #039130;
}


/* ---- MEDIA QUERIES ---- */
@media screen and (max-width: 700px){
    .input_container, input, button[type=submit] {
        width: 100% !important;
    }
}