body{
    margin: 0;
}
body{
    display: grid;
}

body{
    display: grid;
    grid-template-columns: 300px auto;
}
div.before_header{
    grid-column-start: 1;
}
header{
    grid-column-start: 2;
    display: grid;
    grid-template-columns: 200px 200px auto;
}
header nav.left{
    grid-column-start: 1;
    font-size: 150%;
}
header nav.center{
    grid-column-start: 2;
    text-align: left;
}
header nav.right{
    grid-column-start: 3;
    text-align: right;
}
nav.menu{
    grid-column-start: 2;
}
main{
    grid-column-start: 2;
}
sidebar{
    grid-column-start: 1;
    margin-left: 5%;
}



button{
    border: solid 1px rgb(28, 21, 91);
}

sidebar{
    margin-top: 10px;
}
main{
    margin-top: 0px;
}

h1{
    margin-bottom: 10px;
    margin-top: 10px;
}

table th{
    text-align: left;
    font-weight: bold;
}

table th, table td{
    padding-right: 1em;
}

table.compact th, table.compact td{
    padding-right: 0.3em;
}

a{
    color: rgb(0, 116, 232);
    text-decoration: none;
}

header, div.before_header{
    background-color: #39d4f6;
}
header.admin, div.before_header.admin{
    background-color: #f6393c;
}
header a{
    color: white;
}
header nav.left{
    font-size: 150%;
}
header nav.center{
    font-size: 150%;
}
header nav.right{
}

nav ul{
    display: inline-block;
}
nav ul li{
    display: inline-block;
    margin-right: 20px;
    font-weight: bold;
}
nav.menu ul{
    padding: 0;
    margin-bottom: 0;
}
nav.menu li:before{
    content: "» ";
}


pre .nl{
    color: rgb(0, 116, 232);
}
pre .s2{
    color: rgb(221, 0, 169);
}
pre .mf{
    color: rgb(5, 139, 0)
}
pre{
    white-space: pre-wrap;
}

label{
    display: block;
    font-weight: bold;
}
label.inline{
    display: inline;
}
#columns label{
    display: inline;
}
td.md5 div{
    text-overflow: ellipsis;
    overflow: hidden; 
    width: 2em; 
    white-space: nowrap;
}
td.json_hide div{
    text-overflow: ellipsis;
    overflow: hidden; 
    width: 20em; 
    white-space: nowrap;
}
table.details td{
    vertical-align: top;
}
table.details p{
    margin: 0;
}
table.details ul{
    margin-top: 0;
}
table.details tr td:first-child{
    font-weight: bold;
}
table.details td{
    padding-top: 5px;
}

#filter li, #columns li{
    display: block;
    padding: 0;
    margin: 0;
    margin-top: 10px;
}

#filter, #columns{
    padding: 0;
    margin: 0;
}
h1.problem{
    color: red;
}
.limcol{
    display: inline-block;
    text-overflow: ellipsis;
    overflow: hidden;
    width: 8em;
    white-space: nowrap;
    vertical-align: text-bottom;
}
.limcol2{
    text-overflow: ellipsis;
    overflow: hidden;
    width: 14em;
    white-space: nowrap;
}
tr.alert td{
    background-color: #ffcccc;
}
div#sidebars{
    grid-column-start: 1;
    margin-left: 5%;
}
div#sidebars div.sidebar#1{
    display: block;
}
div#sidebars div.sidebar#2{
    display: block;
}

span.cell_value{
}
span.time_info{
    padding-right: 1em;
    font-size: 80%;
    font-family: monospace;
}
div.locations tr.status_undefined td{
    background-color: #998877;
}
div.locations tr.auto_deactivated td{
    text-decoration: line-through;
}
div.locations tr.status_success td{
    background-color: #ffffff;
}
div.locations tr.status_alert_client td{
    background-color: #ffcccc;
}
div.locations tr.status_error td{
    background-color: #ff0000;
    color: #ffffff;
}
div.locations tr.status_too_long td{
    background-color: #ff007f;
    color: #ffffff;
}
div.locations tr.status_stale td, div.invoices tr.status_stale td{
    background-color: #aa0000;
    color: #ffffff;
}
tr.status_stale a, tr.status_error a{
    color: #ffffff;
}
div.locations tr.status_in_progress td{
    background-color: #ffcc44;
}
div.locations tr.status_never td{
    background-color: #aa55ff;
    color: #ffffff;
}
div.locations tr.status_locked td, div.accounts tr.status_locked td, tr.status_locked td div{
    text-decoration: underline;
    text-decoration-color: red;
}
span.website_error_text{
    font-weight: bold;
}
span.aida_error_text{
    font-family: monospace;
}

