#messageContainer {
    background: #b22222;
    border-radius: 10px;
    font-size: .9em;
    padding-left: 1em;
}
#messageContainer > div {
    padding: 0.3em;
}
#messageContainer > div > div:first-child {
    color: white;
}
#messageContainer > div > div:last-child {
    color: white;
    font-weight: bold;
    text-indent: 10px;
    font-size: .9em;
}

#queueEventsTable > tbody > tr > td:last-child {
    position: relative;
}

.payload-pre {
    margin: 0; 
    font-size: 9px;
    height: 1em;
    overflow-y: hidden;
    cursor: pointer;
}
.payload-pre ~ div {
    display: inline-flex;
    position: absolute;
    top: 2px;
    right: 2px;
    background: #eee;
    border-radius: 50%;
    width: 1em;
    height: 1em;
    align-items: center;
    justify-content: center;
    cursor: pointer
}
.payload-pre ~ div:after {
    content: '+';
}

.payload-pre.opened {
    height: unset;
    cursor: unset;
}
.payload-pre.opened ~ div:after {
    content: '-';
}

.section-header {
    position: relative;
    background: #eee;
    border-radius: 5px;
    padding: .3em;
}
.canToggle {
    cursor: pointer;
}
.section-header > span {
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translateY(-50%);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1em;
    height: 1em;
}
.section > .section-header > span:after {
    content: '-';
}
.section.closed > .section-header> span:after,
body.petition .section[data-section="petition"] > .section-header> span:after,
body.petition-detail .section[data-section="petition-detail"] > .section-header> span:after,
body.payments .section[data-section="payments"] > .section-header> span:after,
body.events .section[data-section="events"] > .section-header> span:after {
    content: '+';
}
.section.closed > .section-table,
body.petition .section[data-section="petition"] > .section-table,
body.petition-detail .section[data-section="petition-detail"] > .section-table,
body.payments .section[data-section="payments"] > .section-table,
body.events .section[data-section="events"] > .section-table {
    display: none;
}

#lpcoTableBody > tr > td:last-child {
    text-align: center;
}

#lpcoFormContainer {
    padding-left: 1em;
    padding-right: 1em;
    display: none;
}
#lpcoFormContainer input[type="submit"] {
    margin-top: .5em;
}
#lpcoFormContainer form > div:not(:first-child) {
    margin-top: .2em;
}
#lpcoFormContainer form label {
    font-size: .8em;
}

.lpcoFormButton {
    float: right;
}
.lpcoFormButton:after {
    content: 'novo';
}

.lpcoSection.opened .lpcoFormButton:after {
    content: 'fechar';
}
.lpcoSection.opened #lpcoFormContainer {
    display: block;
}


.errorCell {
    text-align: center;
}
.errorCell > button {
    color: red;
}