:root {
    --bs-custom-color-offcanvas-menu-list-group-item: #f7f5ea;
    --bs-custom-color-header-dropdown-item: #f7f5ea;
    --bs-custom-color-radio-button-group: #016456;
    --bs-custom-color-footer-bg: #016456;
    --bs-custom-color-header-bg: #016456;
    --bs-custom-color-header-input-border: #f7f5ea;
    --bs-custom-color-offcanvas-bg: #016456;
    --bs-custom-color-title: #016456;
    --bs-custom-color-mail: #016456;
    --bs-custom-color-radio-button-group-rgb: 1, 100, 86;
    --bs-custom-color-footer-bg-rgb: 1, 100, 86;
    --bs-custom-color-header-bg-rgb: 1, 100, 86;
    --bs-custom-color-header-input-border-rgb: 247, 245, 234;
    --bs-custom-color-offcanvas-bg-rgb: 1, 100, 86;
    --bs-custom-color-title-rgb: 1, 100, 86;
    --bs-custom-color-mail-rgb: 1, 100, 86;
}

.btn-custom-color-header-button,
.btn-custom-increase,
.btn-custom-decrease,
.btn-custom-default,
.btn-custom-checkout,
.btn-custom-login,
.btn-custom-header {
    --bs-btn-color: #fff;
    --bs-btn-bg: #016456;
    --bs-btn-border-color: #016456;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: rgb(0.85, 85, 73.1);
    --bs-btn-hover-border-color: rgb(0.8, 80, 68.8);
    --bs-btn-focus-shadow-rgb: 39, 123, 111;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: rgb(0.8, 80, 68.8);
    --bs-btn-active-border-color: rgb(0.75, 75, 64.5);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #016456;
    --bs-btn-disabled-border-color: #016456;
}

.btn-outline-custom-color-header-button-outline,
.btn-custom-header {
    --bs-btn-color: #f7f5ea;
    --bs-btn-border-color: #f7f5ea;
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: #f7f5ea;
    --bs-btn-hover-border-color: #f7f5ea;
    --bs-btn-focus-shadow-rgb: 247, 245, 234;
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: #f7f5ea;
    --bs-btn-active-border-color: #f7f5ea;
    --bs-btn-disabled-color: #f7f5ea;
    --bs-btn-disabled-border-color: #f7f5ea;
}

.table-custom-color-table {
    --bs-table-color: #016456;
    --bs-table-striped-color: #016456;
}

.table-custom-color-table-header {
    --bs-table-color: #fff;
    --bs-table-bg: #016456;
    --bs-table-border-color: rgb(51.8, 131, 119.8);
    --bs-table-striped-bg: rgb(13.7, 107.75, 94.45);
    --bs-table-striped-color: #fff;
    --bs-table-active-bg: rgb(26.4, 115.5, 102.9);
    --bs-table-active-color: #fff;
    --bs-table-hover-bg: rgb(20.05, 111.625, 98.675);
    --bs-table-hover-color: #fff;
}

@media (min-width: 901px) {
    .buttons-container {
        display: flex;
        justify-content: space-between;
        gap: 10px;
        align-items: center;
    }

    .btn-back {
        margin-left: auto;
    }
}

@media (max-width: 900px) {
    .buttons-container {
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        gap: 10px;
        margin-bottom: 10px;
    }

    .btn-back {
        order: 3;
        margin-left: auto;
    }
}