body,html,div#page{width:100%;height:100%;margin:0;padding:0;border:0;overflow:hidden;font-family:sans-serif}.hidden{display:none}div#editor{width:100%;height:calc(100% - 30px)}label.link{cursor:pointer}label.link:hover{color:#00f;text-decoration:underline}header{width:100%;background:#bdd4ef;overflow:hidden}header .title{font-size:1.2em;float:left}header .layer-selection{float:right;line-height:30px;margin-right:50px}header #buttons{float:right;line-height:30px;margin-right:10px}header #save{color:green}header #finish{color:green}header #close{color:#000}canvas#main{width:calc(100% - 340px);height:100%;float:left}canvas#main.keyboard-pan{cursor:move}canvas#main.pan{cursor:move}canvas#main.drag{cursor:crosshair}aside{width:338px;height:100%;background:#ddd;float:right;overflow:auto}aside div#rooms-list{margin:6px 0}aside div#rooms-list canvas{margin:1px 3px}.furniture-element{float:left;width:90px;margin:5px;cursor:pointer}.furniture-element .img{border:1px solid #e6e6e6;width:90px;height:90px}.furniture-element .txt{width:90px;font-size:x-small;text-align:center;overflow:hidden}.properties{background-color:#f9dd21;margin:4px;font-size:12px}.property{margin:4px 0}.property-value{font-weight:700}.property a{color:#00f}.property input,.property textarea{background-color:#f9dd21;border:1px solid #e6e6e6;font-size:12px;border-radius:3px;padding:2px 5px;margin-top:3px}.property input:focus,.property textarea:focus{background-color:#fff}.property input[type=text],.property textarea{width:calc(100% - 10px)}section.properties-section{position:relative;padding:4px}section.properties-section .delete-button{position:absolute;right:4px}section.properties-section .reset-button{position:absolute;right:44px}#helpMenu{position:absolute;left:200px;top:100px;width:800px;background-color:#bdd4ef;padding:10px;border:3px solid;border-radius:15px;border-color:#000;text-align:center;display:none}#helpMenu #helpTitle{width:100%;text-align:center;font-size:25pt;font-weight:700;margin:10px}#helpMenu ul{margin:10px;text-align:left}#helpMenu ul li{font-family:sans-serif;font-size:14pt;margin:5px}#helpMenu #helpMenuCloseBtn{width:100px;font-family:sans-serif;font-size:16pt;margin:3px}#rooms-searchbox{width:320px;margin:5px}#popup-export-plan{border:3px solid;border-radius:10px;border-color:#000;background-color:#bdd4ef;padding:10px}.popup{display:none}.popup .content{border-style:solid;border-width:thin;background-color:#d3d3d3;text-align:center;width:100%;height:100%}.popup .bottom{position:relative;width:100%}.popup .msg{position:absolute;display:none}.popup .buttons{width:100%;text-align:center;padding-top:10px}.popup .margin{width:50px}.fe-modal{display:none;position:fixed;z-index:1;padding-top:100px;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:#000;background-color:#0006}.fe-modal-content{background-color:#fefefe;margin:auto;padding:20px;border:1px solid #888;border-radius:4px;width:50%}.fe-modal-cancel{color:#aaa;float:right;font-size:28px;font-weight:700}.fe-modal-cancel:hover,.fe-modal-cancel:focus{color:#000;text-decoration:none;cursor:pointer}#addNewRoomNameTextInput,#roomNameDoneEnteringButton{border:1px solid #888;border-radius:2px}#addWalkInCloset #addCloset #addComplexWall{margin:15px;border:1px solid #888;border-radius:2px}#addRoomsWrapper{display:block;margin:20px auto}