span.permanent_status, span.blame{
    font-family: monospace;
    padding-left: 3px;
    padding-right: 3px;
}
span.screenshot_link{
}
span.screenshot_link.disabled{
    color: #ccc;
}
div.message{
    display: inline-block;
    vertical-align: bottom;
}
span.message_source{
    font-weight: bold;
    padding-left: 3px;
    padding-right: 3px;
}

td.status_error{
    background-color: red;
    color: white;
}
td.status_updating{
    background-color: #ffcc44;
    color: black;
}
td.status_success{
    background-color: white;
    color: black;
}
td.status_none{
    background-color: #aa55ff;
    color: #ffffff;
}
td.account_locked{
    text-decoration: underline;
    text-decoration-color: red;
}
td.account_error, td.invoice_error{
    background-color: #ffcaca;
    color: white;
}
span.backtrace_click, span.url_click{
    cursor: pointer;
}
td.error_count_bad{
    background-color: #ffcaca;
}
td.error_count_very_bad{
    background-color: red;
}
td.error_count_very_very_bad{
    background-color: red;
    font-size: 150%;
}
tr.job_success td{
    background-color: #c1ffc8;
}
tr.job_failure td{
    background-color: #ffc1c8;
}
tr.job_failure_user td{
    background-color: #ffa1f8;
}
tr.job_failure_provider td{
    background-color: #ffa0a0;
}
tr.job_failure_system td{
    background-color: #ff6060;
    color: #ffffff;
}
tr.job_failure_system td a{
    background-color: #ff6060;
    color: #aff;
}
tr.job_tryagain td{
    background-color: #fff1f8;
}
tr.job_started td{
    background-color: #ffcc44;
}
tr.error_permanent_system td{
    background-color: #ffc1c8;
}
tr.divider td{
    border-top: solid 1px black;
}
table.cal_month td, table.cal_month th{
    text-align: center;
}
td.cal_weekend{
    color: red;
}
td.cal_working_day{
    color: black;
}
td.cal_holiday{
    color: orange;
    font-weight: bold;
}
td.actions{
}
td.has_actions{
    padding-right: 0px;
}
p.agree_hide{
    display: none;
}
p#message.ok{
    color: blue;
    font-weight: bold;
}
p#message.error{
    color: red;
    font-weight: bold;
}

table:not(.colorful) td:not(.colorful) {
    background-color: #dbeceb;
}

table:not(.colorful) tr:nth-child(even) td:not(.colorful){
    background-color: white;
}
.invisible{
    background-color: #ebb8ff;
}
.limited_invoice{
    background-color: #f8e9ff;
}
.limited_invoice_pdf,
.limited_invoice_notice{
    color: #7a3aa7;
    font-weight: bold;
}
.limited_invoice_notice{
    display: inline-block;
    max-width: 240px;
}
.invalid:after{
    content: "*";
}
span.checked{
    background-color: #aaff7f;
}

td.taking_too_long_to_start{
    color: red;
}
td.taking_too_long_to_finish{
    color: red;
}
td.task_failed{
    color: red;
}
table#main_table thead{
    position: sticky;
    top: 0;
    background-color: #1f7586;
    color: white;
}
table#main_table thead th{
    padding-left: 2px;
    padding-right: 2px;
}

span.blacklisted{
    background-color: black;
    color: white;
    padding-left: 0.2em;
    padding-right: 0.2em;
}

span.graylisted{
    background-color: #888;
    color: white;
    padding-left: 0.2em;
    padding-right: 0.2em;
}

