.errorlist {
    color: red;
}

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

.negative-balance {
    font-weight: bold !important;
    color: red !important;
}

.positive-balance {
    font-weight: bold !important;
    color: forestGreen !important;
}

.td-amount {
    min-width: 10rem;
}

.checkbox-label {
    display: inline;
    font-weight: normal;
}

table tr.disabled a {
    color: DimGrey !important;
}

.row-params {
    margin-bottom: 4rem;
}

.row-params input[type=checkbox] {
    margin-right: 0.5em;
    margin-left: 0.5em;
}

.row-pager {
    text-align: center;
    margin-bottom: 1.5rem;
}

.row-pager .button {
    padding: 0;
    min-width: 3.8rem;
}

.row-pager .button-disabled {
    padding: 0;
    min-width: 3.8rem;
}

.row-pager .pager-pages {
    padding: 0 3rem;
}

header {
    color: white;
    background-color: ForestGreen;
    height: 7.2rem;
    width: 100%;
    position: fixed;
    z-index: 10;
}

header.admin {
    border-top: 0.6rem solid red;
}

header.not-admin {
    border-top: 0.6rem solid ForestGreen;
}

header.dev {
    background-color: DarkOrange;
}

header row, header row div, .cell-header-title, .cell-header-logout {
    height: 7.2rem;
}

header .cell-header-title h3 {
    font-weight: bold;
    margin: 0;
    margin-top: 0.5rem;
}

main {
    padding-top: 7.8rem;
}

.section-errors {
    background-color: FireBrick;
    color: white;
}

.section-errors p {
    font-weight: bold;
    margin-top: 1rem;
    margin-bottom: 1rem;
}

.container-login {
    margin-top: 5%;
}

.container-login h4 {
    color: ForestGreen;
    font-weight: Bold;
}

.cell-header-title, .cell-header-logout, .cell-header-back {
    display: flex; /* contexte sur le parent */
    flex-direction: column; /* direction d'affichage verticale */
    justify-content: center; /* alignement vertical */
}

.cell-header-logo, .cell-header-back {
    width: 12.8rem;
    height: 5.1rem;
    margin-top: 0.9rem;
}

.cell-header-logo img {
    width: 12.8rem;
    height: 5.1rem;
}

.cell-header-logout a, .cell-header-back a {
    width: 4.8rem;
    height: 4.8rem;
}

.cell-header-logout img, .cell-header-back img {
    width: 3.6rem;
    height: 3.6rem;
    display: block;
    margin: 0.6rem;
}

.container-index, .container-delivery, .container-member-search, .container-abandoned {
    margin-top: 5rem;
}

.container-index .row-title {
    color: ForestGreen;
    text-align: center;
    margin-top: 5rem;
}

.container-index .button {
    height: 7.6rem;
    line-height: 7.6rem;
    margin-bottom: 2.5rem;
    font-size: 1em;
}

.container-index form {
    margin-bottom: 0rem;
}

.container-delivery .row-or {
    text-align: center;
    font-weight: bold;
    color: ForestGreen;
}

.container-delivery .row-places .button {
    height: 5.4rem;
    line-height: 5.4rem;
    font-size: 1em;
}

.pane-member-list {
    position: fixed;
    width: calc((960px / 12 * 3) - (960px * 3 / 100));
    margin-left: calc(((100vw - 960px) / 2));
}

.pane-member-detail {
    width: calc((960px / 12 * 9));
    margin-left: calc(((100vw - 960px) / 2) + (960px / 12 * 3));
}

.table-member-list {
    border-right: 0.2rem solid LightGray;
    max-height: calc(100vh - 7.8rem);
}

.table-member-list thead {
    display: block;
    margin-top: 0.5rem;
}

.table-member-list tbody {
    display: block;
    overflow-y: auto;
    max-height: calc(100vh - 13.3rem);
}

.table-member-list tr {
    display: block;
    width: 100%;
}

.table-member-list th {
    padding: 1.2rem 1.5rem;
}

.table-member-list td {
    display: block;
    width: 100%;
    padding: 0;
}

.table-member-list td.search {
    padding: 0;
}

.table-member-list td.search input {
    margin: 0;
    min-height: 4.9rem;
    border: 0;
    padding: 0.6rem 1.5rem;
    padding-left: 4.8rem;
    background: url("/static/grocery/img/search_black_24dp.png") no-repeat 1.2rem 1.2rem;
    background-size: 2.4rem;
}

.table-member-list a, .table-member-list .cell-empty {
    display: block;
    padding: 1.2rem 1.5rem;
    color: black;
    text-decoration: none;
}

.table-member-list .selected {
    font-weight: bold;
    color: ForestGreen;
}

.table-member-search-list td {
    padding: 0;
}

.table-member-search-list td a {
    display: block;
    padding: 1.2rem 1.5rem;
    color: black;
    text-decoration: none;
}

.table-member-search-list td:first-child a {
    padding-left: 0rem;
}

.table-member-search-list td:last-child a {
    padding-right: 0rem;
}

.container-member-detail {
    margin-top: 2.5rem;
}

.container-member-detail h3, .container-member-detail b {
    color: ForestGreen;
}

.container-member-detail .row-transactions table {
    margin-bottom: 1.5rem;
}

.container-member-detail .row-transactions table td.td-actions {
    padding: 0px 0;
    text-align: right;
}

.container-member-detail .row-transactions table td.td-actions .button {
    margin: 0;
    padding: 0;
    min-width: 3.5em;
    margin-bottom: -0.6em;
}

.container-member-detail .cell-actions .button {
    margin: 0;
    padding: 0;
    min-width: 3.5em;
}

.row-member-detail-title {
    margin-bottom: 2em;
}

.row-member-detail-title h1 {
    color: ForestGreen;
    font-weight: bold;
}

.row-member-detail-title h3, .row-member-detail-title p {
    display: inline;
}

.row-member-detail-title .cell-member-detail-title-balance {
    text-align: right;
}

.container-transaction {
    margin-top: 2.5rem;
}

.container-state .cell-period {
    margin-top: 3.6rem;
    text-align: right;
}

.container-state .button {
    margin-top: 2.9rem;
}

.container-state table b {
    color: ForestGreen;
}

.container-state .row {
    margin-bottom: 4rem;
}

.row-place-empty {
    text-align: center;
}

.row-labels .cell-total p {
    margin-bottom: 0rem;
}

.container-abandoned .cell-since {
    text-align: right;
    margin-top: 0.7rem;
}

.container-abandoned table td {
    padding: 0;
}

.container-abandoned table td a {
    display: block;
    padding: 1.2rem 1.5rem;
    padding-left: 1.5rem;
    color: black;
    text-decoration: none;
}

.container-abandoned table td:first-child a {
    padding-left: 0rem;
}

.container-abandoned table td:last-child a {
    padding-right: 0rem;
}

.container-consolidated-balance {
    padding-top: 3rem;
}

.container-consolidated-balance h3 {
    color: ForestGreen;
}