/* Объявляем переменные в корне */
:root {
    --button-bg-color: #ffffff;  /* Основной цвет фона */
    --button-border-color: #ddd; /* Основной цвет границы */
    --button-hover-darken: 10%;  /* Насколько темнее при наведении */
}

#items-table tbody tr:hover {
    background-color: #f5f5f5;
    cursor: pointer;
}

.absolute-menu-button {
    position: absolute;
    z-index: 1000;
    background-color: var(--button-bg-color);
    border: 1px solid var(--button-border-color);
    border-radius: 3px;
    padding: 0px 8px;
}

.absolute-menu-button:hover {
    background-color: color-mix(in srgb, var(--button-bg-color) 90%, #1e87f0);
    border-color: color-mix(in srgb, var(--button-border-color) 80%, #1e87f0);
}

/* Медиазапрос для экранов меньше 430px */
@media (max-width: 600px) {
    .modal-dialog-mobile { 
        position: relative;
        box-sizing: border-box;
        margin: 0 0;
        width: 67%!important;
        max-width: 100%!important;
        background: #fff;
        opacity: 0;
        transform: translateY(-100px);
        transition: .3s linear;
        transition-property: opacity,transform
    }
}

.MyDBCategoryColor{
    background:#fabca8 ; /*Вкусняшки*/
    background:#ffd7a3 ; /*Кредит*/
    background:#4bffff ; /*Ипотека*/
    background:#fc6363 ; /*Долги*/
    background:#70aeae ; /*Развлечение*/
    background:#ededa4 ; /*Инвистиции*/
    background:#ffe4c4 ; /*Премия*/
    background:#ca6b6b ; /*Праздники*/
    background:#ffd89c ; /*Заработная плата*/
    background:#6161f5 ; /*Работа - Обед*/
    background:#8a2be2 ; /*Аренда*/
    background:#e06b6b ; /*NTCN*/
    background:#deb887 ; /*Ремонт*/
    background:#5f9ea0 ; /*Перевод*/
    background:#b6ff6e ; /*Проезд*/
    background:#d2691e ; /*Образование*/
    background:#b950ff ; /*Одежда*/
    background:#6495ed ; /*Интернет*/
    background:#fff8dc ; /*Техника*/
    background:#aed68d ; /*Инвистиции*/
    background:#00ffff ; /*Кварплата*/
    background:#8282d6 ; /*Продукты*/
    background:#008b8b ; /*Здоровье*/
    background:#b8860b ; /*Депозит*/
}