body.zoz-body
{
    --bg-color: #333;
    --color: #eee;
    --border-color: #999;

    --zoz-item-list-hover-bg-color: rgba(192, 192, 192, 0.2);

    --zoz-window-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);
    --zoz-window-border-color: var(--border-color);

    --zoz-dlg-bg: var(--bg-color);
    --zoz-dlg-color: var(--color);

    --charsheet-border-color: var(--border-color);
    --charsheet-input-background: transparent;
    --charsheet-input-focus-bg-color: rgba(192, 192, 192, 0.25);

    /*custom*/
    --bg-color2: #555;
    --remark-color: #333;
    --input-required-border-color: #dfdfdf;
}

.remark
{
    color: var(--remark-color);
    opacity: .7;
}

.input.required
{
    border-color: var(--input-required-border-color) !important;
}

.input.required:focus,
.input.required.focused
{
    box-shadow: 0 0 0 3px var(--input-required-border-color) !important
}

/* #region  Windows */
.zoz-window .form-group input,
.zoz-window .form-group .input,
.zoz-window .form-group .input .prepend,
.zoz-window .form-group .select,
.zoz-window .form-group .select .select-input,
.zoz-window .form-group .select .drop-container,
.zoz-window .form-group .select .drop-container .d-menu,
.zoz-window .form-group .select .option-list
{
    background-color: var(--bg-color2);
    color: inherit;
    border-color: var(--border-color);
}
/* #endregion */

/* #region  Misc */
.zoz-window .accordion > .frame .heading
{
    background-color: var(--bg-color2);
}
/* #endregion */