:root {
    --layout-region-edit-extended-width: min(100rem, 100%);
}

body.url-gff11-ddev-site h1,
body.url-gff11-ddev-site h2,
body.url-gff11-ddev-site h3,
body.url-gff11-ddev-site h2 a,
body.url-gff11-ddev-site h3 a {
    color: orange;
}

#edit-group-materials .field--name-field-material-label {
    max-width: 50%;
    float: left;
}

#edit-group-materials .field--name-field-material-value {
    max-width: 50%;
    float: right;
}

.toolbar-menu-administration > ul.toolbar-menu:first-child li.menu-item a[href='/admin/dashboard'],
.toolbar-menu-administration > ul.toolbar-menu:first-child li.menu-item a[href='/admin/config/development/backup_migrate?top='] {
    background-image: url('../images/backup.png');
    background-repeat: no-repeat;
    background-position: 10px center;
    background-size: 26px;
}

.toolbar-menu-administration > ul.toolbar-menu:first-child li.menu-item a[href='/admin/dashboard'] {
    background-image: url('../images/dashboard.png');
}

.toolbar-tray ul li a {
    padding: 0.7rem;
}

.path-admin th,
.path-admin td {
    padding: 0 0.5rem;
    height: auto;
}

/* ARTICLE PICTURES FORM ELEMENT */
#edit-picture-nodes .images-wrapper {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1rem;
}

#edit-picture-nodes .images-wrapper article.in-use {
    border-color: red;
}

#edit-picture-nodes .images-wrapper article {
    border: 2px dashed #000;
    text-align: center;
}

/* PICTURE WINDOW */
.gff_pictures_triggers {
    margin-bottom: 1rem;
}
.gff_pictures_triggers .close {
    background-color: red;
    color: white;
    padding: 2px;
    width: 1.5rem;
    height: 1.5rem;
    text-align: center;
    cursor: pointer;
}
.gff_pictures_triggers span {
    display: inline-block;
    margin-right: 1rem;
    cursor: pointer;
}

#show-used-trigger {
    display: none;
}

.gff_pictures_triggers .close {
    float: right;
}

/* TABNLES */

table tr td {
    vertical-align: top;
}

.view-dashboard.gff-standard-table table {
    width: -webkit-fill-available;
}

textarea {
    field-sizing: content;
    min-width: 90%;
    min-height: 5rem;
}

textarea.text-summary {
    min-height: 5rem;
}

textarea.text-full {
    min-height: 15rem;
}


.dashboard-links {
    width:20rem;
    float: right;
    margin-left: 2rem;
    background-color: #eee;
    padding: 0.5rem;
}

.ui-dialog.token-tree-dialog {
    position: fixed !important;
    top: 0 !important;
    left: 50% !important;
}