.newsfeededitform {
    background-color: var(--col-green2-back);
    color: white;

    display: grid;
    grid-template-columns: auto 1fr 1fr auto;
}

.newsfeededitform .label_textinput {
    grid-column: 1;
    margin-right: 0.5rem;

    align-self: center;
    text-align: right;
}


.newsfeededitform #label_content { align-self: start; }


.newsfeededitform #label_title                    { grid-row: 1; grid-column: 1; }
.newsfeededitform #title                          { grid-row: 1; grid-column: 2/5; }

.newsfeededitform #label_content                  { grid-row: 2; grid-column: 1; }
.newsfeededitform #content                        { grid-row: 2; grid-column: 2/5; }

.newsfeededitform .newsfeededitform_attachments   { grid-row: 3; grid-column: 2/5; }
.newsfeededitform .attachmentUploadButton         { grid-row: 4; grid-column: 2/5;}

.newsfeededitform #btnSubmit                      { grid-row: 6; grid-column: 1/5; }


@media only screen and (max-width: 30rem) { /* < 480px */
    .newsfeededitform { grid-template-columns: 1fr; }

    .newsfeededitform .label_textinput { text-align: left; margin-top: 1.5rem;  }
    .newsfeededitform #label_title     {                   margin-top: 0.5rem }

    .newsfeededitform #label_title                    { grid-row: 1; grid-column: 1; }
    .newsfeededitform #title                          { grid-row: 2; grid-column: 1; }

    .newsfeededitform #label_content                  { grid-row: 3; grid-column: 1; }
    .newsfeededitform #content                        { grid-row: 4; grid-column: 1; }

    .newsfeededitform .newsfeededitform_attachments   { grid-row: 5; grid-column: 1; }
    .newsfeededitform .attachmentUploadButton         { grid-row: 6; grid-column: 1;}

    .newsfeededitform #btnSubmit                      { grid-row: 7; grid-column: 1; }

}

.newsfeededitform .qm_tooltip_owner
{
    display: flex;
    align-items: center;
    margin-right: 0.5rem;
}

.newsfeededitform .newsfeed_label_attachment {
    margin-top: 0.2rem;
    margin-left: 0.2rem;

    font-size: 0.8rem;
}

.newsfeededitform .attachmentUploadButton {
    margin-top: 0.2rem;
    margin-left: 0.2rem;
    display: flex;
    justify-content: right;
}

.newsfeededitform .textinput {
    margin: 0.2rem;
    padding: 0.5rem;

    background-color: var(--col-green2-mid);
    border: 1px solid #FFF;
    border-radius: 0.2rem;
    color: #FFF;
}

.newsfeededitform .multitextinput {
    margin: 0.2rem;
    padding: 0.5rem;

    background-color: var(--col-green2-mid);
    border: 1px solid #FFF;
    border-radius: 0.2rem;
    color: #FFF;

    box-sizing: border-box;
    display: block;
    width: calc(100% - 0.4rem);
    min-height: 25rem;
    justify-self: stretch;
    align-self: stretch;
}

.newsfeededitform .multitextinput {
    display: flex;
    align-items: center;
    justify-content: right;
    margin-right: 1rem;
}

.newsfeededitform .btn {
    margin-top: 2rem;

    padding: 0.35rem;
    background-color: #FFF;
    border: 1px solid #060;
    border-radius: 0.25rem;

    font-size: 1.25rem;
    color: var(--col-green2-full);
}
.newsfeededitform .btn:hover { background-color: var(--col-green-light); }

.newsfeededitform .newsfeededitform_attachments {
    display: flex;
    flex-direction: column;
}

.newsfeededitform .newsfeededitform_attachments .attachment {
    display: flex;
    flex-direction: row;

    margin: 0.1rem 0.2rem;
    padding: 0.1rem 0.2rem;

    border: 1px solid #888;
    background-color: #DDD;
    color: #222;
}

.newsfeededitform .newsfeededitform_attachments .attachment span {
    flex-grow: 1;
}

.newsfeededitform .newsfeededitform_attachments .attachment .attachment_delete_button {
    padding-right: 0.2rem;
    padding-left: 0.2rem;
}

.newsfeededitform .newsfeededitform_attachments .attachment .attachment_delete_button:hover {
    background-color: var(--col-red-dark);
    cursor: pointer;
}