@charset "UTF-8";
/*global components goes here*/
.page-project-portal {
  width: 100%;
  height: 100vh;
  display: flex;
  flex-direction: column;
}
.page-project-portal .navbar {
  flex-grow: 0;
  flex-shrink: 0;
}
.page-project-portal .navbar .navbar-brand {
  min-width: auto !important;
  height: 54px;
  padding: 4px;
}
.page-project-portal .navbar .navbar-brand img {
  max-width: 100%;
  max-height: 100%;
  width: auto;
  height: auto;
}
.page-project-portal .navbar .navbar-title {
  flex-grow: 0;
  display: flex;
}
.page-project-portal .navbar .navbar-title * {
  line-height: 54px;
}
.page-project-portal .navbar .navbar-links {
  flex-grow: 1;
  display: flex;
  justify-content: flex-end;
  padding: 0 8px;
}
.page-project-portal .navbar .navbar-links * {
  line-height: 54px;
}
.page-project-portal .page-content {
  flex-grow: 1;
  display: flex;
  flex-direction: row;
  align-items: stretch;
}
.page-project-portal .page-content .left-panel {
  width: 400px;
  overflow: auto;
  /* project list */
  /* filter conditions */
}
.page-project-portal .page-content .left-panel #projectList {
  position: relative;
}
.page-project-portal .page-content .left-panel #projectList.card-group-control .card {
  margin-bottom: 0.75rem;
}
.page-project-portal .page-content .left-panel #projectList.card-group-control .card .card-header {
  padding: 0.625rem;
}
.page-project-portal .page-content .left-panel #projectList.card-group-control .card .card-header .card-title a::before {
  content: "\E9CA";
}
.page-project-portal .page-content .left-panel #projectList.card-group-control .card .card-header .card-title a.collapsed::before {
  content: "\E9C9";
}
.page-project-portal .page-content .left-panel #projectList .project-list-item, .page-project-portal .page-content .left-panel #projectList .project-list-item * {
  transition: all 0.1s ease-in-out;
  cursor: pointer;
}
.page-project-portal .page-content .left-panel #projectList .project-list-item {
  background: #c5e1a5;
  display: flex;
  justify-content: space-between;
  flex-direction: row;
  align-items: center;
}
.page-project-portal .page-content .left-panel #projectList .project-list-item .project-name {
  flex-grow: 1;
  color: #fff;
  word-break: break-all;
}
.page-project-portal .page-content .left-panel #projectList .project-list-item .project-info {
  flex-shrink: 0;
  flex-grow: 0;
  opacity: 0;
  pointer-events: none;
  color: #c5e1a5 !important;
  margin-left: 10px;
  width: 30px;
}
.page-project-portal .page-content .left-panel #projectList .project-list-item:hover {
  background: #fff;
  color: #c5e1a5;
}
.page-project-portal .page-content .left-panel #projectList .project-list-item:hover .project-name {
  color: #c5e1a5;
}
.page-project-portal .page-content .left-panel #projectList .project-list-item:hover .project-info {
  opacity: 1;
}
.page-project-portal .page-content .left-panel #filterConditions {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
}
.page-project-portal .page-content .left-panel #filterConditions .filter-group {
  flex-grow: 1;
  overflow: auto;
  position: relative;
}
.page-project-portal .page-content .left-panel #filterConditions .filter-button {
  flex-grow: 0;
  flex-shrink: 0;
}
.page-project-portal .page-content .main-content {
  flex-grow: 1;
  overflow: auto;
}
.page-project-portal .page-content .main-content #planeMap {
  position: unset !important;
}
.page-project-portal #project-info-modal-info {
  word-break: break-all;
}
.page-project-portal #project-info-modal-info .project-skeleton-image img {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  max-width: 100%;
  max-height: 100%;
  margin: auto;
}
.page-project-portal #project-info-modal-info .project-info-body {
  position: relative;
  height: 20vh;
}

