:root {
    --primary-button-height: 26px;
    --primary-btn-background-color: #2ca01c;
    --main-background-color: #eceef1;
    --smart-ui-state-hover: #eceef1;
    --zone-padding: 12px;
    --button__footer-border-color: #6b6c72;
    --footer-background-color: #38393d;
    --footer-height: 42px;
    --smart-disabled: #eceef1;
}

.smart-content .main-information {
    padding: 8px 20px var(--zone-padding) 20px;
    background-color: inherit;
}

.bg {
    background-color: var(--main-background-color);
}

.right-separate {
    padding-right: 16px;
}

.footer {
    padding: 0 !important;
}

.ms-button-footer {
    color: #fff !important;
    background-color: transparent !important;
    position: relative;
    border: 1px solid var(--button__footer-border-color);
}

.sm-button-size-default {
    padding-left: 16px !important;
    padding-right: 16px !important;
}

.smart-grid smart-grid-column {
    background: var(--main-background-color);
}

.smart-grid .smart-action-button, .smart-grid smart-grid-cell[header] {
    --smart-ui-state-hover: var(--main-background-color);
}

smart-grid-row[alternation-index="1"] smart-grid-cell:not([selected]):not([header]):not([update]):not([delete]):not([add]):not([freeze]):not([focus]):not([sort]):not([filter]) .smart-label {
    --smart-alternation-index0-background: var(--main-background-color);
}