#btns{width:100%}#btns .btns{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%;height:80px}#btns .btns .scores,#btns .btns .updown{display:block;text-align:center;cursor:pointer;background-repeat:no-repeat;background-position:0 0;background-size:100%}#btns .btns .updown{width:150px;height:60px;line-height:55px;font-size:16px}#btns .btns .scores{width:200px;height:80px;line-height:75px;font-weight:700;font-size:22px;margin:0 50px}#btns .magl{margin-left:50px}#btns .program-modal{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.7);z-index:9999;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}#btns .program-modal .modal-content{width:600px;max-height:80vh;background:#1a1a1a;border:1px solid #333;border-radius:8px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;color:#fff;-webkit-box-shadow:0 0 20px rgba(0,0,0,.5);box-shadow:0 0 20px rgba(0,0,0,.5)}#btns .program-modal .modal-content .modal-header{padding:15px 20px;border-bottom:1px solid #333;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:#252525;border-radius:8px 8px 0 0}#btns .program-modal .modal-content .modal-header h3{margin:0;font-size:18px;color:#fff}#btns .program-modal .modal-content .modal-header .close-btn{cursor:pointer;font-size:28px;color:#999}#btns .program-modal .modal-content .modal-header .close-btn:hover{color:#fff}#btns .program-modal .modal-content .modal-body{-webkit-box-flex:1;-ms-flex:1;flex:1;overflow-y:auto;padding:10px}#btns .program-modal .modal-content .modal-body .program-item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:12px 10px;border-bottom:1px solid #333;-webkit-transition:background .2s;transition:background .2s;background:#1a1a1a}#btns .program-modal .modal-content .modal-body .program-item:hover{background:#2a2a2a}#btns .program-modal .modal-content .modal-body .program-item.active{background:#1f3a2c;border-left:3px solid #52c41a}#btns .program-modal .modal-content .modal-body .program-item .drag-handle{cursor:move;padding:0 10px;color:#666}#btns .program-modal .modal-content .modal-body .program-item .drag-handle:hover{color:#fff}#btns .program-modal .modal-content .modal-body .program-item .index{width:40px;text-align:center;color:#666;font-weight:700}#btns .program-modal .modal-content .modal-body .program-item .name{-webkit-box-flex:1;-ms-flex:1;flex:1;text-align:left;padding:0 10px;font-size:16px}#btns .program-modal .modal-content .modal-body .program-item .name small{color:#888;font-size:12px;margin-left:5px}#btns .program-modal .modal-content .modal-body .program-item .status{width:80px;font-size:14px;color:#aaa;text-align:center}#btns .program-modal .modal-content .modal-body .program-item .status.status-1{color:#52c41a}#btns .program-modal .modal-content .modal-body .program-item .status.status-2{color:#1890ff}#btns .program-modal .modal-content .modal-body .program-item .status.status-3{color:#ff4d4f}#btns .program-modal .modal-content .modal-body .program-item .actions{width:100px;text-align:right}#btns .program-modal .modal-content .modal-body .program-item .actions button{margin-left:5px;cursor:pointer;padding:4px 10px;background:#333;border:1px solid #444;color:#ccc;border-radius:4px}#btns .program-modal .modal-content .modal-body .program-item .actions button:hover:not(:disabled){background:#444;color:#fff}#btns .program-modal .modal-content .modal-body .program-item .actions button:disabled{opacity:.3;cursor:not-allowed}#btns .program-modal .modal-content .modal-footer{padding:15px 20px;border-top:1px solid #333;text-align:right;background:#252525;border-radius:0 0 8px 8px}#btns .program-modal .modal-content .modal-footer .reset-btn{padding:8px 25px;background:#666;border:none;color:#fff;border-radius:4px;cursor:pointer;font-size:14px;-webkit-transition:background .2s;transition:background .2s;margin-right:10px}#btns .program-modal .modal-content .modal-footer .reset-btn:hover{background:#888}#btns .program-modal .modal-content .modal-footer .save-btn{padding:8px 25px;background:#1890ff;border:none;color:#fff;border-radius:4px;cursor:pointer;font-size:14px;-webkit-transition:background .2s;transition:background .2s}#btns .program-modal .modal-content .modal-footer .save-btn:hover{background:#40a9ff}