h2{font-size:1.3em}h3{font-size:1.2em}h4{font-size:1.1em}h2,h3,h4{margin-bottom:.4em}p{margin-top:.4em;margin-bottom:.8em}ol,ul{margin-top:.4em;margin-bottom:.8em;margin-left:1.4em}li{margin-bottom:.4em}table{border-collapse:collapse}td,th{padding:2px 4px;border:1px solid #888;vertical-align:top}input,select{display:inline-block;vertical-align:middle}.box-heading{font-size:1.1em;font-weight:700}.not-http{margin-top:6em}.fig-caption{margin-bottom:.8em;color:#296e8f}.screen-reader{position:absolute;top:0;left:-9999px}.no-select{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.btn-group{padding:1px;overflow:auto}.btn-no-style{margin:0;border:none;padding:0;background:0 0}.general-feedback{display:none;border-top:1px dotted #999;margin-top:20px;padding-top:10px}.notice{font-size:.9em}.keyboard-notice{margin-top:10px;padding:5px;background-color:#d3d3d3;border:1px solid #333}.bold{font-weight:700}.italic{font-style:italic}.center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}html{background-color:#e7eff7}body{max-width:1244px;min-width:1024px;margin:0 auto;padding:0}.scg-view{background-color:#eceded;position:relative;min-height:594px;padding-bottom:100px}.main{padding:30px}.table{display:table}.table-body{display:table-row-group}.table-caption{display:table-caption}.table-row{display:table-row}.table-cell{display:table-cell;padding:2px 4px}.table-th{font-weight:700;text-align:center}.panel{border-radius:15px;padding:12px 20px 18px;background-color:#fff}.panel h2{margin-bottom:.6em}.panel-inset{display:inline-block;border-radius:10px;padding:6px 12px;background-color:#eceded;text-align:center;margin-left:8px;font-size:1.4em}.player-factory .data-panel h2{color:#008ac9}.player-factory .data-panel .panel-inset{background-color:rgba(0,138,201,.2);color:#008ac9}.player-wholesaler .data-panel h2{color:#00a4a7}.player-wholesaler .data-panel .panel-inset{background-color:rgba(0,164,167,.2);color:#00a4a7}.player-distributor .data-panel h2{color:#6d1e7e}.player-distributor .data-panel .panel-inset{background-color:rgba(109,30,126,.2);color:#6d1e7e}.player-retailer .data-panel h2{color:#e3007b}.player-retailer .data-panel .panel-inset{background-color:rgba(227,0,123,.2);color:#e3007b}.btn-info-icon{display:inline-block;width:25px;height:25px;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;background:#81c2e3;background:radial-gradient(#fff 30%,#81c2e3);box-shadow:-8px 6px 20px -8px #888;color:#008ac9;line-height:25px;font-family:"Times New Roman",sans-serif;font-size:1.4em;font-style:italic;font-weight:700;text-align:center;cursor:pointer}.input-group label{display:block;margin-bottom:6px}.btn-main,.modal .btn-modal-close{border:.5px solid #899aa2;border-radius:8px;padding:8px;background:#fff;background:linear-gradient(#fff,#adc1c9);color:#008ac9;font-size:1em;font-weight:700;cursor:pointer}.btn-main:focus,.modal .btn-modal-close:focus{outline:0;color:#004463}.btn-main:disabled,.modal .btn-modal-close:disabled{color:#899aa2;cursor:auto}.footer{position:absolute;bottom:0;left:0;right:0;margin:20px}.footer .btn-group{position:absolute;right:0;bottom:0}.btn-group button{min-width:120px;padding-left:10px;padding-right:10px}.btn-group button,.drop-shadow{position:relative;z-index:1}.btn-group button::before,.drop-shadow::before{position:absolute;z-index:-1;top:100%;left:0;height:50%;width:100%;content:'';background:#000;background:linear-gradient(#000,transparent);opacity:.2;-ms-transform:skewX(-50deg);-ms-transform-origin:0 0;-webkit-transform:skewX(-50deg);-webkit-transform-origin:0 0;transform:skewX(-50deg);transform-origin:0 0}.btn-group button{margin-left:15px;margin-bottom:20px}.btn-group button::before{left:5px;width:calc(100% - 10px)}.screen-reader{position:absolute;top:0;left:-9999px}.game-detail{display:inline-table;margin-right:20px;vertical-align:middle}.game-detail.baked-beans{color:#e28000}.game-detail.cupcake{color:#e3007b}.game-detail.ice-cream{color:#7f483c}.game-detail>span{display:table-cell;padding-bottom:10px;vertical-align:bottom;font-weight:700}.game-detail>span .icon{display:block;margin-left:10px}.game-detail>span:last-child{padding-left:10px}.game-detail>span:last-child span{color:#9c9e9f}.game-detail>span:last-child span::before{content:"\A";white-space:pre}.data-panel{margin-right:20px;display:inline-block;vertical-align:middle}.data-panel>*{display:inline-block;vertical-align:bottom}.data-panel img,.data-panel svg{display:block}.data-panel:first-child{text-align:center}.data-panel .panel-item{display:inline-block;margin-right:16px}.data-panel .panel-item:last-child{margin-right:0}.data-panel .panel-inset:only-child{margin-left:0}.data-panel .data-gauge{margin-left:20px}.icon{display:inline-block}.icon::after{display:block;content:'';width:100%;height:100%}.production-icon{width:95px;height:63px}.production-icon::after{margin-bottom:-19%;margin-left:-15.8%;padding-bottom:19%;padding-left:15.8%;background:url(../img/production.svg) no-repeat}.factory-icon{width:123px;height:63px}.factory-icon::after{margin-bottom:-31%;margin-left:-27%;padding-bottom:31%;padding-left:27%;background:url(../img/factory.svg) no-repeat}.wholesaler-icon{width:126px;height:61px}.wholesaler-icon::after{margin-bottom:-30.2%;margin-left:-21%;padding-bottom:30.2%;padding-left:21%;background:url(../img/wholesaler.svg) no-repeat}.distributor-icon{width:120px;height:36px}.distributor-icon::after{margin-bottom:-18.5%;margin-left:-9%;padding-bottom:18.5%;padding-left:9%;background:url(../img/distributor.svg) no-repeat}.retailer-icon{width:55px;height:36px}.retailer-icon::after{margin-bottom:-36.4%;margin-left:-32%;padding-bottom:36.4%;padding-left:32%;background:url(../img/retailer.svg) no-repeat}.consumer-icon{width:50px;height:64px}.consumer-icon::after{margin-bottom:-12%;margin-left:-34%;padding-bottom:12%;padding-left:34%;background:url(../img/consumer.svg) no-repeat}.baked-beans-icon,.baked-beans-icon-small{width:63px;height:98px}.baked-beans-icon-small::after,.baked-beans-icon::after{margin-bottom:-22%;margin-left:-32%;padding-bottom:22%;padding-left:32%;background:url(../img/beans.svg) no-repeat}.baked-beans-icon-small{width:42px;height:65px}.cupcake-icon,.cupcake-icon-small{width:53px;height:61px}.cupcake-icon-small::after,.cupcake-icon::after{margin-bottom:-30%;margin-left:-19%;padding-bottom:30%;padding-left:19%;background:url(../img/cupcake.svg) no-repeat}.cupcake-icon-small{width:35px;height:40px}.ice-cream-icon,.ice-cream-icon-small{width:43px;height:101px}.ice-cream-icon-small::after,.ice-cream-icon::after{margin-bottom:-23%;margin-left:-28%;padding-bottom:23%;padding-left:28%;background:url(../img/ice-cream.svg) no-repeat}.ice-cream-icon-small{width:28px;height:67px}.modal{display:none;position:absolute;z-index:999;left:0;top:0;bottom:0;right:0;background-color:#fff;background-color:rgba(255,255,255,.5)}.modal .modal-content{width:40%;margin:15% auto;border:1px solid #9c9e9f;-webkit-border-radius:20px;-moz-border-radius:20px;border-radius:20px;background-color:#fff}.modal .modal-head{min-height:30px;margin:0;-webkit-border-top-right-radius:18px;border-top-right-radius:18px;-webkit-border-top-left-radius:18px;border-top-left-radius:18px;padding-top:10px;padding-left:20px;background-color:#9c9e9f;color:#fff;font-size:1.2em;font-weight:700}.modal .modal-body{padding:20px}.modal .modal-body h3{font-size:1.1em;font-weight:700}.modal .modal-body:focus{outline:0}.modal .modal-foot{overflow:auto}.modal .btn-modal-close{float:right;margin-right:20px;margin-bottom:20px}.modal .btn-modal-close:focus,.modal .btn-modal-close:hover{cursor:pointer}.load-view{padding:35px 40px}.load-view .main{display:table;width:100%;height:100%;padding:0}.load-view .main>div{display:table-cell;position:relative}.load-view .main .left-side{padding-top:50px;padding-bottom:50px;vertical-align:middle;text-align:center}.load-view .main .left-side img{width:100%;max-width:800px;margin-right:30px}.load-view .main .right-side{width:200px;vertical-align:bottom;text-align:right}.load-view .main .right-side img{position:absolute;top:0;right:0}.load-view .main .btn-group{display:inline-block}.load-view .main .btn-group button{display:block;margin-right:0}.load-view .loader-container{position:absolute;top:0;left:0}.container-view{height:100%;min-height:768px;padding-bottom:0}.container-view .banner{padding:12px 20px;background-color:#9c9e9f;color:#fff;font-size:1.7em;line-height:1em}.container-view .banner>*{vertical-align:middle}.container-view .banner::before{display:inline-block;width:25px;height:30px;content:'';margin-right:10px;background:url(../img/ou-shield.svg);background-size:100% 100%;vertical-align:middle}.background-view .main{display:flex}.background-view .panel{width:50%}.background-view .panel:not(:last-child){margin-right:20px}.background-view .btn-info-icon{cursor:initial}.rules-view .screen:not(:first-child){display:none}.rules-view .screen .panel{max-width:750px;box-sizing:border-box}.rules-view .screen .btn-info-icon{vertical-align:middle;cursor:default}label[for=ra10],label[for=ra5],label[for=ra6],label[for=ra8]{opacity:.7}.cfg-view .main{padding-bottom:0}.cfg-view .main input[type=text]{width:2em;padding-left:2px}.cfg-view .main .label-suffix{padding-left:6px}.cfg-column{display:inline-block;vertical-align:top;box-sizing:border-box;border-right:20px solid transparent}.cfg-column:last-child{border-right:none}.cfg-column .btn-group{position:absolute;bottom:20px;right:20px}.cfg-section{-webkit-border-radius:20px;-moz-border-radius:20px;border-radius:20px;padding:10px 10px 20px 40px;background-color:#fff}.cfg-section:not(:last-child){margin-bottom:20px}.cfg-section .btn-info-icon{float:right}.cfg-section-head{margin-bottom:8px;margin-left:-25px;font-weight:700}.cfg-section-head span:first-child{margin-right:4px;font-size:2em;font-weight:400;vertical-align:middle}.cfg-section-info{display:none;margin-top:.2em;margin-bottom:.4em}#cfg-player .input-group,#cfg-preset .input-group{display:table}#cfg-player label,#cfg-preset label{display:table-row}#cfg-player label>*,#cfg-preset label>*{display:table-cell;vertical-align:middle}#cfg-player .label-suffix,#cfg-preset .label-suffix{font-weight:700}.cupcake-icon-small:after,.cupcake-icon:after,.ice-cream-icon-small:after,.ice-cream-icon:after{opacity:.4}#cfg-player .label-suffix,#cfg-preset .label-suffix{font-weight:700}#cfg-player .label-suffix span::before,#cfg-preset .label-suffix span::before{content:"\A";white-space:pre}#cfg-player label>*{padding-bottom:40px}#cfg-player .label-prefix{padding-right:20px;text-align:right}#cfg-player .factory{color:#008ac9}#cfg-player .wholesaler{color:#00a4a7}#cfg-player .distributor{color:#6d1e7e}#cfg-player .retailer{color:#e3007b}#cfg-preset label>*{padding-bottom:30px}#cfg-preset .label-prefix{padding-right:10px}#cfg-preset .baked-beans{color:#e28000}#cfg-preset .cupcake{color:#e3007b}#cfg-preset .ice-cream{color:#7f483c}#cfg-preset .label-suffix span{color:#9c9e9f}.cfg-modal .modal-content{width:50%;margin:10% auto}.cfg-modal .modal-body{margin:20px;padding:0 10px 0 0;max-height:350px;overflow:auto}.cfg-modal .table{margin-top:.4em;margin-bottom:.8em}.help-view h3,.rules-view h3{margin-top:.8em}.help-view .band,.rules-view .band{height:10px;background-color:#9c9e9f}.help-view .email,.rules-view .email{margin-top:15px;padding-bottom:35px;color:#29aad8;background:url(../img/info-flow-arrow.svg) center/100% no-repeat;text-align:center}.help-view .email>*,.rules-view .email>*{vertical-align:middle}.help-view .email img,.rules-view .email img{margin-left:8px}.help-view .lorry,.rules-view .lorry{position:relative;margin-top:25px;margin-bottom:25px;background:url(../img/material-flow-arrow.svg) center/100% no-repeat;font-weight:700;color:#7f483c}.help-view .lorry img,.rules-view .lorry img{display:block;position:relative;left:110px}.help-view .lorry span,.rules-view .lorry span{position:absolute;top:-10px;left:200px}.help-view div.graphic-interface,.rules-view div.graphic-interface{padding:50px;background-color:#fff}.help-view .panel,.rules-view .panel{max-width:750px;box-sizing:border-box}.help-view .node-info,.rules-view .node-info{display:inline-block;margin-right:8px}.help-view .band,.rules-view .band{max-width:750px;height:10px;background-color:#9c9e9f}.graphic-view .header{padding-top:30px;text-align:center}.graphic-view .header .panel{margin-bottom:30px}.graphic-view .header .panel:not(:first-child){text-align:left}.graphic-view .header .panel:last-child{margin-right:0}.graphic-view .main{padding:50px 0;background-color:#fff}.graphic-view .main .email,.graphic-view .main .lorry{display:inline-block;opacity:0}.graphic-view .main .email img,.graphic-view .main .lorry img{margin-left:20px;margin-right:20px}.graphic-view .main .email{margin-bottom:10px}.graphic-view .main .lorry{margin-top:10px}.graphic-view .main .table-container{text-align:center}.graphic-view .main .table{display:inline-table}.graphic-view .main .table:not(:last-child){margin-right:30px}.graphic-view .main .table .table-cell{padding:0;text-align:center}.graphic-view .main .table .table-cell.row0,.graphic-view .main .table .table-cell.row3{white-space:nowrap}.graphic-view .main .table .table-cell.row0 .node-info,.graphic-view .main .table .table-cell.row3 .node-info{display:inline-block;margin-right:4px}.graphic-view .main .table .table-cell.row0 .node-info:last-child,.graphic-view .main .table .table-cell.row3 .node-info:last-child{margin-right:0}.graphic-view .main .table .table-cell.row1{padding-bottom:5px;height:40px;font-weight:700;vertical-align:bottom}.graphic-view .main .table .table-cell.row2{height:65px;vertical-align:bottom}.graphic-view .main .table .table-cell.row2 .info-block{margin-right:10px}.graphic-view .main .table .table-cell.row2 .node-info:not(:last-child){margin-bottom:4px}.graphic-view .main .table .table-cell.row3{padding-top:40px}.graphic-view .main .table .table-cell.row3 .info-block{position:relative}.graphic-view .main .table .gv-node-heading.gv-node-consumer span,.graphic-view .main .table .gv-node-heading.gv-node-production span{position:relative;left:-9999px}.graphic-view .main .table .gv-node{min-width:80px}.graphic-view .main .table .gv-node .icon{display:block;margin:0 auto}.graphic-view .main .table .node-info-incoming-order,.graphic-view .main .table .node-info-order{position:relative}.graphic-view .main .table .node-info-shipment.velocity-animating{position:relative;z-index:100}.gv-node-factory{color:#008ac9}.player-factory .gv-node-heading.gv-node-factory{font-size:1.2em}.gv-node-wholesaler{color:#00a4a7}.player-wholesaler .gv-node-heading.gv-node-wholesaler{font-size:1.2em}.gv-node-distributor{color:#6d1e7e}.player-distributor .gv-node-heading.gv-node-distributor{font-size:1.2em}.gv-node-retailer{color:#e3007b}.player-retailer .gv-node-heading.gv-node-retailer{font-size:1.2em}.node-info{min-width:40px;height:30px;box-sizing:border-box;padding-left:8px;padding-right:8px;line-height:30px;color:#fff;font-weight:700;text-align:center}.node-info span{display:inline-block}.node-info.hidden{visibility:hidden;min-width:0;width:0;padding:0}.node-info-order{background-color:#5eb6de}.node-info-incoming-order{background-color:#86a20b}.node-info-inventory{background-color:#eca656}.node-info-backlog{background-color:#e2504a}.node-info-shipment{background-color:#7f483c}.player-factory .gv-modal h2{background-color:#008ac9}.player-wholesaler .gv-modal h2{background-color:#00a4a7}.player-distributor .gv-modal h2{background-color:#6d1e7e}.player-retailer .gv-modal h2{background-color:#e3007b}.gv-modal .btn-modal-close{margin:10px 15px 0 0;padding:0;background:0 0;border:none;font-size:1.2em;color:#fff}.gv-modal .modal-content{width:390px}.gv-modal .modal-body{position:relative;overflow:auto}.gv-modal .modal-body.game-over{padding-bottom:10px}.gv-modal .modal-body.game-over .btn-group{text-align:center}.gv-modal p{margin-top:0;margin-bottom:.8em;font-size:1.1em}.gv-modal .table{float:left}.gv-modal .table-cell{padding:2px 0;vertical-align:middle}.gv-modal .table-cell:last-child{text-align:right}.gv-modal .table-cell span{display:inline-block}.gv-modal .table-cell input,.gv-modal .table-cell span{margin-top:20px}.gv-modal .table-cell input{width:50px;height:30px;box-sizing:border-box;padding:2px 4px}.gv-modal .node-info{display:inline-block}.gv-modal .btn-order{float:right}.gv-modal .btn-run{position:absolute;right:20px;bottom:20px}.data-view .header{padding-top:30px;text-align:center}.data-view .header .panel{margin-bottom:30px;text-align:left}.data-view .header .panel:last-child{margin-right:0}.data-view .main{padding:0}.data-view .main .data-panel{position:absolute;top:0;left:0}.data-view .main .data-panel .panel-inset{font-weight:400}.data-view .main .table{position:relative;margin:0 auto;border-collapse:separate;border-spacing:10px 0;white-space:nowrap}.data-view .main .table-cell{border:none}.data-view .main .table-cell.row0{padding-top:10px}.data-view .main .icon{margin-top:8px;margin-bottom:30px}.data-view .main .table-cell{border-top:none;border-right:none;border-left:none}.data-view .main .table-cell:not(:first-child){border-left:1.5px solid #fff;border-right:1.5px solid #fff;background-color:#fff}.data-view .main .table-row:first-child>.table-cell:not(:first-child){border-top:1.5px solid #fff;border-top-left-radius:15px;border-top-right-radius:15px}.data-view .main .table-row:last-child>.table-cell:not(:first-child){border-bottom:1.5px solid #fff;border-bottom-left-radius:15px;border-bottom-right-radius:15px}.data-view .main .table-row:last-child>.table-cell:not(:first-child) .dv-info{border-radius:10px;margin-right:4px;margin-bottom:6px;margin-left:4px;padding:4px;font-size:1.3em}.data-view .main .table-cell:not(:first-child){width:200px}.data-view .main .table-cell:not(:first-child){font-weight:700;text-align:center}.data-view .main .table-th.factory{color:#008ac9!important}.data-view .main .table-th.wholesaler{color:#00a4a7!important}.data-view .main .table-th.distributor{color:#6d1e7e!important}.data-view .main .table-th.retailer{color:#e3007b!important}.data-view .main .table-td{vertical-align:middle}.data-view .main .input-group{text-align:right}.data-view .main .input-group input{margin:0 0 0 4px}.data-view .main .chart-container svg{display:block}.player-factory .data-view .main .table-row:last-child>.table-cell:not(:first-child) .dv-info{background-color:rgba(0,138,201,.2)}.player-factory .data-view .main .table-cell:not(:first-child){color:#008ac9}.player-factory .data-view .main .factory.table-cell:not(:first-child){border-color:#008ac9}.player-factory .data-view .main .factory.table-cell:not(:first-child).row0{border-color:#008ac9}.player-factory .data-view .main .factory.table-cell:not(:first-child).row5{border-color:#008ac9}.player-wholesaler .data-view .main .table-row:last-child>.table-cell:not(:first-child) .dv-info{background-color:rgba(0,164,167,.2)}.player-wholesaler .data-view .main .table-cell:not(:first-child){color:#00a4a7}.player-wholesaler .data-view .main .wholesaler.table-cell:not(:first-child){border-color:#00a4a7}.player-wholesaler .data-view .main .wholesaler.table-cell:not(:first-child).row0{border-color:#00a4a7}.player-wholesaler .data-view .main .wholesaler.table-cell:not(:first-child).row5{border-color:#00a4a7}.player-distributor .data-view .main .table-row:last-child>.table-cell:not(:first-child) .dv-info{background-color:rgba(109,30,126,.2)}.player-distributor .data-view .main .table-cell:not(:first-child){color:#6d1e7e}.player-distributor .data-view .main .distributor.table-cell:not(:first-child){border-color:#6d1e7e}.player-distributor .data-view .main .distributor.table-cell:not(:first-child).row0{border-color:#6d1e7e}.player-distributor .data-view .main .distributor.table-cell:not(:first-child).row5{border-color:#6d1e7e}.player-retailer .data-view .main .table-row:last-child>.table-cell:not(:first-child) .dv-info{background-color:rgba(227,0,123,.2)}.player-retailer .data-view .main .table-cell:not(:first-child){color:#e3007b}.player-retailer .data-view .main .retailer.table-cell:not(:first-child){border-color:#e3007b}.player-retailer .data-view .main .retailer.table-cell:not(:first-child).row0{border-color:#e3007b}.player-retailer .data-view .main .retailer.table-cell:not(:first-child).row5{border-color:#e3007b}.record-view .table-container{padding-bottom:10px;overflow:auto}.record-view .table-container.table-frozen{float:left}.record-view .table-container.table-data{margin-left:150px}.record-view .table-panel{color:#707173}.record-view .table-panel .table-row .row0:first-child{font-size:1.1em}.record-view .table-panel .table-row .row0:not(:first-child){font-weight:400;font-size:1.6em}.record-view .table-panel .table-cell.col0:not(.row0){color:#707173!important}.record-view .table-panel .table-cell{border-top:none;border-right:none;border-left:none;border-color:#c6c7c8;font-weight:700;text-align:center;vertical-align:middle}.record-view .table-panel .table-cell.col0{width:150px;text-align:right}.record-view .table-panel .table-cell{height:50px}.record-view .table-panel .table-cell:not(:first-child){position:relative;min-width:40px;width:40px;line-height:50px;padding-left:14px;z-index:1}.record-view .table-panel .table-cell:not(:first-child)::after{position:absolute;display:block;top:0;right:0;bottom:0;width:100%;width:calc(100% - 10px);content:'';background-color:#fff;-moz-background-clip:padding;-webkit-background-clip:padding;background-clip:padding-box;z-index:-1}.record-view .table-panel .table-row:first-child>.table-cell:not(:first-child)::after,.record-view .table-panel .table-row:first-child>.table-cell:not(:first-child)::before{border-top-left-radius:10px;border-top-right-radius:10px}.record-view .table-panel .table-row:last-child>.table-cell:not(:first-child)::after,.record-view .table-panel .table-row:last-child>.table-cell:not(:first-child)::before{border-bottom-left-radius:10px;border-bottom-right-radius:10px}.record-view .table-panel .table-row:last-child>.table-cell{border:none}.player-factory .record-view .main .table-cell{color:#008ac9}.player-wholesaler .record-view .main .table-cell{color:#00a4a7}.player-distributor .record-view .main .table-cell{color:#6d1e7e}.player-retailer .record-view .main .table-cell{color:#e3007b}.debug-view table{margin-top:20px;margin-bottom:20px}.debug-view caption{margin-bottom:5px;text-align:left;font-weight:700}