/*Default theme*/
:root {
    --bs-primary: #337ab7;
    --bs-primary-hover: #286090;
    --bs-primary-disabled: #b3d1f0;
    --maintheme-color: black;
    --maintheme-bg: black;
    --maintheme-edit: #337ab7;
    --maintheme-delete: #d9534f;
    --maintheme-create: #337ab7;
    --maintheme-back: #337ab7;
    --maintheme-save: #5bc0de;
    --maintheme-details: #f0ad4e;
    --maintheme-auth: #5cb85c;
    --maintheme-download: #5bc0de;
}

.maintheme-bg {
    background-color: var(--maintheme-bg);
    color: white;
}

.maintheme-color {
    color: var(--maintheme-color);
}

.custom-primary {
    color: var(--bs-primary);
}

    .custom-primary:hover {
        color: var(--bs-primary-hover);
    }

.btn:hover {
    filter: brightness(85%) !important;
}

.btn-primary {
    background-color: var(--bs-primary);
    border-color: var(--bs-primary);
}

    .btn-primary:hover {
        background-color: var(--bs-primary-hover);
        border-color: var(--bs-primary-hover);
    }

    .btn-primary:disabled {
        background-color: var(--bs-primary-disabled);
        border-color: var(--bs-primary-disabled);
    }

.text-primary {
    color: var(--bs-primary);
}

.pagination .page-item.active .page-link {
    color: white;
    background-color: var(--bs-primary);
    border-color: var(--bs-primary);
}

.pagination .page-item:not(.active) .page-link {
    color: var(--bs-primary);
    background-color: white;
}

.pagination .page-item:not(.active ) .page-link:hover {
    background-color: #e0e0e0;
    text-decoration: none;
}


[data-theme="old"] {
    --bs-primary: #337ab7;
    --bs-primary-hover: #286090;
    --bs-primary-disabled: #b3d1f0;
    --maintheme-color: #6CB86E;
    --maintheme-bg: #6CB86E;
    --maintheme-edit: #6CB86E;
    --maintheme-delete: #6CB86E;
    --maintheme-create: #6CB86E;
    --maintheme-back: #6CB86E;
    --maintheme-save: #6CB86E;
    --maintheme-details: #6CB86E;
    --maintheme-auth: #6CB86E;
    --maintheme-download: #6CB86E;
}