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

body {
    background-color: #fff;
    background-image: url('../img/logo.png');
    background-size: 16rem;
    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: #2d9acf;
    --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;
}

.align-right {
    text-align: right;
}

.bg-primary, .bg-apexais {
    background-color: #2d9acf;
}

.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-color: #fff;
    --bs-btn-active-border-color: #e9573f;

    --bs-btn-disabled-bg: #fc6e51;
    --bs-btn-disabled-color: #fff;
    --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-color: #fff;
    --bs-btn-active-border-color: #3bafda;

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

.btn-primary, .btn-apexais {
    --bs-btn-bg: #2d9acf;
    --bs-btn-color: #fff;
    --bs-btn-border-color: #2d9acf;

    --bs-btn-hover-bg: #2585b2;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-border-color: #2585b2;

    --bs-btn-active-bg: #1f7399;
    --bs-btn-active-color: #fff;
    --bs-btn-active-border-color: #1f7399;

    --bs-btn-disabled-bg: #2d9acf;
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-border-color: #2d9acf;
}

.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-color: #fff;
    --bs-btn-active-border-color: #aab2bd;

    --bs-btn-disabled-bg: #ccd1d9;
    --bs-btn-disabled-color: #fff;
    --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-color: #fff;
    --bs-btn-active-border-color: #8cc152;

    --bs-btn-disabled-bg: #a0d468;
    --bs-btn-disabled-color: #fff;
    --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-color: #fff;
    --bs-btn-active-border-color: #fcbb42;

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

.clr-apexais {
    color: #2d9acf;
}

.dt-bootstrap5 {
    margin-bottom: 1rem !important;
}

.dt-bootstrap5 .pagination {
    --bs-pagination-color: #2d9acf;
    --bs-pagination-hover-color: #1f5f86;
    --bs-pagination-active-color: #fff;
    --bs-pagination-bg: var(--bs-body-bg);
    --bs-pagination-hover-bg: #d6ecf7;
    --bs-pagination-active-bg: #2d9acf;
    --bs-pagination-border-color: #9fc9de;
    --bs-pagination-hover-border-color: #9fc9de;
    --bs-pagination-active-border-color: #2d9acf;
    --bs-pagination-focus-color: #1f5f86;
    --bs-pagination-focus-bg: #d6ecf7;
    --bs-pagination-focus-box-shadow: 0 0 0 0.25rem rgba(45, 154, 207, 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);
}

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

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

.navbar-apexais {
    background-color: #2d9acf !important;
}

.table-apexais {
    --bs-table-color: #000;
    --bs-table-bg: #d6ecf7;
    --bs-table-border-color: #9fc9de;
    --bs-table-striped-bg: #cbe7f4;
    --bs-table-striped-color: #000;
    --bs-table-active-bg: #b7dbef;
    --bs-table-active-color: #000;
    --bs-table-hover-bg: #c1e2f2;
    --bs-table-hover-color: #000;
    color: var(--bs-table-color);
    border-color: var(--bs-table-border-color);
}

td.trunc-cell {
    max-width: 15rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.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;
}