.home-page .content{position:relative;height:calc(100vh - 50px)}.home-page .content .btn-close{cursor:pointer}.home-page .content .board-header{background:#33565c;border-radius:10px 10px 0 0;font-weight:700;font-size:14px;color:#fff;text-align:center;padding-top:8px;padding-bottom:8px}.home-page .content .action-bar-background{background-color:rgba(255,255,255,.31);backdrop-filter:blur(17.8723px);width:60px;position:absolute;right:0;right:0;height:100%;z-index:2}.home-page .content #btnAdminPage{aspect-ratio:1;margin-bottom:8px}.home-page .content #map{width:100%;height:100%;background-size:cover}.home-page .content .tool-button{background:linear-gradient(135deg,rgba(255,255,255,.8) 0%,rgba(255,255,255,.464) 100%);box-shadow:0 4px 12px rgba(0,0,0,.25);border-radius:5px;border:0;width:35px;height:35px;display:flex;align-items:center;justify-content:center;margin-bottom:8px}.home-page .content .tool-button.active-button{background:unset}.home-page .content .actions-bar{display:flex;flex-direction:column;position:absolute;right:10px;top:10px;z-index:2}.home-page .content .actions-bar button.active-button svg{fill:#fff}.home-page .content .actions-bar button.active-button svg path{fill:#fff}.home-page .content .bottom-actions-bar{display:flex;flex-direction:column;position:absolute;right:15px;bottom:110px;z-index:2}.home-page .content .bottom-actions-bar button.active-button svg path{stroke:#fff}.home-page .content .zoom-tool{display:flex;flex-direction:column;position:absolute;right:15px;bottom:15px;z-index:2}.home-page .content .left__sidebar{transition:all ease .3s;border-right:1px solid #c9c9c9;position:fixed;width:408px;height:calc(100% - 50px);right:-510px;background-color:rgba(255,255,255,.31);backdrop-filter:blur(17.8723px);bottom:0}.home-page .content .left__sidebar.show{right:60px}@media(max-width:479px){.home-page .content .left__sidebar.show{right:0;z-index:2!important}}.home-page .content .left__sidebar#classDiagram{right:-510px}.home-page .content .left__sidebar#classDiagram.show{right:60px}@media(max-width:479px){.home-page .content .left__sidebar#classDiagram.show{right:0;z-index:2}}.home-page .content .left__sidebar#classDiagram .class-diagram__submit{position:fixed;bottom:0;width:406px;height:66px;background:#fff;padding:12px;border-top:1px solid #c9c9c9}.home-page .content .left__sidebar#classDiagram .class-diagram__submit button{width:100%;height:100%;background:#5592f0;border-radius:2px;border:0;color:#fff}.home-page .content .left__sidebar#classDiagram .class-diagram__body{height:calc(100% - 55px);overflow-y:auto;padding:15px 15px 0 15px}.home-page .content .left__sidebar#classDiagram .class-diagram__body::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);border-radius:10px;background-color:#f5f5f5}.home-page .content .left__sidebar#classDiagram .class-diagram__body::-webkit-scrollbar{width:8px;background-color:#f5f5f5}.home-page .content .left__sidebar#classDiagram .class-diagram__body::-webkit-scrollbar-thumb{border-radius:10px;-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);background-color:#c9c9c9}.home-page .content .left__sidebar#classDiagram .class-diagram__body .board-content{padding:8px;background:rgba(255,255,255,.8);backdrop-filter:blur(17.8723px);border-radius:0 0 10px 10px}.home-page .content .left__sidebar#classDiagram .class-diagram__body .board-content .class-item{line-height:1;padding:7px 20px 7px 10px}.home-page .content .left__sidebar#classDiagram .class-diagram__body .board-content .class-item .class-header{display:flex;justify-content:space-between}.home-page .content .left__sidebar#classDiagram .class-diagram__body .board-content .class-item .class-header .left{font-style:normal;font-weight:600;font-size:16px;line-height:20px;color:#464646}.home-page .content .left__sidebar#classDiagram .class-diagram__body .board-content .class-item .class-header .btn-toggle{width:16px;height:16px;display:flex;justify-content:center;align-items:center;border:1px solid #9b9b9b;border-radius:100%;background:#fff}.home-page .content .left__sidebar#classDiagram .class-diagram__body .board-content .class-item .class-lv1{display:none}.home-page .content .left__sidebar#classDiagram .class-diagram__body .board-content .class-item .class-lv1 .class-lv1__item .slide-wrap{margin-top:10px}.home-page .content .left__sidebar#classDiagram .class-diagram__body .board-content .class-item .class-lv1 .class-lv1__item .slide-wrap .slide-wrap__top{justify-content:space-between;display:flex}.home-page .content .left__sidebar#classDiagram .class-diagram__body .board-content .class-item .class-lv1 .class-lv1__item .slide-wrap .slide-wrap__top .left{display:flex;font-style:italic;font-weight:500;font-size:14px;align-items:center;color:#464646}.home-page .content .left__sidebar#classDiagram .class-diagram__body .board-content .class-item .class-lv1 .class-lv1__item .slide-wrap .slide-wrap__top .left svg{margin-right:8px;cursor:pointer}.home-page .content .left__sidebar#classDiagram .class-diagram__body .board-content .class-item .class-lv1 .class-lv1__item .class-lv1__header{margin-top:8px;display:flex;justify-content:space-between}.home-page .content .left__sidebar#classDiagram .class-diagram__body .board-content .class-item .class-lv1 .class-lv1__item .class-lv1__header .left{font-style:normal;font-weight:600;font-size:14px;line-height:20px;color:#464646}.home-page .content .left__sidebar#classDiagram .class-diagram__body .board-content .class-item .class-lv1 .class-lv1__item .class-lv2{display:none}.home-page .content .left__sidebar .left-sidebar__header{display:flex;padding:0 10px;align-items:center;border-bottom:1px solid #c9c9c9;height:50px;justify-content:space-between}.home-page .content .left__sidebar .left-sidebar__header .left{font-style:normal;font-weight:600;font-size:18px;line-height:23px;text-transform:uppercase;color:#464646}.home-page .content .left__sidebar .left-sidebar__header button{background:none;border:0}.home-page .content .left__sidebar .sidebar-board{margin:16px 15px}.home-page .content .left__sidebar .sidebar-board .board-content{padding:8px;background:rgba(255,255,255,.8);backdrop-filter:blur(17.8723px);border-radius:0 0 10px 10px}.home-page .content .left__sidebar .sidebar-board .board-tool__item{display:flex;align-items:center;cursor:pointer;padding:10px 15px}.home-page .content .left__sidebar .sidebar-board .board-tool__item .left{flex-basis:36px;margin-right:11px}.home-page .content .left__sidebar .sidebar-board .board-tool__item .right .tool-title{font-style:normal;font-weight:600;font-size:16px;color:#464646}.home-page .content .left__sidebar .sidebar-board .board-tool__item .right .tool-desc{font-style:normal;font-weight:normal;font-size:13px;color:#464646}.home-page .content .left__sidebar .sidebar-board .board-tool__item.active-button .right .tool-title{color:#fff}.home-page .content .left__sidebar .sidebar-board .board-tool__item.active-button .right .tool-desc{color:#fff}.home-page .can-switch .range-wrap{display:none}.home-page .can-switch .range-wrap .opa{font-size:11px;color:gray}.map-page .content{display:flex}.map-page .content .map-title{margin-bottom:8px;display:none}.map-page .content .content-left{flex-basis:408px;border-right:1px solid #c9c9c9;min-height:calc(100vh - 50px)}.map-page .content .content-left .auto-complete-search{padding-right:35px}.map-page .content .content-left .auto-complete-search:focus{outline:0}.map-page .content .content-left .content-left__header{height:50px;padding-left:10px;display:flex;align-items:center;font-style:normal;font-weight:600;font-size:18px;line-height:23px;border-bottom:1px solid #c9c9c9;text-transform:uppercase;color:#464646}.map-page .content .content-left .content-left__header svg{margin-right:10px}.map-page .content .content-left .content-left__body .content-search{padding:12px}.map-page .content .content-left .content-left__body .content-search .search-inner{position:relative}.map-page .content .content-left .content-left__body .content-search .search-inner input{padding-left:12px;width:100%;background:#fff;border:1px solid #c9c9c9;box-sizing:border-box;border-radius:2px;height:38px}.map-page .content .content-left .content-left__body .content-search .search-inner .icon{position:absolute;right:6px;top:7px}.map-page .content .content-left .content-left__body .content-folder__wrap{padding:8px 15px 15px 27px}.map-page .content .content-left .content-left__body .content-folder__wrap .content-folder{margin-bottom:12px;position:relative}.map-page .content .content-left .content-left__body .content-folder__wrap .content-folder .content-folder__title{cursor:pointer;display:flex;font-weight:600;font-size:16px;line-height:20px;color:#464646;align-items:start}.map-page .content .content-left .content-left__body .content-folder__wrap .content-folder .content-folder__title svg{margin-right:9px}.map-page .content .content-left .content-left__body .content-folder__wrap .content-folder.has-sub{cursor:pointer}.map-page .content .content-left .content-left__body .content-folder__wrap .content-folder.has-sub:before{display:block;content:"";position:absolute;left:-15px;top:0;font-family:"Font Awesome 5 Free";font-weight:900;transform:rotate(271deg)}.map-page .content .content-left .content-left__body .content-folder__wrap .content-folder.folder-open:before{transform:unset}.map-page .content .content-left .content-left__body .content-folder__wrap .content-folder .sub__content-folder{display:none;margin-left:20px}.map-page .content .content-left .content-left__body .content-folder__wrap .content-folder .sub__content-folder .sub-folder-item{display:flex;margin-top:10px;font-weight:600;font-size:16px;line-height:20px;color:#464646}.map-page .content .content-left .content-left__body .content-folder__wrap .content-folder .sub__content-folder .sub-folder-item svg{margin-right:10px}.map-page .content .content-right{flex-basis:calc(100% - 408px);padding:50px 20px 56px}.map-page .content .content-right .map-content{display:none}.map-page .content .content-right .map-content.active{display:block}.map-page .content .content-right .map-item{margin-bottom:21px}.map-page .content .content-right .map-item .play{cursor:pointer;width:60px;display:flex;justify-content:center;align-items:center;background-color:rgba(0,0,0,.4901960784);border-radius:8px;padding-top:7px}.map-page .content .content-right .map-item .map-avatar{border:1px solid #c9c9c9;border-bottom:0;padding-top:15px;border-radius:5px 5px 0 0;position:relative}.map-page .content .content-right .map-item .map-avatar>div{top:0;left:0;width:100%;height:100%;justify-content:center;align-items:center}.map-page .content .content-right .map-item .map-avatar>img{width:100%;height:250px;object-fit:cover;border-radius:6px 6px 0 0}.map-page .content .content-right .map-item .map-info{border:1px solid #c9c9c9;border-top:0;padding:15px}.map-page .content .content-right .map-item .map-info h4.map-name{font-style:normal;font-weight:800;font-size:16px;line-height:20px;color:#2d3954}.map-page .content .content-right .map-item .map-info .map-desc{font-style:normal;font-weight:500;font-size:16px;line-height:20px;color:#616e96;margin-bottom:5px}.map-page .content .content-right .map-item .map-download{margin-top:-1px;border:1px solid #c9c9c9;display:flex;justify-content:space-between;height:50px;align-items:center;font-size:16px;line-height:20px;color:#2d3954;padding:0 15px;border-bottom-left-radius:5px;border-bottom-right-radius:5px}.map-page .content .content-right .map-item .map-download button{width:98px;height:30px;background:#547cff;border-radius:16px;border:0;font-weight:600;font-size:14px;line-height:18px;color:#fff}.map-page .content .content-right .pagination-wrap{display:flex;justify-content:center}.map-page .content .content-right .pagination-wrap ul li{float:left;width:42px;height:42px;background:#e9e9e9;border-radius:2px;font-style:normal;font-weight:normal;font-size:16px;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:#292b2c;margin:0 12px 12px 0;-webkit-transition:all ease .3s;transition:all ease .3s;cursor:pointer}.map-page .content .content-right .pagination-wrap ul li a{color:#292b2c;text-decoration:none}.map-page .content .content-right .pagination-wrap ul li.active{background:#354ea9!important;color:#fff!important;cursor:default}.map-page .content .content-right .pagination-wrap ul li.active a{color:#fff}.map-page .search-button{cursor:pointer}.feedback-page .content{position:relative;height:calc(100vh - 50px)}.feedback-page .content iframe{width:100%;height:calc(100vh - 50px)}.feedback-page .content .left__sidebar{transition:all ease .3s;border-right:1px solid #c9c9c9;position:fixed;width:720px;height:calc(100% - 50px);left:0;background:#fff;bottom:0}.feedback-page .content .left__sidebar .left-sidebar__header{display:flex;padding:0 10px;align-items:center;border-bottom:1px solid #c9c9c9;height:50px;justify-content:space-between}.feedback-page .content .left__sidebar .left-sidebar__header .left{font-style:normal;font-weight:600;font-size:18px;line-height:23px;text-transform:uppercase;color:#464646}.feedback-page .content .left__sidebar .left-sidebar__header button{background:none;border:0}.feedback-page .content .left__sidebar .feedback-wrap{padding:26px 24px;max-height:100%;overflow:auto}.feedback-page .content .left__sidebar .feedback-wrap h2{font-weight:600;font-size:16px;line-height:20px;text-transform:uppercase;color:#464646;margin-bottom:12px}.feedback-page .content .left__sidebar .feedback-wrap .feedback-line{font-style:normal;font-weight:800;font-size:16px;line-height:28px;color:#464646}.feedback-page .content .left__sidebar .feedback-wrap .feedback-line .primary-text{color:#547cff}.feedback-page .content .left__sidebar .feedback-form{padding:38px 24px}.feedback-page .content .left__sidebar .feedback-form .feedback-row{margin-bottom:20px;display:flex}.feedback-page .content .left__sidebar .feedback-form .feedback-row .left{flex-basis:150px;font-style:normal;font-weight:600;font-size:16px;line-height:26px;letter-spacing:.00166667em;color:#464646}.feedback-page .content .left__sidebar .feedback-form .feedback-row .right{flex-basis:520px}.feedback-page .content .left__sidebar .feedback-form .feedback-row .right input{width:100%;box-sizing:border-box;border-radius:2px;height:42px;padding-left:12px}.feedback-page .content .left__sidebar .feedback-form .feedback-row .right textarea{width:100%;box-sizing:border-box;border-radius:2px;height:152px;padding-left:12px;padding-top:10px}.feedback-page .content .left__sidebar .feedback-form .feedback-submit{display:flex;justify-content:flex-end}.feedback-page .content .left__sidebar .feedback-form .feedback-submit button{width:80px;height:42px;background:#354ea9;border-radius:3px;font-style:normal;font-weight:bold;font-size:18px;line-height:23px;text-align:center;letter-spacing:.00166667em;color:#fff;border:0}.rule-page .content{position:relative;z-index:1;display:flex}.rule-page .content .content-left{flex-basis:408px;border-right:1px solid #c9c9c9;min-height:calc(100vh - 50px)}.rule-page .content .content-left .content-left__header{height:50px;padding-left:10px;display:flex;align-items:center;font-style:normal;font-weight:600;font-size:18px;line-height:23px;border-bottom:1px solid #c9c9c9;text-transform:uppercase;color:#464646}.rule-page .content .content-left .content-left__header svg{margin-right:10px}.rule-page .content .content-left .content-left__body .rule-header{cursor:pointer;height:46px;background:#5592f0;display:flex;align-items:center;color:#fff;padding:0 34px;font-style:normal;font-weight:800;font-size:14px;line-height:18px;text-transform:uppercase}.rule-page .content .content-left .content-left__body .rule-item{padding:0 34px;height:46px;background:#f3f6ff;display:flex;align-items:center;font-style:normal;font-weight:600;font-size:16px;line-height:20px;border-bottom:1px solid #c9c9c9;transition:all ease .2s}.rule-page .content .content-left .content-left__body .rule-item a{color:#464646;cursor:pointer;text-decoration:unset!important}.rule-page .content .content-left .content-left__body .rule-item:hover{background:#5592f0}.rule-page .content .content-left .content-left__body .rule-item:hover a{color:#fff}.rule-page .content .content-right{flex-basis:calc(100% - 408px);padding:50px 20px 56px}.rule-page .content .content-right h3{font-style:normal;font-weight:bold;font-size:18px;line-height:23px;text-transform:uppercase;color:#2d3954;margin-bottom:30px}.rule-page .content .content-right p{font-weight:500;font-size:16px;line-height:23px;color:#464646;margin-bottom:30px}.rule-page .content .content-right h4{font-weight:600;font-size:18px;line-height:23px;color:#5592f0;margin-bottom:20px}@media only screen and (max-width:768px){.rule-page .content .content-left{flex-basis:280px;border-right:1px solid #c9c9c9}.rule-page .content .content-right{flex-basis:calc(100% - 280px)}.rule-page .data-content-container p{padding-bottom:25px}.rule-page .rule-content{display:none}.rule-page .content-right{position:fixed;right:-4000px;width:100%;top:50px;min-height:100vh;padding:0!important}.rule-page .content-right h4{height:48px;display:flex;align-items:center;padding-left:15px;border-bottom:1px solid #c9c9c9}.rule-page .content-right h4:before{display:inline-flex;content:"";font-weight:900;font-family:"Font Awesome 5 Free";margin-right:8px}.rule-page .content-right h3{height:48px;display:flex;align-items:center;padding-left:15px;border-bottom:1px solid #c9c9c9}.rule-page .content-right h3:before{display:inline-flex;content:"";font-weight:900;font-family:"Font Awesome 5 Free";margin-right:8px}.rule-page .content-right p{padding-left:15px!important;padding-right:15px!important}.rule-page .content-right.show{right:0;background:#fff;z-index:200}.map-page .content{height:unset;display:block!important}.map-page .content .content-right{padding-bottom:50px!important;height:calc(100% - 50px);overflow-y:scroll;left:-40000px;position:fixed;z-index:10;top:50px;background:#fff;padding:0}.map-page .content .content-right .map-title{padding:8px 15px;border-bottom:1px solid #c9c9c9;display:flex}.map-page .content .content-right .map-title:before{display:inline-flex;content:"";font-weight:900;font-family:"Font Awesome 5 Free";margin-right:8px}.map-page .content .content-right .row-wrap{padding-left:20px;padding-right:20px;padding-top:10px}.map-page .content .content-right.show{left:0}.map-page .pagination-wrap{padding:0 20px}.feedback-page .content .left__sidebar .feedback-form{padding:38px 0}.feedback-page .content .left__sidebar{width:70%}.feedback-page .content .left__sidebar h2{text-align:center}}@media only screen and (max-width:480px){#errorModal .modal-confirm,#successModal .modal-confirm{width:95vw}.home-page .left__sidebar{width:100%!important}.home-page #tool{overflow-y:scroll}.home-page .content .left__sidebar#classDiagram .class-diagram__submit{width:100%}.home-page .content .bottom-actions-bar{bottom:160px}.home-page .content .zoom-tool{bottom:55px}.feedback-page .content{height:unset}.feedback-page .content iframe{height:500px}.feedback-page .left__sidebar{width:100%!important;z-index:2;top:50px;border-bottom:1px solid #c9c9c9;position:unset!important;height:unset!important}.feedback-page .left__sidebar .feedback-form .feedback-row{display:block!important}.rule-page .content{display:block}.rule-page .content .content-left{padding:0 15px;border:0}.map-page .content-right{width:100%}.map-page .content .content-left .content-left__body .content-folder__wrap .content-folder.has-sub::before{transform:none}}