html, body {
    min-height: 100vh;
}

body {
    background-color: #fff;
    background-image: url('../img/logo.png');
    background-size: 20rem;
    background-repeat: no-repeat;
    background-position: 1rem calc(100% - 4rem);
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}

:root {
    --bs-danger: #e9573f;
    --bs-info: #3bafda;
    --bs-primary: #b72025;
    --bs-success: #8cc152;
    --bs-warning: #fcbb42;
}

.alert-danger {
    background-color: #e9573f !important;
    color: #fff !important;
}

.alert-info {
    background-color: #3bafda !important;
    color: #fff !important;
}

.alert-success {
    background-color: #8cc152 !important;
    color: #fff !important;
}

.alert-warning {
    background-color: #fcbb42 !important;
    color: #fff !important;
}

.bg-vestrel {
    background-color: #b72025;
}

.body-login {
    background-color: #fff;
    background-image: url('../img/background.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    min-height: 100vh;
}

.btn-danger {
    --bs-btn-bg: #e9573f;
    --bs-btn-color: #fff;
    --bs-btn-border-color: #fc6e51;

    --bs-btn-hover-bg: #fc6e51;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-border-color: #e9573f;

    --bs-btn-active-bg: #fc6e51;
    --bs-btn-active-border-color: #e9573f;

    --bs-btn-disabled-bg: #fc6e51;
    --bs-btn-disabled-border-color: #e9573f;
}

.btn-info {
    --bs-btn-bg: #3bafda;
    --bs-btn-color: #fff;
    --bs-btn-border-color: #4fc1e9;

    --bs-btn-hover-bg: #4fc1e9;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-border-color: #3bafda;

    --bs-btn-active-bg: #4fc1e9;
    --bs-btn-active-border-color: #3bafda;

    --bs-btn-disabled-bg: #4fc1e9;
    --bs-btn-disabled-border-color: #3bafda;
}

.btn-primary, .btn-vestrel {
    --bs-btn-bg: #b72025;
    --bs-btn-color: #fff;
    --bs-btn-border-color: #b72025;

    --bs-btn-hover-bg: #9f1c20;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-border-color: #9f1c20;

    --bs-btn-active-bg: #8c181c;
    --bs-btn-active-border-color: #8c181c;

    --bs-btn-disabled-bg: #b72025;
    --bs-btn-disabled-border-color: #b72025;
}

.btn-secondary {
    --bs-btn-bg: #aab2bd;
    --bs-btn-color: #fff;
    --bs-btn-border-color: #ccd1d9;

    --bs-btn-hover-bg: #ccd1d9;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-border-color: #aab2bd;

    --bs-btn-active-bg: #ccd1d9;
    --bs-btn-active-border-color: #aab2bd;

    --bs-btn-disabled-bg: #ccd1d9;
    --bs-btn-disabled-border-color: #aab2bd;
}

.btn-success {
    --bs-btn-bg: #8cc152;
    --bs-btn-color: #fff;
    --bs-btn-border-color: #a0d468;

    --bs-btn-hover-bg: #a0d468;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-border-color: #8cc152;

    --bs-btn-active-bg: #a0d468;
    --bs-btn-active-border-color: #8cc152;

    --bs-btn-disabled-bg: #a0d468;
    --bs-btn-disabled-border-color: #8cc152;
}

.btn-warning {
    --bs-btn-bg: #fcbb42;
    --bs-btn-color: #fff;
    --bs-btn-border-color: #ffce54;

    --bs-btn-hover-bg: #ffce54;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-border-color: #fcbb42;

    --bs-btn-active-bg: #ffce54;
    --bs-btn-active-border-color: #fcbb42;

    --bs-btn-disabled-bg: #ffce54;
    --bs-btn-disabled-border-color: #fcbb42;
}

.dt-bootstrap5 .pagination {
    --bs-pagination-color: #b72025;
    --bs-pagination-hover-color: #7d1519;
    --bs-pagination-active-color: #fff;
    --bs-pagination-bg: var(--bs-body-bg);
    --bs-pagination-hover-bg: #f4d2d3;
    --bs-pagination-active-bg: #b72025;
    --bs-pagination-border-color: #c79798;
    --bs-pagination-hover-border-color: #c79798;
    --bs-pagination-active-border-color: #b72025;
    --bs-pagination-focus-color: #7d1519;
    --bs-pagination-focus-bg: #f4d2d3;
    --bs-pagination-focus-box-shadow: 0 0 0 0.25rem rgba(183, 32, 37, 0.35);
    --bs-pagination-disabled-color: var(--bs-secondary-color);
    --bs-pagination-disabled-bg: var(--bs-secondary-bg);
    --bs-pagination-disabled-border-color: var(--bs-border-color);
}

.clr-vestrel {
    color: #b72025;
}

.footer-vestrel {
    margin-top: auto;
    background: #f8f9fa;
    border-top: 1px solid #dee2e6;
    font-size: 0.9rem;
}

.login-container {
    min-height: 100vh;
}

.navbar-vestrel {
    background-color: #b72025 !important;
}

.table-vestrel {
    --bs-table-color: #000;
    --bs-table-bg: #f4d2d3;
    --bs-table-border-color: #c79798;
    --bs-table-striped-bg: #ecc5c6;
    --bs-table-striped-color: #000;
    --bs-table-active-bg: #dfaeae;
    --bs-table-active-color: #000;
    --bs-table-hover-bg: #e7baba;
    --bs-table-hover-color: #000;
    color: var(--bs-table-color);
    border-color: var(--bs-table-border-color);
}

.toast {
  max-width: 90vw;
  width: auto;
}

.toast.text-bg-danger {
    background-color: #e9573f !important;
}

.toast.text-bg-info {
    background-color: #3bafda !important;
}

.toast.text-bg-success {
    background-color: #8cc152 !important;
}

.toast.text-bg-warning {
    background-color: #fcbb42 !important;
}