:root {
}

.main-header #header-logo {
    position: relative;
    z-index: 0;
    overflow: initial;
    margin-bottom: 14px;
}

.main-header #header-logo:before {
    display: block;
    content: '';
    position: absolute;
    z-index: -1;
    top: 0;
    right: calc(var(--sidebar-padding-right) * -1);
    bottom: 0;
    left: calc(var(--sidebar-padding-left) * -1);
    background-color: #ffff00;
}

.main-header #header-logo:hover:before {
    background-color: #ffff55;
}

.sidebar .main-header #header-logo:before {
    border-bottom: 1px solid #0000005e;
    border-right: 1px solid #0000005e;
}

.main-header #header-logo a {
    padding-top: 28px;
}

.logo-custom {
    text-align: center;
}

.ts-dropdown .optgroup .optgroup-header {
    color: #ffff00;
    background-color: #000033;
    border-radius: var(--border-radius);
    text-align: center;
    font-weight: bold;
}

.field-email a {
    text-overflow: ellipsis;
    overflow: hidden;
    max-width: 130px;
    display: block;
}


@media (max-width:1450px) {
    table.datagrid:not(.datagrid-empty) tbody,
    table.datagrid:not(.datagrid-empty) td,
    table.datagrid:not(.datagrid-empty) tr {
        display:block
    }
    table.datagrid:not(.datagrid-empty) tbody,
    table.datagrid:not(.datagrid-empty) tr {
        border-radius:var(--border-radius)
    }
    table.datagrid:not(.datagrid-empty) thead {
        display:none
    }
    table.datagrid:not(.datagrid-empty) tr {
        border:1px solid var(--responsive-table-row-border-color);
        margin-bottom:30px
    }
    table.datagrid:not(.datagrid-empty) tr:not(.empty-row) td {
        box-shadow:inset 0 1px 0 var(--table-cell-border-color);
        padding-left:35%;
        position:relative
    }
    table.datagrid:not(.datagrid-empty) tr:not(.empty-row) td:first-child {
        box-shadow:none
    }
    table.datagrid:not(.datagrid-empty) tr:not(.empty-row) td.batch-actions-selector {
        padding:8px
    }
    table.datagrid:not(.datagrid-empty) tr:not(.empty-row) td.batch-actions-selector:before {
        display:none
    }
    table.datagrid:not(.datagrid-empty) tr:not(.empty-row) td.actions,
    table.datagrid:not(.datagrid-empty) tr:not(.empty-row) td.actions.actions-as-dropdown {
        padding:8px;
        text-align:left
    }
    table.datagrid:not(.datagrid-empty) tr:not(.empty-row) td.actions.actions-as-dropdown:before,
    table.datagrid:not(.datagrid-empty) tr:not(.empty-row) td.actions:before {
        display:none
    }
    table.datagrid:not(.datagrid-empty) td:before {
        bottom:0;
        color:var(--responsive-table-label-color);
        content:attr(data-label);
        font-weight:500;
        left:0;
        overflow:hidden;
        padding:8px;
        position:absolute;
        text-overflow:ellipsis;
        top:0;
        white-space:nowrap;
        width:35%
    }
    table.datagrid:not(.datagrid-empty) td.field-boolean {
        padding-left:8px;
        padding-right:65%;
        text-align:left
    }
    table.datagrid:not(.datagrid-empty) td.field-boolean:before {
        color:var(--table-cell-color);
        font-weight:400;
        left:0;
        overflow:hidden;
        text-align:left;
        text-overflow:ellipsis;
        white-space:nowrap
    }
}