.bms-level-navigate {
  border: none;
  display: flex;
  cursor: pointer;
  box-shadow: 0 3px 6px #00000029;
  border-top: 1px solid var(--disabled-textfield-background);
  border-bottom: 1px solid var(--disabled-textfield-background);
  border-right: 1px solid var(--disabled-textfield-background);
  width: 140px;
  height: 98px;
}

.bms-level-navigate .building-plan-container{
  height:100%;
  width:100%;
  border: none;
}

.level-navigate-content .canvas-container {
  position: absolute;
}

.site-level-navigate {
  width: 139px;
  height: 98px;
}

.level-navigate-content .level-navigate-text-label-container {
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-align: center;
}

.level-navigate-content, .view-mini-map {
  height: 100%;
  cursor: pointer;
  width: 100%;
}

.level-navigate-content {
  width: calc(100% - 11px);
  background: #ffffff;
  display: flex;
  align-items: center;
}

.level-navigate-left-icon {
  width: 15px;
  height: 12px;
  transform: rotate(0deg);
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url(../../common/img/commonIcon/small-back-icon.svg);
  position: absolute;
  z-index: 2;
  right: 5px;
}

.level-navigate-close-icon {
  width: 15px;
  height: 12px;
  transform: rotate(0deg);
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url(../../common/img/commonIcon/close-icon.svg);
  position: absolute;
  z-index: 2;
  right:5px;
}

.level-navigate-left-icon-container {
  display: flex;
  align-items: center;
  position: relative;
}

.level-navigate-left-triangle,
.level-navigate-left-triangle-border,
.level-navigate-left-triangle-border-extend {
  width: 0;
  height: 0;
  position: absolute;
  top: 0;
  right: 11px;
  border-top: 49px solid transparent;
  border-bottom: 49px solid transparent;
  border-right: 20px solid var(--secondary-background);
  filter: drop-shadow(-3px 0px 3px #00000029);
  z-index: 1;
}

.level-navigate-left-triangle-border {
  border-right: 20px solid var(--disabled-textfield-background);
  filter: none;
  right: 12px;
  z-index: 0;
}

.level-navigate-left-triangle-border-extend {
  border-right: 20px solid var(--disabled-textfield-background);
  filter: none;
  z-index: 0;
}

.level-navigate-left-triangle-base {
  width: 11px;
  height: 96px;
  background: var(--secondary-background);
  z-index: 1;
}

.level-navigate-left-icon-container:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 0;
  border-top: 50px solid transparent;
  border-bottom: 50px solid transparent;
  border-right: 10px solid var(--secondary-background);
}

.top-right {
  top: 0;
  right: 0;
  margin: 12px;
  align-self: flex-end;
}
