html,body{width:100%;height:100%;background-color:#f6f8fa}*{box-sizing:border-box}body{margin:0;padding:0;font-family:Titillium Web,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.bold{font-weight:700}.hide{display:none!important}text-center{text-align:center}.App{max-width:1248px;margin:0 auto}.App .header{text-align:center;letter-spacing:.1em}.App .algorithm-selector{display:flex;justify-content:center}.App .algorithm-selector form{padding:25px;background-color:#fff;min-width:400px}.App .algorithm-selector_input{width:100%;height:25px;margin:3px 0;padding:3px}.App .disclaimer{font-size:13px;max-width:350px}.App .section-title{width:100%;margin:10px}.App .algorithm-selector_button-submit,.App .add-process-button{width:100%;margin:5px 0;text-transform:uppercase;padding:7px;background-color:#282c34;border:1px solid;color:#f7f7f7;font-family:Titillium Web,sans-serif;font-weight:700}.App .add-process-button{background-color:#d37000}.App .process-scheduler_info{max-width:400px;margin:0 auto;width:100%}.App .process-list{display:flex;flex-wrap:wrap;background-color:#fff;padding:5px;border:1px solid #d1d5da;margin:10px 0}.App .process-list .process-queue-priority{font-weight:700;font-size:20px;color:#6e00fd}.App .process-list .process{border:1px solid #282c34;min-width:145px;padding:5px;margin:3px}@media screen and (max-width:465px){.App .process-list .process{flex:1}}.App .process-list .process.finished{background-color:#ebebeb;border-color:#a7ffab;min-width:220px}.App .process-list .process.finished.aborted{color:#dc143c}.App .process-list .process_name{font-weight:700;font-size:20px;border-bottom:1px solid #ebebeb}.App .process-list .process.executing{font-weight:700}.App .process-list .process .inserted{color:#ca6f07}.App .process-list .process-queue-priority{width:100%}.App .process-list_memory-page{width:100%;border-bottom:1px solid #d1d5da}.App .core-list{display:flex;flex-wrap:wrap;background-color:#fff;padding:5px;border:1px solid #d1d5da;margin:10px 0}.App .core-list .core{min-width:200px;border:1px solid #282c34;margin:3px;padding:5px}@media screen and (max-width:465px){.App .core-list .core{flex:1}}.App .core-list .core_name{font-weight:700;border-bottom:1px solid #ebebeb;font-size:20px}.App .core-list .core.executing{background-color:#282c34;color:#fff}.App .core-list .core.executing .core_process-ret{color:#000;background-color:#a7ffab}.App .memory,.App .disk{display:flex;flex-wrap:wrap;background-color:#fff;padding:5px;border:1px solid #d1d5da;margin:10px 0;min-height:70px}.App .memory-initial,.App .disk-initial{display:flex;justify-content:center;align-items:center;border:1px solid gray;padding:5px;margin:10px}.App .memory-block,.App .disk-block{border:1px solid gray;background-color:#56e6e8;padding:3px;margin:3px;min-width:180px}.App .memory-block.free,.App .disk-block.free{background-color:#fff;color:#000}.App .memory-block.busy,.App .disk-block.busy{color:#191970}.App .memory-block_container,.App .disk-block_container{display:flex;flex-wrap:wrap;background-color:#fff;padding:5px;margin:10px 0}.App .memory-page,.App .disk-page{border:1px solid #d1d5da;padding:5px;margin:3px;min-width:210px}.App .page-block{padding:3px;margin-bottom:3px}.App .page-block.busy{background-color:#a7ffab}.App .disk-page .page-block.busy{background-color:#b1c8fd}.App .disk-page_container,.App .memory-page_container{display:flex;flex-wrap:wrap;background-color:#fff;padding:5px;border:1px solid #d1d5da;margin:10px 0;min-height:70px}.lds-dual-ring{display:inline-block;width:24px;height:24px;position:relative}.lds-dual-ring:after{content:" ";display:block;width:15px;height:15px;margin:8px;border-radius:50%;border:2px solid #fff;border-color:#fff transparent #fff transparent;animation:lds-dual-ring 1.2s linear infinite;left:50%;position:absolute}.process .lds-dual-ring:after{border-color:#13bf1b transparent #13bf1b transparent}@keyframes lds-dual-ring{0%{transform:rotate(0)}to{transform:rotate(360deg)}}