.page-project-view {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.page-project-view .main-view {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}
.page-project-view .menubar {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  height: 40px;
  background-color: #1976d2;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  z-index: 99999;
}
.page-project-view .menubar .menubar-item {
  color: white;
  font-size: 16px;
  position: relative;
  height: 40px;
  display: block;
  line-height: 40px;
  padding: 0 8px;
}
.page-project-view .menubar [aria-expanded=true] {
  background-color: #145ca4;
}
.page-project-view .menubar .dropdown-item {
  color: white;
}
.page-project-view .menubar .dropdown-item:hover, .page-project-view .menubar .dropdown-item:focus, .page-project-view .menubar .dropdown-item:active {
  color: white;
  background-color: #145ca4;
}
.page-project-view .menubar .dropdown-menu {
  background-color: #378fe7;
}
.page-project-view .menubar .dropdown-menu > .dropdown-submenu.show > .dropdown-item, .page-project-view .menubar .dropdown-menu > .dropdown-submenu:hover > .dropdown-item {
  color: white;
  background-color: #145ca4;
}
.page-project-view .playground {
  position: fixed;
  top: 40px;
  left: 0;
  right: 0;
  bottom: 0;
  background: lightgrey;
}
.page-project-view .ui-dialog {
  border-radius: 0;
}
.page-project-view .ui-dialog .ui-dialog-titlebar {
  background: #4db6ac;
  color: white;
  padding: 0.825rem 1.25rem 0.425rem 1.25rem;
}
.page-project-view .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close:after {
  color: white;
}
.page-project-view #potree_render_area {
  z-index: 1;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  overflow: hidden;
  transition: all ease-in-out 0.2s;
}
.page-project-view #profile_window {
  background-color: white;
  color: white;
  position: absolute;
  left: calc(2% + 300px);
  top: 50%;
  width: calc(96% - 300px);
  height: 48%;
  margin: 5px;
  border: 1px solid black;
  display: none;
  box-sizing: border-box;
  z-index: 3;
}
.page-project-view #profile_window #profile_window_title {
  position: absolute;
  margin: 5px;
}
.page-project-view #profile_window #profile_titlebar {
  background-color: #4db6ac;
  font-size: 0.9375rem;
  display: flex;
  position: absolute;
  height: 30px;
  width: 100%;
  box-sizing: border-box;
}
.page-project-view #profile_window #profile_titlebar #closeProfileContainer {
  width: 24px;
  height: 24px;
  margin: 4px;
}
.page-project-view #profile_window #profile_titlebar #profileInfo {
  flex-grow: 1;
  flex-direction: row;
}
.page-project-view #profile_window .profile-window-container {
  position: absolute;
  top: 30px;
  width: 100%;
  height: calc(100% - 30px);
  box-sizing: border-box;
}
.page-project-view #profile_window .profile-window-container .profile-window-main-content {
  height: 100%;
  width: 100%;
  padding: 5px;
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
}
.page-project-view #profile_window .profile-window-container .profile-window-main-content .profile-draw-header {
  width: 100%;
  color: #333;
  margin: 5px;
  display: flex;
  flex-direction: row;
  box-sizing: border-box;
  padding: 0 5px 0 5px;
}
.page-project-view #profile_window .profile-window-container .profile-window-main-content .profile-draw-header #profile_num_points {
  flex-grow: 1;
}
.page-project-view #profile_window .profile-window-container .profile-window-main-content .profile-draw-header #profile-draw-tools {
  display: flex;
  align-items: center;
}
.page-project-view #profile_window .profile-window-container .profile-window-main-content .profile-draw-header #profile-draw-tools a {
  margin: 0 4px;
  width: 24px;
  height: 24px;
}
.page-project-view #profile_window .profile-window-container .profile-window-main-content .profile-draw-header #profile-draw-tools a :hover {
  filter: drop-shadow(0px 0px 4px white);
}
.page-project-view #profile_window .profile-window-container .profile-window-main-content .profile-draw-header #profile-draw-tools a > * {
  width: 24px;
  height: 24px;
  font-size: 1.5rem;
  line-height: 1.5rem;
}
.page-project-view #profile_window .profile-window-container .profile-window-main-content .profile-draw-header #profile-draw-tools a:nth-child(1), .page-project-view #profile_window .profile-window-container .profile-window-main-content .profile-draw-header #profile-draw-tools a:nth-child(2) {
  width: 48px;
}
.page-project-view #profile_window .profile-window-container .profile-window-main-content .profile-draw-header #profile-draw-tools a:nth-child(1) > *, .page-project-view #profile_window .profile-window-container .profile-window-main-content .profile-draw-header #profile-draw-tools a:nth-child(2) > * {
  width: 48px;
}
.page-project-view #profile_window .profile-window-container .profile-window-main-content .draw-area-and-measure-list {
  flex-grow: 1;
  position: relative;
  height: 100%;
  box-sizing: border-box;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  display: flex;
}
.page-project-view #profile_window .profile-window-container .profile-window-main-content .draw-area-and-measure-list #profile_draw_container {
  flex-grow: 1;
  position: relative;
}
.page-project-view #profile_window .profile-window-container .profile-window-main-content .draw-area-and-measure-list #profile_draw_container .draw-background {
  position: absolute;
  left: 41px;
  top: 0;
  bottom: 20px;
  width: calc(100% - 41px);
  height: calc(100% - 20px);
  background-color: #000000;
}
.page-project-view #profile_window .profile-window-container .profile-window-main-content .draw-area-and-measure-list #profile_draw_container #profileSVG {
  fill: #333;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
}
.page-project-view #profile_window .profile-window-container .profile-window-main-content .draw-area-and-measure-list #profile_draw_container #profileCanvasContainer {
  position: absolute;
  left: 41px;
  top: 0;
  bottom: 20px;
  width: calc(100% - 41px);
  height: calc(100% - 20px);
  /*background-color: #000000;*/
}
.page-project-view #profile_window .profile-window-container .profile-window-main-content .draw-area-and-measure-list #profile_draw_container #profileSelectionProperties {
  position: absolute;
  left: 50px;
  top: 10px;
  background-color: black;
  color: white;
  opacity: 0.7;
  padding: 5px;
  border: 1px solid white;
  -webkit-user-select: auto;
     -moz-user-select: auto;
      -ms-user-select: auto;
          user-select: auto;
}
.page-project-view #profile_window .profile-window-container .profile-window-main-content .draw-area-and-measure-list #profile_measure_list {
  width: 200px;
  display: none;
  padding: 8px;
}
.page-project-view #profile_window .profile-window-container .profile-window-main-content .draw-area-and-measure-list #profile_measure_list h1, .page-project-view #profile_window .profile-window-container .profile-window-main-content .draw-area-and-measure-list #profile_measure_list h2 {
  color: white;
}
.page-project-view #profile_window .profile-window-container .profile-window-main-content .draw-area-and-measure-list #profile_measure_list ul {
  color: #333;
  list-style: none;
  padding: 0;
}
.page-project-view #profile_window .profile-window-container .profile-window-main-content .draw-area-and-measure-list #profile_measure_list ul li.profile-measure-item {
  display: flex;
}
.page-project-view #profile_window .profile-window-container .profile-window-main-content .draw-area-and-measure-list #profile_measure_list ul li.profile-measure-item input {
  margin-top: 3px;
}
.page-project-view #profile_window .profile-window-container .profile-window-main-content .draw-area-and-measure-list #profile_measure_list ul li.profile-measure-item label {
  margin: 0;
  margin-left: 10px;
  flex-grow: 1;
}
.page-project-view #profile_window .profile-window-container .profile-window-main-content .draw-area-and-measure-list #profile_measure_list ul li.profile-measure-item .close-icon {
  cursor: pointer;
}
.page-project-view .bottom-control-bar {
  background-color: #00000099;
  z-index: 3;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 48px;
  display: flex;
  justify-content: space-between;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  transition: all ease-in-out 0.2s;
}
.page-project-view .bottom-control-bar .controls-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 8px;
}
.page-project-view .bottom-control-bar .controls-wrapper button {
  cursor: pointer;
  width: 32px;
  height: 32px;
  box-shadow: none;
  outline: none;
  border: none;
  margin: 0 8px;
}
.page-project-view .bottom-control-bar .controls-wrapper button#pc-back-to-portal {
  background: url("../images/play_control/back.png");
}
.page-project-view .bottom-control-bar .controls-wrapper button#pc-plane-map-toggle {
  background: url("../images/play_control/globe.png");
}
.page-project-view .bottom-control-bar .controls-wrapper button#pc-prev {
  background: url("../images/play_control/prev.png");
}
.page-project-view .bottom-control-bar .controls-wrapper button#pc-play-backward {
  background: url("../images/play_control/play_backward.png");
}
.page-project-view .bottom-control-bar .controls-wrapper button#pc-pause {
  background: url("../images/play_control/pause.png");
  z-index: 99999999;
}
.page-project-view .bottom-control-bar .controls-wrapper button#pc-play-forward {
  background: url("../images/play_control/play_forward.png");
}
.page-project-view .bottom-control-bar .controls-wrapper button#pc-next {
  background: url("../images/play_control/next.png");
}
.page-project-view .bottom-control-bar .controls-wrapper button#pc-move-to-cur-pos {
  background: url("../images/play_control/position.png");
}
.page-project-view .bottom-control-bar .controls-wrapper button#pc-panorama-visibility-toggle {
  background: url("../images/play_control/pano_on.png");
}
.page-project-view .bottom-control-bar .controls-wrapper button#pc-panorama-visibility-toggle.off {
  background: url("../images/play_control/pano_off.png");
}
.page-project-view .bottom-control-bar .controls-wrapper button#pc-cloud-visibility-toggle {
  background: url("../images/play_control/cloud_on.png");
}
.page-project-view .bottom-control-bar .controls-wrapper button#pc-cloud-visibility-toggle.off {
  background: url("../images/play_control/cloud_off.png");
}
.page-project-view .bottom-control-bar .controls-wrapper button#pc-cloud-opacity-toggle {
  background: url("../images/play_control/opacity_1.png");
}
.page-project-view .bottom-control-bar .controls-wrapper button#pc-cloud-opacity-toggle.opacity_0 {
  background: url("../images/play_control/opacity_0.png");
}
.page-project-view .bottom-control-bar .controls-wrapper button#pc-panorama-quality_toggle.quality-0 {
  background: url("../images/play_control/quality_0.png");
}
.page-project-view .bottom-control-bar .controls-wrapper button#pc-panorama-quality_toggle.quality-1 {
  background: url("../images/play_control/quality_1.png");
}
.page-project-view .bottom-control-bar .controls-wrapper button#pc-panorama-quality_toggle.quality-2 {
  background: url("../images/play_control/quality_2.png");
}
.page-project-view .bottom-control-bar .controls-wrapper button#pc-panorama-quality_toggle.quality-3 {
  background: url("../images/play_control/quality_3.png");
}
.page-project-view .bottom-control-bar .controls-wrapper button#pc-toggle-orbit-camera.on {
  background: url("../images/play_control/orbit_on.png");
}
.page-project-view .bottom-control-bar .controls-wrapper button#pc-toggle-orbit-camera.off {
  background: url("../images/play_control/orbit_off.png");
}
.page-project-view .bottom-control-bar .controls-wrapper button#pc-view-cloud-from-top {
  background: url("../images/play_control/top_view.png");
}
.page-project-view .bottom-control-bar .controls-wrapper button#pc-view-cloud-from-top.hidden {
  display: none;
}
.page-project-view .bottom-control-bar .controls-wrapper button#pc-toggle-navigation-ring {
  background: url("../images/play_control/navigation_ring_show.png");
}
.page-project-view .bottom-control-bar .controls-wrapper button#pc-toggle-navigation-ring.off {
  background: url("../images/play_control/navigation_ring_hide.png");
}
.page-project-view .bottom-control-bar .left-controls {
  display: flex;
  flex-grow: 1;
  align-items: center;
  justify-content: flex-start;
  padding: 0 8px;
}
.page-project-view .bottom-control-bar .middle-controls {
  display: flex;
  flex-grow: 0;
  align-items: center;
  padding: 0 8px;
}
.page-project-view .bottom-control-bar .right-controls {
  display: flex;
  flex-grow: 1;
  align-items: center;
  justify-content: flex-end;
  padding: 0 8px;
}
.page-project-view #planeMap {
  z-index: 2;
  width: 600px;
  height: 480px;
  position: absolute;
  bottom: 48px;
  left: 0;
  background-color: #8f8f8f;
  transition: all ease-in-out 0.2s;
}
.page-project-view #planeMap.hidden {
  visibility: hidden;
  pointer-events: none;
}
.page-project-view #menu_dxf_file_list {
  font-size: 0.875rem;
  margin-bottom: 0;
  margin-top: 10px;
}
.page-project-view #dxf-file-list {
  margin-top: 0;
}
.page-project-view #dxf-file-list label {
  display: flex;
  align-items: center;
}
.page-project-view #dxf-file-list label input {
  margin-right: 5px;
}