#admin_service_group_header { cursor: pointer; }

#admin_service_group_header i { color: #666; }


/*  -------------------------------------------- */

.service_logs {
    display: flex;
    flex-direction: column;
}

.service_logs .service_logs_filter {
    display: flex;
    flex-direction: row;
    justify-content: end;
}

.service_logs .service_logs_filter .btn-filter {
    font-size: 0.9rem;
    padding: 0.15rem .75rem 0 .75rem;
    line-height: unset;
    margin: 0 0 0 0.5rem;

    background-color: transparent;
}
.service_logs .service_logs_filter .btn-filter:hover { background-color: #CCC; }

.service_logs .service_logs_filter .btn-filter.btn-filter-on {
    background-color: #2975d8;
    border: 1px solid #2651be;
}
.service_logs .service_logs_filter .btn-filter.btn-filter-on:hover { background-color: #0955b8; }


@media only screen and (max-width: 45rem) { /* < 720px */
    .service_logs .service_logs_filter { flex-direction: column; }
    .service_logs .service_logs_filter .btn-filter { margin-bottom: 0.25rem; margin-left: 0; }
}

.service_logs .service_logs_pagination {
    display: flex;
    flex-direction: row;
    justify-content: end;
}

.service_logs .service_logs_pagination .btn-pagination {
    font-size: 0.9rem;
    padding: 0 .25rem 0 .25rem;
    min-width: 1rem;
    line-height: unset;
    margin: 0 0 0 0.30rem;
    border-radius: 0;
}
.service_logs .service_logs_pagination .btn-pagination:hover { background-color: #777; }

.service_logs .service_logs_pagination .btn-pagination.btn-pagination-active { background-color: #777; }
.service_logs .service_logs_pagination .btn-pagination.btn-pagination-active:hover { background-color: #555; }

.service_logs_content {
    display: flex;
    flex-direction: column;
    min-height: 2rem;

    margin-top:    0.5rem;
    margin-bottom: 0.5rem;

    line-height: 1.4;
}

.service_logs_content .log_row {
    display: flex;
    flex-direction: row;

    border: 1px solid #888;
    margin: 0.2rem 0;

    cursor: pointer;
}

.service_logs_content .log_row .srcvlog_col_level {
    min-width: 5rem;
    padding-left: 0.2rem;
    margin-right: 0.2rem;
}

@media only screen and (max-width: 45rem) { /* < 720px */
    .service_logs_content .log_row { flex-direction: column; }
    .service_logs_content .log_row .srcvlog_col_title { padding-left: 0.2rem; }
    .service_logs_content .log_row .srcvlog_col_date  { padding-left: 0.2rem; }
    .service_logs_content .log_row .srcvlog_col_level { margin-right: 0; }
}

/*TRACE*/
.service_logs_content .log_row.log-level-0 .srcvlog_col_level { background-color: #EEE; color: #888; }
.service_logs_content .log_row.log-level-0                    { color: #888; }

/*DEBUG*/
.service_logs_content .log_row.log-level-1 .srcvlog_col_level { background-color: #EEE; }
.service_logs_content .log_row.log-level-1                    { color: #000; }

/*INFO*/
.service_logs_content .log_row.log-level-2 .srcvlog_col_level { background-color: #ADF; }
.service_logs_content .log_row.log-level-2                    { color: #000; }

/*WARN*/
.service_logs_content .log_row.log-level-3 .srcvlog_col_level { background-color: #F80; }
.service_logs_content .log_row.log-level-3                    { color: #000; }

/*ERROR*/
.service_logs_content .log_row.log-level-4 .srcvlog_col_level { background-color: #F00; }
.service_logs_content .log_row.log-level-4                    { color: #000; }

/*FATAL*/
.service_logs_content .log_row.log-level-5 .srcvlog_col_level { background-color: #A00; }
.service_logs_content .log_row.log-level-5                    { color: #000; border-color: #F00; }

.service_logs_content .log_row .srcvlog_col_title {
    flex-grow: 1;
    text-overflow: ellipsis;
}

.service_logs_content .log_row .srcvlog_col_date {
    padding-right: 0.2rem;
    color: #555;
}

.log_row_content {
    margin-top: -0.2rem;
    border: 1px solid #888;
    border-radius: 0 0 4px 4px;
    border-top-width: 0;

    display: flex;
    flex-direction: column;

}

.log_row_content .srcvlog_col_data_header {
    font-weight: bold;
    background-color: #EEE;
    padding: 0 1rem;
}

.log_row_content .srcvlog_col_data_data {

    padding: 0.1rem 1rem;
    white-space: pre-wrap;
    font-family: monospace;

    font-size: 0.8rem;

    border: 1px solid #888;
    border-radius: 4px;
    margin : 0.5rem 0.1rem;

    background-color: #EEE;
    color: #000;
}

@media only screen and (max-width: 45rem) { /* < 720px */
    .log_row_content .srcvlog_col_data_data { overflow-x: scroll; }
}

.log_row_content .srcvlog_col_data_data.srcvlog_col_user {
    font-family: unset;
    background-color: transparent;
    border: none;
}

.log_row_content .srcvlog_col_data_data.srcvlog_col_appstatus {
    white-space: pre;
    overflow-x: scroll;
}

.log_row_content .srcvlog_col_data_data.srcvlog_col_dump {
    white-space: pre;
    overflow-x: scroll;
}

/*  -------------------------------------------- */

.service_mailtest {
    display: grid;
    grid-template-columns: auto 1fr;
}

.service_mailtest span {
    grid-column: 1/3;
}

.service_mailtest label {
    margin: 0.1rem 0.5rem 0.1rem 0;
}

.service_mailtest input {
    margin: 0.1rem 0;
}

.service_mailtest textarea {
    margin: 0.1rem 0;
}

.service_mailtest button {
    margin: 1rem 0rem 0 0;

    grid-column: 1/3;
}

/*  -------------------------------------------- */

.service_cron .cron_lsr {
    border: 1px solid #444;
    padding: 0 0.3rem;
    border-radius: 4px;
}

.service_cron .cron_lsr span { font-weight: bold; margin-left: 2rem; }

.service_cron .cron_lsr.cron_lsr_okay {
    background-color: #0C0;
}

.service_cron .cron_lsr.cron_lsr_late {
    background-color: #C00;
}

.service_cron .cron_lsr.cron_lsr_never {
    background-color: #BBB;
}

.service_cron .cron_data_header {
    font-size: 1.5rem;
    font-weight: bold;
    margin-top: 1rem;
}

.service_cron .cron_data_content {
    background: #CCC;
    border: 1px solid #666;
    border-radius: 2px;

    padding: 0.2rem;
    margin: 0 0 0.75rem 0;
    font-family: monospace;

    white-space: pre;
    overflow-x: auto;
}

/*  -------------------------------------------- */

.service_git > label {
    margin-right: 2rem;
    font-weight: bold;
}
.service_git {
    display: grid;
    grid-template-columns: auto 1fr;
}