.date{background-color:#cfe4fc;justify-content:center;align-items:center;height:32px}.record{width:100%;font-size:18px;border:solid 2px #444;border-bottom:none;font-weight:500;display:flex}.overhead{border-bottom:solid 2px #444;height:34px}.divider{background-color:#fef4cf;display:flex;justify-content:center;align-items:center;height:32px;font-size:18px;border:solid 2px #444;border-bottom:none;font-weight:500}.past{background-color:#fff;justify-content:normal;align-items:center;flex-direction:column}.odd{background-color:#dbdbdb}.past-line{width:100%;display:flex;justify-content:space-between}.past-element:last-child{border-right:none}.past-line:last-child .past-element{border-bottom:none}.past-element{height:32px;display:flex;justify-content:center;align-items:center;width:20%;border-right:2px solid #888;border-bottom:2px solid #888}.past-p3{text-align:right;justify-content:right}.past-failed{background-color:#fc9a9a}.p3-failed{background-color:#fcc2c2}.future{background-color:#fff;justify-content:normal;align-items:center;flex-direction:column}.odd{background-color:#dfdfdf}.future-line{width:100%;display:flex;justify-content:space-between}.future-element:last-child{border-right:none}.future-line:last-child .future-element{border-bottom:none}.future-device{height:32px;width:100%;display:flex;justify-content:center;align-items:center;border-bottom:2px solid #888}.future-element{height:32px;display:flex;justify-content:center;align-items:center;width:25%;border-right:2px solid #888;border-bottom:2px solid #888}.future-barrel{width:50%}.last{border-bottom:solid 2px #444}.scroll-view{flex:1;display:flex;justify-content:space-between;flex-direction:column;margin:0 10px 10px}.schedule-bottom{width:100%;border-bottom:solid 2px #444}header{display:flex;justify-content:space-between;align-items:center;background-color:#fff;padding:10px;width:100%}.header-title{margin:0;font-size:1.5rem;font-weight:700}.icon-button{background-color:#444;border:none;width:14vw;height:14vw;display:flex;justify-content:center;align-items:center;border-radius:12px;font-size:5.5vw;color:#fff}.icon-button.hide{visibility:hidden}.loader-container{height:100%;width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}.spinner{width:50px;height:50px;border:5px solid #f3f3f3;border-top:5px solid #3498db;border-radius:50%;animation:spin 1.5s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.dates-content{margin:10px;display:flex;flex-direction:column}.dates-option{margin-bottom:20px;font-size:20px;display:flex;flex-direction:row;justify-content:space-between;align-items:center}.dates-name{width:40%}.dates-input{width:50%;padding:5px;font-size:20px}.modal-outer{position:absolute;left:0;top:0;background-color:#305bab4c;width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}.modal-inner{background-color:#fff}.p3failed-container{display:flex;flex-direction:column;width:70vw;max-height:145vw;background-color:#fff;padding:3.5vw}.p3failed-container:last-child{margin-bottom:0}.p3failed-title{margin:0 auto;font-size:5.5vw;margin-bottom:3.5vw}.p3failed-text{font-size:4.2vw;margin-bottom:2vw}.devices-content{margin:5px 10px 10px;flex:1;display:flex;flex-direction:column}.devices-filter{width:62%}.devices-inverse{width:36%}.grid{display:flex;flex-direction:column;overflow-y:auto;width:100%}.grid-outer{display:flex;flex:1;flex-direction:column}.grid-holder{display:flex;flex-direction:column}.grid-row{display:grid}.grid-device{box-sizing:border-box;display:flex;align-items:center;justify-content:center;border:2px solid black;border-left:none;border-top:none;height:17vw;font-size:24px}.grid-device:first-child{box-sizing:border-box;border-left:2px solid black}.grid-row:first-child .grid-device{box-sizing:border-box;border-top:2px solid black}.selected{background-color:#cfe4fc}.placeholder{background-color:#f5f5f5;opacity:.5;cursor:default}.barrels-content{margin:5px 10px 10px;flex:1;display:flex;flex-direction:column}.control-buttons{width:100%;font-size:4.4vw;display:flex;flex-direction:row;justify-content:space-between;margin-bottom:10px}.control-buttons div{border:2px solid black;border-radius:12px;background-color:#e0e0e0;height:9.2vw;display:flex;justify-content:center;align-items:center}.barrels-filter{width:62%}.barrels-inverse{width:36%}.settings-content{display:flex;flex-direction:column;margin:10px}.settings-option{margin-bottom:20px;font-size:20px;display:flex;flex-direction:row;justify-content:space-between;align-items:center}.settings-name{width:60%}.settings-docs-name{width:80%}.settings-input{max-width:30%;padding:5px;font-size:20px}.settings-download{background-color:#444;border:none;width:46px;height:46px;display:flex;justify-content:center;align-items:center;border-radius:10px;font-size:22px;color:#fff}.settings-docs{display:flex;flex-direction:column;margin:30px 10px 0}.hr{width:100%;border-bottom:1px solid #444}.main-page{display:flex;flex-direction:column;height:100%}.login-base{height:100%;display:table;width:100%;background-color:#000;background-image:url(images/bg_stars.gif);font-family:Verdana,Arial,Helvetica,sans-serif;font-size:12px;color:#ccc}.login-container{display:table-cell;vertical-align:middle;text-align:center;background-color:#111;border:2px solid #333333;padding:20px;margin:50px auto 0;width:400px}.login-container h1{color:#c00;font-size:18px;border-bottom:1px dotted #666666;padding-bottom:10px;margin-bottom:30px}.login-container input{margin-bottom:15px;padding:8px;font-size:14px;border:1px solid #666666;width:250px;background-color:#000;color:#ccc;font-family:Verdana,Arial,Helvetica,sans-serif}.login-container input:focus{border-color:#960;outline:none}.login-container button{padding:8px 15px;font-size:14px;background-color:#600;color:#ccc;font-weight:700;border:1px solid #333333;width:150px;cursor:pointer;margin-top:10px;font-family:Verdana,Arial,Helvetica,sans-serif}.login-container button:hover{background-color:#900;color:#fff;border-color:#666}.error{margin-top:15px;visibility:visible;color:#f33;font-size:11px;background-color:#300;padding:5px;border:1px dashed #666666}.app-container{display:flex;flex-direction:column;height:100%;max-width:480px;margin:0 auto;background-color:#fff}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;font-family:Arial,sans-serif;background-color:#eee;color:#333;overflow:hidden;touch-action:none}#root{height:100%}