body{font-size:16px;margin:0;padding:0}.container{padding-top:30px;width:100%}#topbar{position:fixed;top:0;left:0;right:0;height:45px;z-index:100;padding:0px 10px;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-align-items:center;-ms-flex-align:center;align-items:center;background-color:#5d2693;background:linear-gradient(90deg, #5d2693, #a976dc);color:white;box-shadow:0px 1px 1px black;transition:height 400ms}#topbar a{color:white}#topbar #menubutton{display:none;float:left;color:white}#sidebar{position:fixed;top:45px;bottom:0;left:0;padding:10px 10px;width:400px;overflow-y:auto;border-right:1px solid rgba(200, 200, 200, 0.8);transition:all 400ms}#sidebar .backbutton-container{font-size:22px;padding:5px;border-bottom:1px solid rgba(200, 200, 200, 0.8)}#sidebar .backbutton-container a{text-decoration:none}#sidebar #sidebar-content{position:relative}#sidebar h3{color:#5d2693;border-bottom:2px solid #5d2693}#sidebar #tab-list{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-justify-content:space-around;-ms-flex-pack:distribute;justify-content:space-around;border-bottom:2px solid rgba(50, 50, 50, 0.8);margin-bottom:30px}#sidebar #tab-list>div{font-size:26px;cursor:pointer;padding:2px 7px}#sidebar #tab-list>div.active-tab{color:#5d2693;border:2px solid rgba(50, 50, 50, 0.8);border-bottom:none;border-top-left-radius:5px;border-top-right-radius:5px}#sidebar #tab-list>div:hover{color:rgba(50, 50, 50, 0.8)}#sidebar #tabs>div:not(:first-child){display:none}#content-container{margin-left:420px;margin-top:45px;padding:1px 10px;transition:all 400ms}#content-container #content-overlay{position:fixed;top:0px;right:0px;width:100vw;height:0vh;z-index:98;background:black;cursor:pointer;opacity:0.3;transition:height 400ms}#content-container #content-overlay.modal-shown{height:100vh!important;transition:height 400ms}@media screen and (max-width:1000px){#topbar{height:40px;transition:all 400ms}#topbar #menubutton{display:inline;font-size:24px;cursor:pointer;transition:all 0.2s}#topbar #menubutton:hover{text-shadow:2px 2px 2px black}#sidebar{left:-340px;width:320px;top:40px;margin-left:0px;opacity:0.97;z-index:97;transition:left 400ms;background-color:white}#sidebar.sidebar-shown{left:0px;transition:left 400ms;box-shadow:5px 0px 5px #888888}#content-container{margin-left:0;margin-top:40px;transition:all 400ms}body.sidebar-shown #sidebar{left:0px;transition:left 400ms;box-shadow:5px 0px 5px #888888}}.deleteItem{cursor:pointer;color:red}.short-range{width:50px}.medium-range{width:75px}.long-range{width:100px}.attribute-folder{float:right;cursor:pointer;font-size:18px}.fa-question-circle{cursor:pointer}#newElementTypeContainer{text-align:center}#newElementAddButton{display:inline;background:#3b5998;color:white;border-radius:5px;font-size:16px;cursor:pointer}.btn{width:100%;background:#3b5998;color:white;border-radius:5px;font-size:16px;cursor:pointer}.btn-block{width:100%}.btn-danger{background:red}.panel-large{border:2px solid #5d2693;border-radius:5px}.panel-large .panel-large-head{font-size:28px;text-align:center;border-bottom:2px solid #5d2693;background:#5d2693;color:white;cursor:pointer}.panel-large .panel-large-head .fa{float:left;margin-left:10px;margin-top:2px}.panel-large .panel-large-body{display:block;padding:5px 15px}.panel-large .panel-large-body.hidden{display:none}.panel-small{border:2px solid blue;border-radius:4px}.panel-small .panel-small-head{border-bottom:2px solid blue;padding:5px}.panel-small .panel-small-body{padding:5px 15px}.panel-small .panel-small-body ul{list-style-type:none;padding-left:0px}ul#constructionList,ul#panelList,ul#windowList{list-style-type:none;padding-left:0px}ul#constructionList>li>h4,ul#panelList>li>h4,ul#windowList>li>h4{margin-bottom:5px;margin-top:8px;color:#5d2693;font-weight:bold;border-bottom:1px solid #5d2693}ul#constructionList>li,ul#panelList>li,ul#windowList>li{padding:3px 0px}ul#constructionList>li ul>li,ul#panelList>li ul>li,ul#windowList>li ul>li{padding:3px 0px}ul#elementList{list-style-type:none;padding-left:0px}ul#elementList li>div>p{border-bottom:1px solid #5d2693;font-weight:bold;color:#5d2693;margin:8px 15px}ul#elementList li ul li{padding-bottom:3px}ul#elementList .deleteItem{transition:all 0.2s}ul#elementList .deleteItem:hover{text-shadow:1px 1px black;transition:all 0.2s}#addNew{padding-bottom:5px}.modal{position:fixed;width:450px;height:300px;border:3px solid black;border-radius:8px;left:50%;top:50%;-webkit-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%);visibility:hidden;background:#787878;z-index:100;color:white}.modal .modal-head{padding:10px;text-align:center;font-size:24px;border-bottom:3px solid black;background:rgba(50, 50, 50, 0.9);font-weight:bold}.modal .modal-head .fa-times{float:left;cursor:pointer;color:red}.modal .modal-head .fa-times:hover{text-shadow:1px 1px white}.modal .modal-body{padding:10px;font-size:16px}.modal.modal-shown{visibility:visible}body.modal-shown .modal{visibility:visible}body.modal-shown #content-overlay{height:100vh!important;transition:height 400ms}#currentElement{font-size:22px;border-bottom:1px solid black}ul#stylesList{list-style-type:none;margin-left:0px;padding-left:5px}ul#stylesList li{margin:10px 0px}table#stylesTable td{padding:3px 0px}table#stylesTable td:not(:first-child){padding-left:20px}#playN{cursor:pointer;color:#5d2693}#n_edit{cursor:pointer}input[type=range]{margin:3px 0px;height:6px;-webkit-appearance:none}input[type=range]::-webkit-slider-runnable-track{height:6px;cursor:pointer;animate:0.2s;box-shadow:1px 1px 1px #000000;background:#5d2693;border-radius:5px;border:1px solid #000000}input[type=range]::-webkit-slider-thumb{box-shadow:1px 1px 1px #000000;border:1px solid #000000;height:18px;width:15px;border-radius:5px;background:#FFFFFF;cursor:pointer;-webkit-appearance:none;margin-top:-6px}input[type=range]input[type=range]:focus::-webkit-slider-runnable-track{background:#3071A9}input[type=range]:focus{outline:none}input[type=range]::-moz-range-track{height:6px;cursor:pointer;animate:0.2s;box-shadow:1px 1px 1px #000000;background:#5d2693;border-radius:5px;border:1px solid #000000}input[type=range]::-moz-range-thumb{box-shadow:1px 1px 1px #000000;border:1px solid #000000;height:18px;width:15px;border-radius:5px;background:#FFFFFF;cursor:pointer}input[type=range]::-ms-track{height:6px;cursor:pointer;animate:0.2s;background:transparent;border-color:transparent;color:transparent}input[type=range]::-ms-fill-lower{background:#5d2693;border:1px solid #000000;border-radius:10px;box-shadow:1px 1px 1px #000000}input[type=range]::-ms-fill-upper{background:#5d2693;border:1px solid #000000;border-radius:10px;box-shadow:1px 1px 1px #000000}input[type=range]::-ms-thumb{box-shadow:1px 1px 1px #000000;border:1px solid #000000;height:12px;width:15px;border-radius:5px;background:#FFFFFF;cursor:pointer}input[type=range]:focus::-ms-fill-lower{background:#5d2693}input[type=range]:focus::-ms-fill-upper{background:#5d2693}#selectElementContainer{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-align-items:middle;-ms-flex-align:middle;align-items:middle;margin-bottom:20px}#selectElementContainer i{cursor:pointer}#selectElementContainer i.disabled{color:rgba(180, 180, 180, 0.8);cursor:not-allowed}