:root {
    --bs-table-bg: #ffffff;
    --cs-body-bg: #f7f7f7;
    --bs-border-radius-lg: 0.6rem;
    --bs-pagination-color: #ffffff;
}



[data-bs-theme=dark] {
    color-scheme: dark;
    --bs-table-bg: #212529;
    --cs-body-bg: #212529;
    --bs-success-rgb: 115, 230, 203;
    --bs-danger-rgb: 255, 93, 93;
}


[data-bs-theme="dark"] .btn-primary {
    --bs-btn-color: #222625;
    --bs-btn-bg: #73e6cb;
    --bs-btn-hover-bg: #66ccb4;
    --bs-btn-hover-color: #222625;
    --bs-btn-active-border-color: #66ccb4;
    --bs-btn-active-bg: #66ccb4;
    --bs-btn-active-color: #222625;
    --bs-btn-border-color: #66ccb4;
    --bs-btn-hover-border-color: #66ccb4;
    --bs-btn-focus-box-shadow: 0 0 0 0.25rem #73e6cb3f;
}

/*[data-bs-theme="dark"] .link-primary {
    --bs-primary-rgb: 115, 230, 203

}
[data-bs-theme="dark"] .link-primary:hover {
    --bs-primary-rgb: 115, 230, 203
}*/
[data-bs-theme="dark"] .btn-secondary {
    --bs-btn-color: #73e6cb;
    --bs-btn-bg: none;
    --bs-btn-hover-bg: #73e6cb3f;
    --bs-btn-hover-color: #73e6cb;
    --bs-btn-active-border-color: #66ccb4;
    --bs-btn-active-bg: #73e6cb3f;
    --bs-btn-active-color: #73e6cb;
    --bs-btn-border-color: #66ccb4;
    --bs-btn-hover-border-color: #66ccb4;
    --bs-btn-focus-box-shadow: 0 0 0 0.25rem #73e6cb3f;
}

[data-bs-theme="dark"] .form-control:focus,
[data-bs-theme="dark"] .form-select:focus {
    border-color: #73e6cb;
    box-shadow: 0 0 0 0.25rem #73e6cb3f;
}

[data-bs-theme="dark"] .page-link {
    --bs-pagination-active-color: #222625;
    --bs-pagination-active-bg: #73e6cb;
    --bs-pagination-active-border-color: #73e6cb;
}

    [data-bs-theme="dark"] .page-link:hover {
        --bs-pagination-hover-color: #73e6cb;
    }

    [data-bs-theme="dark"] .page-link:focus {
        --bs-pagination-focus-color: #73e6cb;
        --bs-pagination-focus-box-shadow: 0 0 0 0.25rem #73e6cb3f;
    }



[data-bs-theme='light'] #darkModeSwitch .dark-icon {
    display: none;
}

[data-bs-theme='light'] #darkModeSwitch .light-icon {
    display: block;
}

[data-bs-theme='dark'] #darkModeSwitch .light-icon {
    display: none;
}

[data-bs-theme='dark'] #darkModeSwitch .dark-icon {
    display: block;
}


#darkModeSwitch, .outlined-btn {
    border: var(--bs-border-width) solid var(--bs-border-color);
}


@font-face {
    font-family: 'notosansgeorgian';
    src: url('../fonts/notosansgeorgian-variablefont_wdth,wght.ttf') format('truetype');
}

body {
    font-family: notosansgeorgian,sans-serif;
    background-color: var(--cs-body-bg);
}

.product-image {
    width: 50px;
    height: 50px;
    object-fit: contain;
    background: white;
    border-radius: 0.4rem;
    padding: 0.1rem;
}

.col-image {
    width: 10%;
}

.col-id {
    width: 10%;
}

.col-name {
    /*    width: auto;
*/
    overflow: clip;
    max-width: 20rem;
    text-overflow: ellipsis;
}

.col-price {
    width: 100px;
}

.col-action {
    width: 100px;
    /*    text-align: -webkit-center;
    text-align: -moz-center;
*/
}

.menu-container, .table-container {
    border: 1px solid var(--bs-border-color);
    /*    box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
*/ margin-bottom: 1rem;
    background-color: var(--bs-table-bg);
    border-radius: 0.8rem;
}
/*[data-bs-theme="dark"] .menu-container,
[data-bs-theme="dark"] .table-container {
    border: 1px solid var(--bs-border-color);
}*/
.menu-container {
    padding: 1rem 1.6rem;
}

.table td:first-child, th:first-child {
    padding-left: 1.6rem;
}

.table td:last-child, th:last-child {
    padding-right: 1.6rem;
}

.table tr:last-child td {
    border-bottom: none;
}

th:first-child, th:last-child {
    border-radius: 0.8rem;
}

.table th {
    padding-block: 1rem;
}

td {
    vertical-align: middle;
}


.page-link {
    color: var(--bs-table-color);
}