html{font-size:14px;font-family:'Open Sans',sans-serif}.btn:focus,.btn:active:focus,.btn-link.nav-link:focus,.form-control:focus,.form-check-input:focus{box-shadow:0 0 0 .1rem white,0 0 0 .25rem #258cfb}html{min-height:100%;margin-right:.1em}body{margin:0}form{margin:8px 16px;border:0}.login{width:100%;max-width:330px;min-width:300px;border:1px #000 solid;border-radius:.3em;padding:15px;margin:3em auto;text-align:center;font-size:115%;box-shadow:0 .25rem .75rem rgba(0,0,0,.05)}.login h3{text-align:center;margin-bottom:15px}.login input{font-size:95%;width:100%;margin-bottom:1em;padding:4px;border:1px #000 solid;border-radius:.3em}.login button{font-size:100%;margin-top:.5em}.text-center{text-align:center}.text-danger{color:#f00}.text-danger li{list-style-type:none}button{color:#fff;background-color:#1b6ec2;border-color:#1861ac;border-radius:.2em}header{border-bottom:1px solid #d3d3d3;font-size:2em;height:2em;display:flex;gap:1em;align-items:flex-end;padding:.2em .5em}.container{margin:1em 2em}footer{width:100%;white-space:nowrap;line-height:60px;margin-top:1em;border-top:1px solid #d3d3d3;text-align:center;font-size:11px;font-weight:200}.fields{box-shadow:0 .25rem .75rem rgba(0,0,0,.15);border-radius:20px;display:flex;flex-grow:1;align-items:flex-start}.key,.completed{display:flex;align-content:center;margin:0 0 0 1em}.key div{width:20px}.completed div{width:60px}.light,.emptybox{font-size:90%;color:#999;padding-top:1px;margin-right:1em}.emptybox{padding:1em}.stepstatus{flex-grow:3}.right{margin-right:24px;margin-bottom:4px;text-align:right}.row{margin-right:.75em}.jobs{display:grid;gap:1rem;grid-template-columns:1fr 1fr}.infobox,.emptybox{border:1px solid #d3d3d3;border-radius:20px;margin:12px 0;min-width:400px;max-width:650px;box-shadow:0 .2rem .4rem rgba(0,0,0,.15)}.infobox .fields,.infobox .description{background-color:#fff}.infobox .jobnumber{padding:0 4px 4px 4px;border-radius:20px;color:#fff;box-shadow:0 .25rem .75rem rgba(0,0,0,.15)}#inprogress .jobnumber{background-color:#108dba}#completed .jobnumber{background-color:#495961}.infobox .jobnumber span,.infobox .jobnumber strong{padding-right:8px;padding-left:8px}#inprogress .infobox{background-color:#c1e7e31e}#completed .infobox{background-color:#f8fcff}.description{margin:16px;padding:12px;border-radius:20px;box-shadow:0 .25rem .75rem rgba(0,0,0,.15)}.jobduetoday{color:#6495ed}.joboverdue{color:#cd5c5c}.count{background-color:#add8e6;border-radius:50%;font-size:65%;vertical-align:super;padding:1px 6px;color:#808080}.logo{flex:0;max-width:125px}.usercompany{font-size:115%;text-align:center;flex:2}.actions{display:flex;gap:.5em}@media(max-width:768px){html{font-size:14px;margin-right:.1em}.jobs{grid-template-columns:1fr}.logo{width:175px}.infobox,.emptybox{width:100%;min-width:100%;max-width:100%}.hidden-mobile{display:none}}.status-image{display:flex;width:100%;min-width:10em}.status-image .title{color:#000;text-transform:uppercase}.status-image .slider{display:flex;border-radius:16px;border:2px solid #808080;width:100%;overflow:hidden}.pipeline-segment{flex:1;display:flex;align-items:stretch;justify-content:center;height:100%;color:#fff;font-weight:100;line-height:1;border-right:1px solid rgba(255,255,255,.5)}.pipeline-segment:last-child{border-right:0}.segment-new,.segment-active{background-color:#cfcfcf}.segment-started{background-color:#90ee90}.segment-overdue{background-color:#f08080}.segment-done{background-color:#add8e6}.segment-24hr{background-color:#ffd700}.segment-active{font-weight:bold;color:#000}.status-image .date{color:#008000;font-size:110%;margin-top:8px}#global-job-progress-legend{position:absolute;z-index:9999;background-color:#1f2937;color:#fff;padding:8px 16px;border-radius:8px;font-size:1rem;display:flex;flex-direction:column;gap:4px;white-space:nowrap;opacity:0;pointer-events:none;transform:translate(-50%,10px) scale(.95);transition:opacity .15s ease,transform .15s ease;box-shadow:0 10px 15px -3px rgba(0,0,0,.3)}#global-job-progress-legend.job-legend-item-active{opacity:1;transform:translate(-50%,0) scale(1)}#global-job-progress-legend.legend-position-below{transform:translate(-50%,-10px) scale(.95)}#global-job-progress-legend.legend-position-below.job-legend-item-active{transform:translate(-50%,0) scale(1)}.job-legend-item{display:flex;align-items:center;gap:6px}.job-legend-dot{width:16px;height:16px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:110%;font-weight:bold;color:#000;line-height:1}