@import url(https://cdn.jsdelivr.net/npm/bootstrap@4.5.3/dist/css/bootstrap.min.css);@import url(https://fonts.googleapis.com/css?family=Droid+Serif&display=swap);
/*! Generated by Font Squirrel (https://www.fontsquirrel.com) on November 7, 2020 */@font-face{font-family:"chomskyregular";src:url(/static/media/chomsky-webfont.f8c49c1d.woff2) format("woff2"),url(/static/media/chomsky-webfont.d25f1a9e.woff) format("woff");font-weight:400;font-style:normal}body,html{font-family:"chomskyregular",Arial,sans-serif;margin:0;padding:0;background:#ccbea3}.menu-bar{width:100%;height:40px;background:#a9a9a9;margin:auto;padding-left:10px;padding-right:10px;font-size:20px;display:flex}button{border-radius:4px}.menu-bar .logout-button,.menu-bar button{margin-bottom:5px;font-size:16px}.menu-bar .logout-button{margin-left:auto}.menu-bar .select{margin-left:auto;width:200px;font-size:12px}.headline{text-align:center;position:relative;background-color:#ccbea3;border-radius:4px;margin-bottom:-5px}.center-button{margin-right:20px}.center-button,.upper-right-corner{margin-top:5px;float:right;font-size:16px}.upper-right-corner{margin-right:5px}button{font-size:16px}button.save-button{float:left;margin-bottom:5px;margin-left:10px}button.remove-button{float:right;margin-bottom:5px;margin-right:10px}button.found-business{margin-right:10px;float:right;font-size:20px}button.edit,button.modal-close{position:absolute;top:10px;right:10px}button.modal-save{position:absolute;top:10px;right:70px}.full-container{width:100%;height:95vh}.main-container{width:100%;height:100%;background:#d3d3d3;padding:5px}.map-info{float:left;position:relative;width:160px;height:100%;background:wheat}.lower-left-button{position:absolute;bottom:4px;left:4px}.lower-right-button{position:absolute;bottom:4px;right:4px}.main-window{position:relative;margin-left:165px;width:calc(100% - 165px);height:100%}.rural-map{width:100%;height:calc(100% - 35px)}.urban-map{position:relative;width:100%;height:calc(100% - 40px)}.map-canvas{width:100%;height:100%;border:none;touch-action:none;-webkit-animation:fadein .5s;animation:fadein .5s;border-radius:3px}.map-canvas,.mini-canvas{-ms-interpolation-mode:nearest-neighbor;image-rendering:-moz-crisp-edges;image-rendering:pixelated}.mini-canvas{position:relative;float:right}.navigation{position:absolute;bottom:0;right:0}.market-list,.recipe-list{margin:5px;height:calc(100% - 50px);overflow:auto}.center-view{height:100%;background:#add8e6}.building-view{position:relative;height:calc(100% - 40px);background:#e0e0e0;border-radius:4px;-webkit-animation:fadein .5s;animation:fadein .5s;z-index:0}.nav-tabs{border-top-left-radius:4px;border-top-right-radius:4px;background-color:#a9a9a9}.building-tabs .nav-link.active{background-color:#d3d3d3;color:#000}div .tab-content{height:100%}div .tab-pane{height:100%;padding:4px}.building-map{z-index:2;position:relative;float:right;max-width:600px;max-height:400px;background:#a9a9a9;border-radius:3px}.building-data,.building-map{display:inline-block;width:50%;height:60%}.building-data{float:left;max-width:300px;max-height:300px;padding:5px;font-size:12px}th{padding-right:10px}.building-info{display:inline-block;margin-top:10px;width:100%;padding:5px;font-size:12px}.building-background{z-index:1;position:absolute;top:calc(2.5% + 40px);left:2.5%;width:95%;height:calc(95% - 40px);background-position:50%;background-repeat:no-repeat;background-size:cover;opacity:.15}.newProducer{height:200px}h1{font-weight:400;font-style:normal}.modal{margin:10px;padding:10px;width:500px;height:600px;max-width:80%;max-height:80%;background:wheat;overflow:auto}.producer-info{.producer-history{width:700px}}.default-card-group,.producer-info{position:relative;height:500px;margin:auto;padding:10px;overflow:auto}.commoners-card{padding:10px;margin:10px;overflow:auto}.inactive{color:grey}.business-info,.stockpile-info{position:relative}.stockpile-info{height:500px;margin:auto;padding:10px;overflow:auto}.commoners-card{max-height:300px;max-width:500px;overflow-y:auto}.table-number{text-align:right}.buildmenu-hidden{display:none}.buildmenu-shown{position:absolute;top:32px;left:4px;width:300px;height:350px;background:wheat;padding:4px;border-radius:8px;border:2px solid #000;font-size:13px}.buildmenu-content{height:calc(100% - 100px);overflow:auto}.tool-button-box{position:absolute;top:4px;left:4px;height:24px}.tool-button-box button{margin:0 4px}.tool-button,.tool-button-box button{height:24px;background:wheat;text-align:center;text-decoration:none;font-size:12px;border-radius:8px}.tool-button{position:absolute;top:4px;left:4px}.tool-close-button{height:24px;background:wheat;text-align:center;text-decoration:none;font-size:12px;border-radius:8px;float:right}.tile-info{position:absolute;background:wheat;width:80px}.tool-info{top:0}.tool-info,.tool-subscript{position:absolute;text-align:center;font-size:12px;color:wheat}.tool-subscript{top:28px}.list{padding-left:20px;width:100%}.numbers{padding:0 20px;float:right;#font-family:"Droid Serif"}.radio-buttons label{margin:0 10px 0 2px}.buildmenu-button{margin-right:8px;float:right;font-size:13px}.warning-numbers,.warnings{color:red;font-size:12px;font-family:"Droid Serif"}.warning-numbers{padding:0 20px;float:right}.abandon-button{color:red;margin-right:8px;float:right;font-size:13px}.transport-view{width:100%;height:100%;background:#add8e6}.transport-view-top{width:100%;height:300px}.transport-selection{float:left;width:calc(100% - 600px);height:200px}.target-town-select{width:calc(100% - 200px);font-size:12px}.account-display-box{width:300px;height:200px;background:wheat;padding:4px;border-radius:8px;font-size:13px}.exchange-view{position:relative}.market-depth-table{float:left;width:300px;padding:5px;border-spacing:5px}.order-specification-view{width:300px;padding:5px;border-spacing:5px;float:right}.exchange-list{margin:5px;overflow:auto;height:500px}.order-buy-button{background:#d0e8ff}.order-buy-button-selected{background:#7090e6}.order-sell-button{background:#fdd}.order-sell-button-selected{background:#ff5050}.account-content-table th{width:300px;padding:5px;border-spacing:5px}.view-box{width:100%;height:100%}.viewport-headline{width:100%;text-align:center;margin-bottom:-10px}.view-subtext{width:100%;text-align:center;font-size:12px}.map-viewport{display:block;margin:10px auto 5px;max-width:1000px;width:100%;max-height:600px;height:75%;background:#9f6422;padding:2px;border-radius:4px;border:1px solid #000}.map-viewport:before{content:"";float:left;padding-top:100%}.viewport-market-box{display:block;margin:10px auto 5px;max-width:1000px;width:100%;min-height:350px;height:40%;background:#e0e0e0;padding:5px;border-radius:4px;border:1px solid #000}.viewport-market-history{width:100%;height:calc(100% - 70px);transition-duration:1s}.viewport-market-headline{width:100%;text-align:center}.tcontainer{width:100%;overflow:hidden;margin-bottom:10px;border-radius:4px}.ticker-wrap{width:100%;padding-left:100%;background-color:#e8e8e8}@-webkit-keyframes ticker{0%{transform:translateZ(0)}to{transform:translate3d(-100%,0,0)}}@keyframes ticker{0%{transform:translateZ(0)}to{transform:translate3d(-100%,0,0)}}.ticker-move{display:inline-block;white-space:nowrap;padding-right:100%;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-name:ticker;animation-name:ticker;-webkit-animation-duration:30s;animation-duration:30s}.ticker-move:hover{-webkit-animation-play-state:paused;animation-play-state:paused}.ticker-item-black{display:inline-block;padding:0 2rem;color:#000}.ticker-item-green{display:inline-block;padding:0 2rem;color:green}.ticker-item-red{display:inline-block;padding:0 2rem;color:red}.facebook-link{margin-top:150px;display:block;margin-left:auto;margin-right:auto;width:32px;height:32px}@-webkit-keyframes fadein{0%{opacity:0}to{opacity:1}}@keyframes fadein{0%{opacity:0}to{opacity:1}}canvas{border:2px solid #000}:root{--value-width:100px}.slider-box{width:100%;height:50px}.slider-bar{padding:5px 0;width:calc(100% - 113px);width:calc(100% - var(--value-width) - 13px);border-radius:5px;outline:none;margin:0}.slider-value{display:inline-block;border:none;border-radius:3px;padding:5px 10px;margin-left:8px;text-align:center;background:#d3d3d3;width:100px;width:var(--value-width)}