chore_runner

@import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600,700,800,900&display=swap);
button{background:#023e73;color:#fff;border-radius:4px;padding:6px 15px 6px 15px;font-family:"Source Sans Pro","Helvetica Neue","Helvetica","Arial",sans-serif}.chore-container{width:100%;height:100vh;max-width:100vw !important;margin:0;display:flex;justify-content:flex-start}.chore-menu{background-color:#f0f0f0;padding:10px 20px;min-width:250px}.running-chores-container{flex:1}.my-chores-heading{color:#262626;font-size:24px;margin-bottom:20px;font-family:"Source Sans Pro","Helvetica Neue","Helvetica","Arial",sans-serif}.chore-form-flexbox{display:flex;flex-direction:column;justify-content:space-between;min-height:5em}.chore-form-select{margin-bottom:1em;color:#595959;border:1px solid #d9d9d9;border-radius:4px;padding:9px 15px}.chore-form-label{color:#262626;font-size:12px;font-family:Source Sans Pro;font-weight:700;margin-bottom:8px}.chore-form-input-wrapper{display:flex;flex-direction:column;flex:1;margin-top:10px}.chore-inputs-container{padding:24px;border:1px solid #d9d9d9;border-radius:4px;background-color:#fff}.chore-form-input{border:1px solid #d9d9d9;padding:6px 12px}.chore-form-flexbox{display:flex;flex-direction:column}.chore-form-inputs-flexbox{text-align:left;display:flex;flex-direction:column}.chore-form-file-input-wrapper{display:flex;flex-direction:column;justify-content:center;align-items:stretch}.chore-form-top-level-input-wrapper{width:100%;min-height:3em}.chore-form-input-errors-wrapper{display:flex;margin-top:10px;flex-direction:column}.chore-form-file-input{color:#fff}.chore-run-submit-button{margin-top:24px;width:100%}.alert{padding:5px !important;margin-bottom:10px !important;max-width:400px}progress{width:100%}.chore-item{margin:5px 20px;margin-bottom:.1em;border:1px solid #d9d9d9;border-radius:4px;background-color:#fff;display:flex;flex-direction:column}.chore-item:first-of-type{margin-top:20px}.chore-item-name{background-color:#f0f0f0;padding:16px 24px;display:flex;justify-content:space-between;align-items:center}.chore-item-name span{text-transform:uppercase;font-family:"Source Sans Pro","Helvetica Neue","Helvetica","Arial",sans-serif;font-weight:400;color:#262626}.chore-item-content-container{display:flex}.chore-item-recentlog{font-family:Courier New,monospace;padding:20px 24px;color:#595959;width:50%}.chore-item-stats{width:50%;display:flex;flex-wrap:wrap;padding:10px 24px}.chore-item-stats-scalar{padding:5px;margin:5px;border:1px solid #d9d9d9;border-radius:4px;flex:0 0 45%;min-height:30px;display:flex;flex-direction:column}.chore-item-stats-scalar span:first-child{font-family:"Source Sans Pro","Helvetica Neue","Helvetica","Arial",sans-serif;font-size:12px;color:#828282}.chore-item-stats-scalar span:nth-child(2){font-family:"Source Sans Pro","Helvetica Neue","Helvetica","Arial",sans-serif;font-size:28px}.chore-modal-backdrop{position:absolute;top:0;left:0;z-index:100;background-color:#000;opacity:.3;display:flex;justify-content:center;align-items:center;height:100%;width:100%}.chore-modal-container{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);z-index:101;background-color:#f9f9f9;box-shadow:1px 2px 4px rgba(0,0,0,.15);min-height:200px;min-width:50%;max-height:400px;overflow-y:scroll}.chore-modal-header{padding:10px;background-color:#f9f9f9;border-bottom:1px solid #d9d9d9;display:flex;justify-content:space-between}.chore-modal-header h2{font-weight:500;font-family:"Source Sans Pro","Helvetica Neue","Helvetica","Arial",sans-serif !important;color:#262626;font-size:16px}.chore-modal-header button{border:none;background-color:transparent;color:#000;padding:0;color:#262626;font-family:"Source Sans Pro","Helvetica Neue","Helvetica","Arial",sans-serif}.chore-modal-text-container{min-height:200px;min-width:300px;max-height:300px;padding:10px}.chore-modal-text-container p{font-family:Courier New,monospace}.chore-modal-bottom-container{padding:10px;display:flex;justify-content:flex-end;background-color:#f0f0f0;border-top:1px solid #d9d9d9}.running-chores{list-style-type:none;background-color:#fff;padding:.25em;padding-top:.5em;height:40em;overflow-y:scroll;margin-top:0;height:100%}