.page{padding:10px}.main{display:flex;height:78vh}.description{overflow-y:auto}.description,.diagram{border:1px solid #51679d;margin:2px;border-radius:17px}.diagram{display:flex;align-items:center}.buttonsty{float:right;margin-top:10px}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{box-shadow:inset 0 0 5px grey;border-radius:10px;margin:10px}::-webkit-scrollbar-thumb{background:#7f8daf;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#536fab}.box{margin:5px;border:2px solid #ddd;padding:15px;border-radius:17px}.box.selected{border:4px solid #51679d}.imagebox{padding:20px;display:flex;justify-content:center;align-items:center;width:90%}.image{width:90%}.btn-style{border-radius:20px}.showDiagram{border:1px solid #51679d;margin:2px;overflow-y:auto;border-radius:17px;height:88vh;padding:10px}td.arrow-sub-left:before{top:88px}.custom-table td{width:170px}.custom-table th{text-align:center!important}.navbar{color:#dcdee5;padding:10px}.navbar-dark{background-color:#343a40!important;font-weight:600;font-size:18px}.navbar-brand{color:#dcdee5}.export-menu{position:absolute;background-color:#fff;border:1px solid #ccc;padding:10px;box-shadow:0 2px 5px rgba(0,0,0,.1);z-index:2;color:#685656;font-family:inherit;border-radius:10px;margin-top:2px}.export-menu ul{list-style-type:none;padding:0;margin:0}.export-menu li{padding:8px;cursor:pointer}.export-menu li:hover{background-color:#f0f0f0;border-radius:15px}