:root {
    --dark-grey: #2E2E2E;
    --dark-red: #691818;
}
@media screen and (max-width: 760px) {
    footer {
        display: none;
    }
}

@media screen and (max-width: 1024px) {
    .body-content {
        margin-bottom: 85px;
    }
}

.body-content {
    margin: 80px 20px;
}

footer {
    padding: 5px 25px;
    background-color: #fff;
    border-top: #d3d3d3 1px solid;
}

footer a{
    color: var(--dark-grey-text);
}

.input-group .input-group-prepend label, 
.input-group .input-group-append .input-group-text,
select.form-control,
input.form-control{
    color: var(--dark-grey-text);
}

.k-grid-pager .k-pager-numbers .k-link {
    color: var(--primary);
}

.k-grid-pager .k-pager-numbers .k-state-selected {
    background-color: var(--primary);
}

.text-ada-danger {
    color: var(--dark-red);
}

.btn-ada-danger {
    background-color: var(--dark-red);
}

i {
    padding-right: 10px;
}