@font-face 
{
    font-family: zombie;
    src: url("../fonts/28dayslater.ttf") format("truetype");
}

body.zoz-body
{
    min-height: unset;
    background-color: var(--bg-color);
    color: var(--color);
}

#zoz-main
{
    padding: 72px 0 0 0;
}

.zombie
{
    font-family: zombie;
}

/* #region Menu */
#zoz-menu
{
    position: absolute;
    min-height: 0px;
    font-family: zombie;
}

#zoz-menu ul.app-bar-menu
{
    margin-left: auto;
}

#zoz-menu ul.app-bar-menu .d-menu
{
    box-shadow: none;
}

#zoz-menu .brand,
#zoz-menu ul.app-bar-menu li,
#zoz-menu ul.app-bar-menu li a
{
    font-size: 1.5rem;
}

/* #endregion */

/* #region Dlg */
.dialog.zoz-dlg
{
    background: var(--zoz-dlg-bg);
    color: var(--zoz-dlg-color);
}

.dialog.zoz-dlg .dialog-title
{
    color: var(--zoz-dlg-color);
}

.dialog.zoz-dlg .dialog-actions
{
    border:none;
}

/* #endregion */

/* #region zoz window */
.zoz-window
{
    height: auto;
    top: 10%; 
    width: 350px;
    margin-left: auto !important; /*left right centered*/
    margin-right: auto !important; /*left right centered*/
    padding: 18px !important;
    box-shadow: var(--zoz-window-box-shadow);
    border: 1px solid var(--zoz-window-border-color);
}

.zoz-window .form-group .select .drop-container .d-menu li a
{
    font-size: 1rem;
}
/* #endregion */

/* #region ZoZ Item List */
.zoz-item-list li.zoz-hover
{
    cursor: pointer;
}

.zoz-item-list .zoz-hover:hover
{
    background-color: var(--zoz-item-list-hover-bg-color);
}
/* #endregion */

@media screen and (max-width: 576px) 
{

}