span.whitelisted{
    color: #555;
}
span.enum{
    border: dotted 1px #777;
    padding-left: 5px;
    padding-right: 5px;
}
span.job_status_ready, span.attempt_status_ready{
    background-color: #f5dcff;
}
span.job_status_success, span.attempt_status_success, span.operation_status_success{
    background-color: #a7d9a3;
}
span.job_status_failure, span.attempt_status_failure, span.operation_status_failure{
    background-color: #d97c7e;
}
span.job_status_scheduled{
    background-color: #c5c4d9;
}
span.job_status_queued, span.attempt_status_queued, span.task_status_queued, span.operation_status_waiting{
    background-color: #d9d9bf;
}
span.job_status_running, span.attempt_status_running, span.task_status_running{
    background-color: #a8cad9;
}
span.task_status_finished{
    background-color: #ffd9f4;
}
span.failure_blame_system{
    background-color: #ffd3d3;
}
span.failure_blame_user{
    background-color: #ffd0fc;
}
span.failure_blame_provider{
    background-color: #c1fffd;
}
span.attempt_severity_temporary{
    background-color: #d3e0ff;
}
span.attempt_severity_permanent{
    background-color: #ffcdce;
}

ul.settings.disabled li{
    color: #ccc;
}
div.form_result{
    padding: 2em;
    margin-top: 2em;
    display: none;
}
div.form_result.failure{
    background-color: #ffcdce;
    display: inline-block;
}
div.form_result.success{
    background-color: #a7d9a3;
    display: inline-block;
}
tr.duplicate_bug td{
    text-decoration: line-through;
    color: white;
    background-color: red !important;
}
div.documentation{
    font-size: 120%;
}
/*.modal-overlay{*/
/*    position: fixed;*/
/*    inset: 0;*/
/*    background: rgba(0, 0, 0, 0.45);*/
/*    display: flex;*/
/*    align-items: center;*/
/*    justify-content: center;*/
/*    z-index: 1000;*/
/*    padding: 1.5rem;*/
/*}*/

/*.modal{*/
/*    background: #fff;*/
/*    border-radius: 6px;*/
/*    max-width: 480px;*/
/*    width: 100%;*/
/*    padding: 1.5rem;*/
/*    box-shadow: 0 20px 45px rgba(0, 0, 0, 0.2);*/
/*}*/

/*.modal h2{*/
/*    margin-top: 0;*/
/*    font-size: 1.4rem;*/
/*}*/

/*.modal p{*/
/*    margin-top: 0.75rem;*/
/*    margin-bottom: 0.75rem;*/
/*    line-height: 1.4;*/
/*}*/

/*.modal textarea{*/
/*    width: 100%;*/
/*    min-height: 120px;*/
/*    resize: vertical;*/
/*    padding: 0.75rem;*/
/*    font-size: 1rem;*/
/*    border: 1px solid #ccc;*/
/*    border-radius: 4px;*/
/*}*/

/*.modal-actions{*/
/*    margin-top: 1.5rem;*/
/*    display: flex;*/
/*    justify-content: flex-end;*/
/*    gap: 0.75rem;*/
/*}*/

/*.modal-actions button{*/
/*    padding: 0.5rem 1rem;*/
/*    font-size: 0.95rem;*/
/*    border-radius: 4px;*/
/*    border: none;*/
/*    cursor: pointer;*/
/*}*/

/*.modal-actions button:disabled{*/
/*    opacity: 0.7;*/
/*    cursor: not-allowed;*/
/*}*/

/*.modal-confirm{*/
/*    background-color: #f6393c;*/
/*    color: #fff;*/
/*}*/

/*.modal-confirm:disabled{*/
/*    background-color: #f08a8c;*/
/*}*/

/*.modal-error{*/
/*    color: #d60000;*/
/*    font-size: 0.9rem;*/
/*    min-height: 1.2rem;*/
/*    margin-top: 0.5rem;*/
/*}*/

/*.invalidate-button{*/
/*    padding: 0.35rem 0.75rem;*/
/*}*/