laser_v1/css/style.css

@font-face {
    font-family: electronicFont;
    /* src: url(../font//SourceHanSansCN-Bold.otf); */
    src: url(../font/SourceHanSansCN-Regular.otf)
}

* {
    font-family: electronicFont;
}

body a,
body .link {
    color: #15BEC8;
    text-decoration: none;
}

body a:focus,
body a:hover {
    color: #15BEC8;
    text-decoration: underline;
}

.ng-isolate-scope .vertical-menu {
    background-color: #141414 !important;
}


/* sidebar-menu .copyright-area>.logo img {
    width: 104px !important;
    margin-left: 10px;
} */

.vertical-menu .vertical-menu-heading {
    background-color: transparent !important;
    border-bottom: 1px solid rgba(255, 255, 255, .2) !important;
}

.vertical-menu sidebar-menu-item.active:hover>li,
.vertical-menu sidebar-menu-item.active>li {
    color: #15BEC8 !important;
    background-color: rgba(0, 0, 0, 0.5) !important;
}

.vertical-menu sidebar-menu-item>li:active,
.vertical-menu sidebar-menu-item>li:hover {
    color: #15BEC8 !important;
    background-color: rgba(0, 0, 0, 0.5) !important;
}

.vertical-menu sidebar-menu-item.active>li {
    color: #15BEC8 !important;
    background-color: rgba(0, 0, 0, 0.5) !important;
}

.vertical-menu .panel {
    background-color: transparent;
    color: #fff;
}

.vertical-menu-content {
    background-color: transparent !important;
}

sidebar-menu-items-collection {
    background-color: transparent !important;
}


/* 首页导航栏 */

sidebar-preview-menu>.vertical-menu sidebar-menu-items-collection>.panel-autoscroll {
    /* display: none !important; */
}

sidebar-preview-menu>.vertical-menu sidebar-menu-items-collection sidebar-menu-item>li icon>i {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    text-shadow: none !important;
}

sidebar-preview-menu>.vertical-menu sidebar-menu-items-collection sidebar-menu-item>li:hover icon>i {
    color: transparent !important;
}

sidebar-menu-items-collection>.panel-autoscroll {
    background-color: rgba(0, 0, 0, 0.5) !important;
    /* display: none !important; */
}

sidebar-menu-items-collection.active {
    background-color: #141414 !important;
}

sidebar-menu-items-collection>.panel-autoscroll>ul {
    background-color: transparent !important;
}

.ng-isolate-scope .vertical-menu .vertical-menu-heading>h3 {
    color: #fff;
}

.ng-isolate-scope sidebar-menu-item>li {
    color: #fff;
}

sidebar-menu .copyright-area {
    display: none;
    color: #fff;
    background-color: transparent !important;
}

sidebar-menu .link {
    color: #15BEC8;
}

.indoorViewer sidebar-menu>.vertical-menu>.vertical-menu-heading .back-button {
    color: #fff;
}

left-panel .threeD-overlay {
    margin: 10px 0 0 60px !important;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 100;
    max-width: 300px !important;
}

.threeD-overlay #left-panel-pois {
    background: rgba(0, 0, 0, 0.8) !important;
    border: 1px solid rgba(255, 255, 255, .2);
    border-radius: 32px !important;
}

.search-box #searchInput.padding-left-menu-icon {
    background: transparent !important;
    /* padding-left: 20px !important; */
}

.search-box #searchInput {
    color: #fff !important;
    font-size: 1em !important;
    padding-bottom: 0 !important;
}

.search-box #searchInput::-webkit-input-placeholde {
    color: #fff !important;
}

navbar-menu .navbar-default .navbar-custom>li.navbar-menu-item-sidebar>a {
    /* padding: 0 !important; */
}

navbar-menu .navbar-default .navbar-custom>li.navbar-menu-item-sidebar>a icon i {
    /* height: 42px !important;
    width: 48px !important; */
}

.panel .btn-showhide-poi-details {
    color: #fff !important;
}

site-model-details .details-header {
    background: transparent !important;
    color: #fff !important;
}

.element-on-screen-trigger-wrapper {
    color: #fff !important;
}

.poi-btn-toolbar .btn-group button {
    border-right: 5px solid transparent !important;
}

.poi-btn-toolbar .btn-group button:hover {
    background-color: #15BEC8 !important;
    /* color: #15BEC8 !important; */
    border-right-color: transparent !important;
}

.poi-btn-toolbar button>.btn-description-mobile,
.poi-btn-toolbar button>div .btn-description-mobile {
    color: #fff !important;
}

.panel .btn-showhide-poi-details:hover {
    background-color: transparent !important;
}

site-model-details .sme-pois .sme-poi:hover {
    background-color: #15BEC8 !important;
}

site-model-details .vcenter.padding-horizontal .long-title {
    color: #fff !important;
}

.panel {
    background: transparent !important;
}

navbar-menu .navbar-default .navbar-custom>li.navbar-menu-item-sidebar>a icon {
    background: transparent !important;
    display: none !important;
}

navbar-menu .navbar-default .navbar-custom>li.navbar-menu-item-sidebar.shadow {
    background: rgba(0, 0, 0, 0.8) !important;
    border-radius: 4px !important;
}

.search-box .input-group>.input-group-addon {
    background: transparent !important;
    /* background: rgba(0, 0, 0, 0.8) !important; */
}

.search-box #searchInput:not(.search-box-radius-poi-selected) {
    background: transparent !important;
    color: #fff;
    border: 1px solid transparent !important;
}

.search-box {
    background: transparent !important;
}

.ic_svg.clickable.border-left {
    border: none !important;
}

navbar-menu .navbar-default .navbar-custom>li.navbar-menu-item-user {
    background-color: #333333 !important;
    border: 1px solid #fff;
    box-sizing: border-box;
}

sidebar-menu>.vertical-menu>.vertical-menu-heading>.root-heading>span {
    display: none !important;
}

sidebar-preview-menu>.vertical-menu sidebar-menu-items-collection sidebar-menu-item>li {
    margin-bottom: 20px;
}

sidebar-menu-item>li icon>i.material-icons[icon-ligature="dashboard"] {
    background: url(../img/icon/icon_data@2x.png?4)no-repeat;
    background-size: 100% 100%;
    width: 60px;
    height: 60px;
    color: transparent;
}

.vertical-menu sidebar-menu-item.active>li icon>i.material-icons[icon-ligature="dashboard"] {
    background: url(../img/icon/icon_data@2_1.png?4)no-repeat;
    background-size: 100% 100%;
}

sidebar-menu-item>li icon>i.material-icons[icon-ligature="remove_red_eye"] {
    background: url(../img/icon/icon_eye@2x.png?4)no-repeat;
    background-size: 100% 100%;
    width: 60px;
    height: 60px;
    color: transparent;
}

.vertical-menu sidebar-menu-item.active>li icon>i.material-icons[icon-ligature="remove_red_eye"] {
    background: url(../img/icon/icon_eye@2x_1.png?4)no-repeat;
    background-size: 100% 100%;
}

sidebar-menu-item>li icon>i.material-icons[icon-ligature="location_on"] {
    background: url(../img/icon/icon_element@2x.png?4)no-repeat;
    background-size: 100% 100%;
    width: 60px;
    height: 60px;
    color: transparent;
}

.vertical-menu sidebar-menu-item.active>li icon>i.material-icons[icon-ligature="location_on"] {
    background: url(../img/icon/icon_element@2x_1.png?4)no-repeat;
    background-size: 100% 100%;
}

sidebar-menu-item>li icon>i.material-icons[icon-ligature="mode_edit"] {
    background: url(../img/icon/icon_EditMode_1.png?4)no-repeat;
    background-size: 100% 100%;
    width: 60px;
    height: 60px;
    color: transparent;
}

.vertical-menu sidebar-menu-item.active>li icon>i.material-icons[icon-ligature="mode_edit"] {
    background: url(../img/icon/icon_EditMode.png?4)no-repeat;
    background-size: 100% 100%;
}

sidebar-menu-item>li icon>i.material-icons[icon-ligature="straighten"] {
    background: url(../img/icon/icon_measure@2x.png?4)no-repeat;
    background-size: 100% 100%;
    width: 60px;
    height: 60px;
    color: transparent;
}

.vertical-menu sidebar-menu-item.active>li icon>i.material-icons[icon-ligature="straighten"] {
    background: url(../img/icon/icon_measure@2x_1.png)no-repeat;
    background-size: 100% 100%;
}

sidebar-menu-item>li icon>i.fa-thumb-tack[iv-tooltip="坐标"] {
    background: url(../img/icon/icon_location@2x.png?4)no-repeat;
    background-size: 100% 100%;
    width: 60px;
    height: 60px;
    color: transparent;
}

.vertical-menu sidebar-menu-item.active>li icon>i.fa-thumb-tack[iv-tooltip="坐标"] {
    background: url(../img/icon/icon_location@2x_1.png?4)no-repeat;
    background-size: 100% 100%;
}

sidebar-menu-item>li icon>i.fa-thumb-tack[iv-tooltip="设置"] {
    background: url(../img/icon/icon_load_n.png?4)no-repeat;
    background-size: 100% 100%;
    width: 60px;
    height: 60px;
    color: transparent;
}

.vertical-menu sidebar-menu-item.active>li icon>i.fa-thumb-tack[iv-tooltip="设置"] {
    background: url(../img/icon/icon_load_s.png?4)no-repeat;
    background-size: 100% 100%;
}


/* 数据集 */

.ng-isolate-scope sidebar-menu-item>li.sidebar-menu-item-mode-alignment {
    /* display: none !important; */
}

.multiple-dataset-selector>h4 {
    height: 64px;
    margin: 0 auto 30px;
    line-height: 64px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.multiple-dataset-selector>h4 toggle-switch {
    width: 50px !important;
    height: 24px !important;
}

h4 .toggle-switch {
    width: 50px !important;
    height: 24px !important;
    position: relative;
}

.toggle-switch input:checked+.slider {
    background-color: #15BEC8 !important;
}

h4 .toggle-switch .slider:before {
    height: 20px !important;
    width: 20px !important;
    left: 2px;
    bottom: 2px;
    content: "";
    background-color: #fff;
    border-radius: 50%;
    position: absolute;
}

.toggle-switch input:checked+.slider:before {
    transform: translateX(27px) !important;
}

.site-model-button i.collapse-expand-chevron:before {
    content: '';
    width: 10px;
    height: 10px;
    background: url(../img/icon/icon_down@2x.png)no-repeat;
    background-size: 100% 100%;
}

.site-model-tree-entity .site-model-button {
    height: 30px;
}

.site-model-button .siteModelIcon {
    width: 16px;
    height: 16px;
}

.site-model-button .fa-square-o:before {
    content: '';
    width: 16px;
    height: 16px;
    background: url(../img/icon/sel@2x.png)no-repeat;
    background-size: 100% 100%;
    display: inline-block;
}

sidebar-menu-items-collection .site-model-button .fa-check-square-o:before {
    content: '';
    width: 16px;
    height: 16px;
    background: url(../img/icon/sel@2x_1.png)no-repeat;
    background-size: 100% 100%;
    display: inline-block;
}

.site-model-button .glyphicon-info-sign:before {
    content: '';
    width: 16px;
    height: 16px;
    background: url(../img/icon/icon_info@2x.png)no-repeat;
    background-size: 100% 100%;
    display: inline-block;
}

sidebar-menu-items-collection .site-model-button .dataset-grp-toolbar {
    width: 50px;
    background: transparent;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

sidebar-menu-items-collection .site-model-button .btn-borderless {
    width: 16px;
    height: 16px;
    padding: 0;
}

sidebar-menu-items-collection .site-model-button .btn-borderless:hover {
    background: transparent;
    border: 1px solid transparent;
}

sidebar-menu-items-collection .site-model-button .btn-default:active {
    background: transparent;
}

sidebar-menu-items-collection .site-model-button .btn-borderless:focus:focus:hover,
sidebar-menu-items-collection .site-model-button .btn-borderless:focus:hover,
sidebar-menu-items-collection .site-model-button .btn-borderless:hover {
    background: transparent;
    border: 1px solid transparent;
}

.list-group-item {
    background: transparent !important;
    color: #fff !important;
}

.list-group-item.active {
    background: #15BEC8 !important;
}

.list-group-item .btn-borderless {
    width: 16px;
    height: 16px;
    padding: 0;
}

.btn-borderless:hover {
    background: transparent !important;
    border: 1px solid transparent !important;
}

.list-group-item .glyphicon-share-alt:before {
    content: '' !important;
    width: 16px;
    height: 16px;
    background: url(../img/icon/icon_share.png)no-repeat;
    background-size: 100% 100%;
    display: inline-block;
}

.list-group-item .data-set-info {
    display: flex;
    align-items: self-start;
    justify-content: center;
}

.list-group-item .data-set-info .data-set-icon {
    padding: 6px;
    border: none;
    margin-top: 5px;
}


/* 查看 */

sidebar-menu #view-menu>.panel-body .checkbox:hover {
    background: transparent !important;
    color: #15BEC8;
}

sidebar-menu .checkbox input[type=checkbox] {
    width: 16px;
    height: 16px;
    background: url(../img/icon/sel@2x_1.png)no-repeat !important;
    background-size: 100% 100%;
}

.panel-heading {
    background: transparent !important;
}

poi-type-group-list .panel-default>.panel-heading {
    border-color: transparent;
}

sidebar-menu-item>li icon {
    /* padding: 10px !important; */
}


/* 热点 */

.panel-heading .btn-group button {
    background: transparent;
    border-color: transparent;
}

.panel-heading .btn-group button:active {
    background: transparent;
}

.panel-heading .btn-group button:hover {
    background: #15BEC8;
}

.panel-heading .btn-group button .fa::before {
    color: #fff;
}

poi-type-list .checkbox {
    display: flex;
    align-items: center;
}

.list-group-item .list-group-item-heading {
    display: flex;
    align-items: center;
}

poi-type-list .fa-pencil:before,
.list-group-item-heading .fa-pencil:before {
    width: 16px;
    height: 16px;
    content: '';
    background: url(../img/icon/icon_edit.png)no-repeat;
    background-size: 100% 100%;
    display: inline-block;
}


/* 弹窗 */

.modal-dialog .modal-content {
    background: rgba(0, 0, 0, .8);
    color: #fff;
}

.modal-dialog .modal-content .form-group select {
    background: transparent;
    border: 1px solid rgba(255, 255, 255, 0.4);
    color: #fff;
}

.modal-dialog .modal-content .form-group select option {
    background: rgba(0, 0, 0, .8);
    color: #fff;
}

.modal-dialog .modal-content .form-group select option:hover {
    background: #15BEC8;
}

.modal-dialog .nav-pills-used-langs li>a {
    color: #fff;
}

.modal-dialog .nav-pills-used-langs li>a:hover {
    background: transparent;
}

.modal-dialog .modal-content .nav-pills>li.active>a {
    background: #15BEC8;
}

.modal-dialog .modal-body .btn-danger {
    border: 1px solid rgba(255, 255, 255, 0.4);
    background: transparent;
}

.modal-dialog .modal-content .glyphicon-trash:before {
    width: 16px;
    height: 16px;
    background: url('../img/icon/icon_del.png')no-repeat;
    background-size: 100% 100%;
    display: inline-block;
    content: '';
}

.modal-dialog .modal-body .btn-default {
    background-color: transparent;
    color: #fff;
    border-radius: 4px;
    border: 1px solid rgba(255, 255, 255, 0.4);
}

.modal-dialog .modal-body .btn-default:hover {
    color: #fff;
}

.modal-dialog .modal-footer .btn-default {
    border-radius: 4px;
    border: 1px solid #15BEC8;
    color: #15BEC8;
    background: transparent;
}

.modal-dialog .modal-footer .btn-primary:hover {
    color: #fff;
    background-color: #15BEC8;
    border-color: #15BEC8;
}

.modal-header {
    border-bottom: 1px solid rgba(255, 255, 255, .2) !important;
}

.modal-footer {
    border-top: 1px solid rgba(255, 255, 255, .2) !important;
}


/* .modal-dialog .btn-default:hover {
    background: transparent;
    color: #15BEC8;
} */

.modal-dialog .btn-primary {
    background-color: #15BEC8;
    border-color: #15BEC8;
}

.modal-dialog .btn-primary:hover {
    /* opacity: 0.9; */
}

.modal-dialog input.form-control {
    background: transparent;
    border: 1px solid rgba(255, 255, 255, 0.4);
    color: #fff;
}

.form-group select {
    background: transparent !important;
    border: 1px solid rgba(255, 255, 255, 0.4) !important;
    color: #fff !important;
}

.form-group select option {
    background: rgba(0, 0, 0, .8) !important;
    color: #fff !important;
}

.form-group select option:hover {
    background: #15BEC8 !important;
}

hr {
    border-top: 1px solid rgba(255, 255, 255, .2) !important;
}

input {
    background: transparent !important;
    border: 1px solid rgba(255, 255, 255, 0.4) !important;
    color: #fff !important;
}

.ui-widget-content {
    background: transparent !important;
    border-color: #15BEC8 !important;
}

.ui-button,
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
html .ui-button.ui-state-disabled:active,
html .ui-button.ui-state-disabled:hover {
    background: #15BEC8 !important;
    border-color: #15BEC8 !important;
}

.glyphicon-chevron-down:before {
    color: #fff;
}

sidebar-menu #view-menu #pointcloud-menu #pointcloud-options #pointcloud-pane>div>button {
    background: transparent !important;
}

sidebar-menu-items-collection>.panel-autoscroll::-webkit-scrollbar {
    width: 8px;
}

sidebar-menu-items-collection>.panel-autoscroll::-webkit-scrollbar-track {
    background-color: #000;
    -webkit-border-radius: 1em;
    -moz-border-radius: 1em;
    border-radius: 1em;
}

sidebar-menu-items-collection>.panel-autoscroll::-webkit-scrollbar-thumb {
    background-color: rgba(255, 255, 255, .2);
    -webkit-border-radius: 1em;
    -moz-border-radius: 1em;
    border-radius: 1em;
}

.clear-background .siteModelIcon {
    /* width: 24px;
    height: 24px; */
}

.border-top,
left-panel .poi-extensions-box>*>* {
    border-top: 1px solid rgba(255, 255, 255, .2) !important;
}

.search-box #searchInput.padding-left-menu-icon {
    border-color: transparent !important;
    padding-left: 10px !important;
}

.list-group-item {
    border-color: rgba(255, 255, 255, .2) !important;
}

.panel-autoscroll sidebar-menu-item.active:active>li,
.panel-autoscroll sidebar-menu-item.active:hover>li,
.panel-autoscroll sidebar-menu-item.active>li,
.panel-autoscroll sidebar-menu-item>li.active,
.panel-autoscroll sidebar-menu-item>li.active:active,
.panel-autoscroll sidebar-menu-item>li.active:hover {
    color: #15BEC8 !important;
    background-color: rgba(0, 0, 0, 0.5) !important;
}


/* .panel-autoscroll sidebar-menu-item.active>li icon>i.material-icons[icon-ligature="straighten"] {
    background: url(../img/icon/icon_measure@2x_1.png)no-repeat;
    background-size: 100% 100%;
    width: 20px;
    height: 20px;
    color: transparent;
} */

navbar-menu .navbar-menu-panel #login-panel {
    background-color: rgba(0, 0, 0, 0.8) !important;
    color: #fff;
}

#login-panel .panel-heading {
    color: #fff;
}

#login-panel .btn-primary {
    background: #15BEC8;
}

#login-panel .panel-heading {
    border-color: rgba(255, 255, 255, 0.2);
}

#login-panel .border-bottom {
    border: 1px solid rgba(255, 255, 255, 0.2);
}

.vertical-menu .vertical-menu-heading .menu-close-button {
    /* width: 16px;
    height: 16px; */
}


/* 测量右侧 */

.vertical-menu .expand-wrapper {
    background: transparent !important;
    border-top: 1px solid rgba(255, 255, 255, 0.2) !important;
}

.vertical-menu {
    background-color: #141414 !important;
    color: #fff !important;
}

.vertical-menu .ng-binding {
    color: #fff !important;
}

.tool-container img.selected,
.tool-container img:hover {
    background-color: #15BEC8 !important;
}

point-cloud-viewport .view-switcher__holder .btn-default {
    background: rgba(0, 0, 0, 0.8);
    border-color: transparent;
}

point-cloud-viewport .view-switcher__holder .btn-default svg {
    color: #fff;
}

measurement-tool {
    /* width: auto !important; */
    /* flex: none !important; */
    /* margin-right: 20px; */
}

measurement-tool>span {
    display: flex!important;
    align-items: center!important;
    justify-content: center!important;
}

measurement-tool>span>img {
    margin-right: 10px!important;
    border-radius: 50% !important;
}


/* 路线弹窗 */

route-inputs .route-box {
    background: transparent;
}

route-inputs .border-bottom {
    border-bottom: 1px solid transparent;
}

route-inputs .route-box .btn-reverse-route,
route-inputs .route-box .btn-reverse-route:hover {
    background: transparent;
    right: 27px;
}


/* 分享 */

share-menu .form-group+.no-margin-bottom {
    display: none;
}


/* 坐标 */

#coord_editor {
    display: none;
}

sidebar-menu-items-collection>.panel-autoscroll>.sidebar-menu-template span {
    color: #999999 !important;
}

sidebar-menu-items-collection>.panel-autoscroll>.sidebar-menu-template select {
    background: transparent !important;
    border: 1px solid rgba(255, 255, 255, 0.4) !important;
    color: #fff !important;
}

sidebar-menu-items-collection>.panel-autoscroll>.sidebar-menu-template select option {
    background: rgba(0, 0, 0, .8) !important;
    color: #fff !important;
}

sidebar-menu-items-collection>.panel-autoscroll>.sidebar-menu-templateselect option:hover {
    background: #15BEC8 !important;
}


/* 编辑模式 */


/* .panel-heading{
    color: #fff !important;
} */

.sidebar-menu-item-mode-normal {
    display: none!important;
}

h4[title="编辑模式"]+sidebar-menu-items-collection .panel-autoscroll sidebar-menu-item:nth-of-type(1) {
    display: none !important;
}

.ng-isolate-scope sidebar-menu-item>li.sidebar-menu-item-mode-vector-map {
    display: none;
}

.ng-isolate-scope sidebar-menu-item>li.sidebar-menu-item-mode-geo-reg {
    display: none;
}

site-model-collection .dataset-grp-toolbar {
    background: transparent;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

site-model-collection .dataset-grp-toolbar .fa {
    color: #fff;
}

.dataset-grp-toolbar button {
    color: #fff !important;
    border-color: transparent !important;
}

.dataset-grp-toolbar button:hover {
    color: #fff !important;
    /* border-color: rgba(255, 255, 255, .2)!important; */
}

.dataset-grp-toolbar button+ul[class="dropdown-menu dropdown-center"] {
    background: #141414 !important;
}

.dataset-grp-toolbar button+ul[class="dropdown-menu dropdown-center"] {
    color: #fff !important;
}

site-model-editor .btn-primary {
    background: #15BEC8;
}

site-model-editor .btn-primary:hover {
    background: #15BEC8;
}


/* 空间模型 */

.ng-isolate-scope sidebar-menu-item>li.sidebar-menu-item-mode-site-model {
    /* display: none; */
}

form[class="ng-pristine ng-valid"] .panel.panel-default {
    border-color: rgba(255, 255, 255, .2);
}

form[class="ng-pristine ng-valid"] .panel .panel-heading {
    color: #fff;
    border-color: rgba(255, 255, 255, .2);
}

form[class="ng-pristine ng-valid"] .panel .panel-body .add-building {
    background: #15BEC8;
    color: #fff;
    border-color: #15BEC8;
}

form[class="ng-pristine ng-valid"] .panel .panel-body .add-building:hover {
    background: #15BEC8;
    color: #fff;
}

form[class="ng-pristine ng-valid"] .panel .panel-body .btn-block:nth-of-type(2) {
    display: none;
}

form[class="ng-pristine ng-valid"] .panel .panel-body label.btn-block {
    display: none;
}


/* 点击锁 */

form[class="ng-pristine ng-valid ng-submitted"] .panel.panel-default {
    border-color: rgba(255, 255, 255, .2);
}

form[class="ng-pristine ng-valid ng-submitted"] .panel .panel-heading {
    color: #fff;
    border-color: rgba(255, 255, 255, .2);
}

form[class="ng-pristine ng-valid ng-submitted"] .panel .panel-body .add-building {
    background: #15BEC8;
    color: #fff;
    border-color: #15BEC8;
}

form[class="ng-pristine ng-valid ng-submitted"] .panel .panel-body .add-building:hover {
    background: #15BEC8;
    color: #fff;
}

form[class="ng-pristine ng-valid ng-submitted"] .panel .panel-body .btn-block:nth-of-type(n+2) {
    display: none;
}

form[class="ng-pristine ng-valid ng-submitted"] .panel .panel-body label.btn-block {
    display: none;
}


/* 点击透视全景图勾选 */

form[role="form"] .panel.panel-default {
    border-color: rgba(255, 255, 255, .2);
}

form[role="form"] .panel .panel-heading {
    color: #fff;
    border-color: rgba(255, 255, 255, .2);
}

form[role="form"] .panel .panel-body button.btn-block {
    background: #15BEC8;
    color: #fff;
    border-color: #15BEC8;
}

form[role="form"] .panel .panel-body button.btn-block:hover {
    background: #15BEC8;
    color: #fff;
}

form[role="form"] .panel .panel-body .add-building {
    background: #15BEC8;
    color: #fff;
    border-color: #15BEC8;
}

form[role="form"] .panel .panel-body .add-building:hover {
    background: #15BEC8;
    color: #fff;
}

form[role="form"] .panel .panel-body label.btn-block {
    display: none;
}

form[role="form"] .form-group button[ng-click="vm.save()"] {
    background-color: #15BEC8;
}

form[class="ng-valid ng-dirty ng-valid-parse"] .panel.panel-default {
    border-color: rgba(255, 255, 255, .2);
}

form[class="ng-valid ng-dirty ng-valid-parse"] .panel .panel-heading {
    color: #fff;
    border-color: rgba(255, 255, 255, .2);
}

form[class="ng-valid ng-dirty ng-valid-parse"] .panel .panel-body .add-building {
    background: #15BEC8;
    color: #fff;
    border-color: #15BEC8;
}

form[class="ng-valid ng-dirty ng-valid-parse"] .panel .panel-body .add-building:hover {
    background: #15BEC8;
    color: #fff;
}

form[class="ng-valid ng-dirty ng-valid-parse"] .panel .panel-body .btn-block:nth-of-type(n+2) {
    /* display: none; */
}

form[class="ng-valid ng-dirty ng-valid-parse"] .panel .panel-body .btn-block[ng-click="vm.exportSiteModel()"] {
    display: none;
}

form[class="ng-valid ng-dirty ng-valid-parse"] .panel .panel-body label.btn-block {
    display: none !important;
}


/* 空间模型结束 */

.btn-group>.btn:first-child {
    color: #fff;
}

vector-map-toolbar[class="ng-isolate-scope"] .btn-toolbar .btn-default {
    color: #fff;
}

vector-map-toolbar[class="ng-isolate-scope"] .btn-toolbar .btn-default:hover {
    background: #15BEC8;
}

.form-control {
    background: transparent !important;
    color: #fff !important;
}

download-button .collapse-style {
    background-color: transparent !important;
    bottom: 80% !important;
}

.input-group-addon {
    background: transparent !important;
}

download-button .dropdown-toggle {
    background: transparent !important;
}

.vertical-menu .vertical-menu-content ul {
    background: transparent !important;
}

.dropdown-menu {
    background: rgba(0, 0, 0, .8) !important;
}

.open>.dropdown-toggle.btn-default,
.open>.dropdown-toggle.btn-default:active {
    background: transparent !important;
    color: #fff !important;
}

.dropdown-menu>li.active,
.dropdown-menu>li:focus,
.dropdown-menu>li:hover {
    background: #15BEC8 !important;
}

.site-model-collection .site-model-button.selected {
    background: #143537 !important;
}

download-button .input-group .btn-primary {
    background-color: #15BEC8;
    border-color: #15BEC8;
}

download-point-cloud dataset-tree {
    display: none !important;
}

#vertical-toolbox-menu .vertical-menu-content download-point-cloud .collapse-style .input-group input[placeholder="pointcloud"] {
    display: none !important;
}

#vertical-toolbox-menu .vertical-menu-content download-point-cloud .collapse-style .input-group .input-group-addon {
    display: none !important;
}

#vertical-toolbox-menu .vertical-menu-content download-point-cloud .collapse-style .input-group .input-group-btn button {
    width: 100%!important;
    float: right;
    border-radius: 4px;
}

#vertical-toolbox-menu .vertical-menu-content download-point-cloud reference-dataset-selection {
    display: none;
}

.route-box .btn-close:active,
.route-box .btn-close:hover {
    background: transparent !important;
}

attributes-editor .form-group .btn-primary:hover {
    background: #15BEC8;
    border-color: #15BEC8;
}

.panel-body .panel-group .panel:nth-of-type(-n+5) {
    display: none;
}


/* 导入/导出热点 */

poi-export-import .collapse-style {
    display: none !important;
}


/* 第三方许可 */

#third-party-licenses-button {
    display: none;
}

#floorChanger {
    background: rgba(0, 0, 0, 0.8) !important;
}

floor-changer .btn-group-vertical button[ng-repeat="floorName in vm.floorNames | reverse"] {
    background: transparent !important;
    border-radius: 4px !important;
    color: #15BEC8 !important;
}


/* 关于 */

#about-modal .modal-body>div:nth-of-type(4) {
    display: none;
}

#about-modal .modal-body>div:nth-of-type(5) {
    display: none;
}

#about-modal .modal-body>div:nth-of-type(6)>span,
#about-modal .modal-body>div:nth-of-type(6) ul {
    display: none;
}

#about-modal .modal-body>div:nth-of-type(6) {
    height: 40px;
}

#about-modal .modal-body>div:nth-of-type(7) {
    display: none;
}

.panel-body .text-warning {
    color: #fff !important;
}


/* 数据集校准 */

button[title="导出实体"] {
    display: none !important;
}

input[readonly="readonly"] {
    color: #999 !important;
}

.modal-dialog-wide attributes-editor[key-suggestions="['external_entity_id']"] {
    display: none !important;
}

#viewConfiguration hr {
    display: none !important;
}

#viewConfiguration .checkbox:nth-of-type(-n+4) {
    display: none !important;
}

automatic-alignment {
    display: none !important;
}

dataset-tree {
    /* display: none !important; */
}

dataset-tree .multiple-dataset-selector h4 {
    display: none !important;
}

dataset-menu dataset-tree .multiple-dataset-selector h4 {
    display: flex !important;
    padding: 0 0 0 44px;
}

dataset-menu dataset-tree .multiple-dataset-selector h4 .ng-binding {
    color: #fff!important;
}

generate-and-save-bundle-xml {
    display: none !important;
}

dataset-alignment-panel form[role="form"] .form-group.text-right.mt-10 {
    /* display: none !important; */
}


/* 变换 */

#transform-panel .panel-body .btn-default {
    background: transparent;
    color: #fff;
    border-color: rgba(255, 255, 255, .2) !important;
}

.panel-heading h3 {
    color: #fff !important;
}

#transform-panel .panel-body button:hover {
    background: #143537;
}

#transform-panel .panel-body button:focus {
    background: #143537;
}


/* 测量 */

measurement-list .material-icons {
    color: #fff !important;
}

measurement-list .fa-square-o:before {
    color: #fff !important;
}

measurement-list .hovered {
    background-color: #143537 !important;
}

measurement-list hr {
    border: .5px solid rgba(255, 255, 255, .2) !important;
}

button[title="放大镜"]:hover {
    background: #15BEC8 !important;
}

button[title="放大镜"].active svg {
    color: #15BEC8 !important;
}

button[title="放大镜"].active:hover svg {
    color: #fff !important;
}

measurement-list-toolbar .fa-check-square-o {
    color: #fff;
}

.measurement-details-row .fa-check-square-o {
    color: #fff;
}

.glyphicon-resize-full::before {
    color: #fff !important;
}

.nav-tabs[role="tablist"] {
    border-bottom: none !important;
}

.nav-tabs>li.active>a,
.nav-tabs>li.active>a:focus,
.nav-tabs>li.active>a:hover {
    color: #fff !important;
    background-color: #15BEC8 !important;
    border-color: transparent !important;
}

.nav-tabs>li>a {
    color: #fff !important;
}

.nav-tabs>li>a:focus,
.nav-tabs>li>a:hover {
    background-color: #15BEC8 !important;
    border-color: transparent !important;
}

.fa-pencil:before {
    color: #fff !important;
}


/* left-panel .poi-extensions-box {
    overflow-x: hidden;
} */

.dropdown-menu {
    border-top: 1px solid transparent !important;
}

.dropdown-menu .divider {
    background-color: rgba(255, 255, 255, .4) !important;
}

.open>.dropdown-toggle.btn-default {
    border-color: rgba(255, 255, 255, .4) !important;
}

.dropdown-toggle {
    border-color: rgba(255, 255, 255, .4) !important;
}

.btn-file:hover {
    background-color: #15BEC8 !important;
}


/* 选择参考数据集 */

#referenceDatasetSelectionSetting {
    border: 1px solid rgba(255, 255, 255, .2);
}


/* 搜索 */

#results-list.show {
    left: 60px!important;
}

#results-list .results-heading {
    background-color: transparent !important;
}

.dropdown-menu-search-results>li {}

.dropdown-menu-search-results>li {
    color: #fff !important;
    background: transparent !important;
}

.dropdown-menu-search-results.dropdown-menu>li.active {
    background: transparent !important;
}

.dropdown-menu-search-results.dropdown-menu>li:hover {
    background: #15BEC8!important;
}

#results-list .list-group .list-group-item:hover {
    background: #15BEC8!important;
}

results-element .checkbox,
.radio {
    color: #999999 !important;
}

.dropdown-menu-search-results.dropdown-menu.dropdown-menu-item-separators>li:not(.divider):not(:last-child) {
    border-bottom: 1px solid rgba(255, 255, 255, .2);
}


/* PDF */

.cdk-overlay-container mat-dialog-container .mat-dialog-title {
    color: #fff;
}

.cdk-overlay-container mat-dialog-container .body-container .link-ellipses span.ng-star-inserted {
    color: #fff;
}

.cdk-overlay-container mat-dialog-container .body-container i[class="material-icons icn-small clickable"] {
    color: #fff;
}

.cdk-overlay-container mat-dialog-container {
    background: rgba(0, 0, 0, .8);
}

.cdk-overlay-container mat-dialog-container .measurement-container {
    background: #141414 !important;
}

.cdk-overlay-container mat-dialog-container .measurement-container .flex-row {
    color: #fff;
}

.cdk-overlay-container mat-dialog-container .measurement-container .flex-row .subtitle {
    color: #fff;
    margin-bottom: 22px;
}

.cdk-overlay-container mat-dialog-container .measurement-container .location {
    color: #fff;
}

.cdk-overlay-container mat-dialog-container .measurement-container .location img {
    width: 16px;
    height: 16px;
    margin-right: 10px;
}

.cdk-overlay-container .mat-flat-button {
    border-radius: 4px;
    border: 1px solid #15BEC8;
    background: transparent;
    color: #15BEC8;
}

.cdk-overlay-container mat-dialog-actions .mat-flat-button.mat-primary {
    background: #15BEC8;
}

.cdk-overlay-container mat-dialog-container .mat-dialog-content::-webkit-scrollbar {
    width: 8px;
}

.cdk-overlay-container mat-dialog-container .mat-dialog-content::-webkit-scrollbar-track {
    background-color: #000;
    -webkit-border-radius: 1em;
    -moz-border-radius: 1em;
    border-radius: 1em;
}

.cdk-overlay-container mat-dialog-container .mat-dialog-content::-webkit-scrollbar-thumb {
    background-color: rgba(255, 255, 255, .2);
    -webkit-border-radius: 1em;
    -moz-border-radius: 1em;
    border-radius: 1em;
}


/*  导出XML */

#xmlExport button.form-control {
    border: none;
    background: #15BEC8 !important;
}


/* 右键热点 */

.context-menu-list {
    background: rgba(0, 0, 0, 0.5) !important;
    border: none !important;
}

.context-menu-item {
    background: transparent !important;
    color: #fff !important;
}

.context-menu-item.context-menu-icon-paste {
    display: none !important;
}

.context-menu-item.context-menu-icon-cut {
    display: none !important;
}

.context-menu-item.fa-download {
    display: none !important;
}

.context-menu-item.context-menu-icon-fa.fa-list-ul {
    display: none !important;
}

.context-menu-item:hover {
    background: #15BEC8 !important;
}

.context-menu-item.context-menu-icon:before {
    color: #fff !important;
}


/* 多语言 */

translation-editor[selected-language="selectedLanguage"] .form-group:first-of-type {
    display: none;
}


/* 控制点 */

sidebar-menu-item li h4[title="设置"]+sidebar-menu-items-collection.active {
    /* position: fixed; */
    /* width: calc(100% - 62px); */
    /* width: 440px;
    height: calc(100% - 124px);
    right: 0;
    left: 60px !important;
    top: 124px !important; */
}

sidebar-menu-item li h4[title="设置"]+sidebar-menu-items-collection.active .panel-autoscroll {
    overflow: hidden;
}


/* 导航栏 */

body {
    background-color: #141414 !important;
}

sidebar-preview-menu>.vertical-menu>.vertical-menu-content>sidebar-menu-items-collection>.panel-autoscroll>ul>sidebar-menu-item:nth-of-type(2) {
    /* display: none; */
    /* 隐藏数据集 */
}

.vertical-menu .vertical-menu-heading {
    background: #141414 !important;
}

.vertical-menu .vertical-menu-heading h3 {
    /* background-color: rgba(0, 0, 0, 0.5) !important; */
    margin: 0 0 0 0 !important;
}

sidebar-menu-items-collection.active {
    left: 0 !important;
    z-index: 100;
}

sidebar-menu>.vertical-menu>.vertical-menu-heading .back-button {
    display: none !important;
}

.vertical-menu-content>sidebar-menu-items-collection>.panel-autoscroll>ul>sidebar-menu-item>li>h4 {
    opacity: 0 !important;
}

.custom-tooltip {
    /* margin: 0 auto; */
}

sidebar-menu-item>li {
    padding-left: 0 !important;
}

sidebar-menu .vertical-menu-content>sidebar-menu-items-collection>.panel-autoscroll>ul>sidebar-menu-item>li>.custom-tooltip {
    opacity: 0;
}

sidebar-preview-menu>.vertical-menu sidebar-menu-items-collection>.panel-autoscroll {
    background-color: transparent!important;
}

sidebar-preview-menu>.vertical-menu sidebar-menu-items-collection sidebar-menu-item>li {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 0px !important;
}

sidebar-menu>.vertical-menu {
    left: 60px!important;
    max-height: 60%;
    top: 62px !important;
}

sidebar-preview-menu>.vertical-menu {
    height: 100% !important;
}

sidebar-menu>.vertical-menu.hide {
    left: -461px!important;
}

sidebar-menu .copyright-area>.logo img {
    opacity: 0 !important;
}


/* .desktop>sidebar-preview-menu>.vertical-menu>.vertical-menu-content>sidebar-menu-items-collection>.panel-autoscroll {
    height: calc(100%) !important;
} */

navbar-menu .navbar-default {
    height: 62px!important;
    background-color: #141414 !important;
    margin: 0 !important;
    padding: 0!important;
    border-radius: 0;
}

#insetPanel .swap-views-button {
    position: fixed;
    top: 6px;
    right: 122px;
    z-index: 999;
    width: 0;
}

#insetPanel {
    width: 0 !important;
    height: 0 !important;
    min-width: 0 !important;
    min-height: 0 !important;
    z-index: 1000 !important;
}

#insetPanel canvas {
    display: none !important;
}


/* 登录头像 */

navbar-menu .navbar-default .navbar-custom>li.navbar-menu-item-user {
    margin: 10px !important;
    /* display: none; */
}

.swap-views-button .glyphicon-resize-full:before {
    content: "" !important;
    width: 24px;
    height: 24px;
    display: block;
    background: url(../img/icon/icon_location_n.png)no-repeat;
    background-size: 100% 100%;
}

.swap-views-button .glyphicon-resize-full.active:before {
    content: "" !important;
    width: 24px;
    height: 24px;
    display: block;
    /* background: url(../img/icon/icon_location_s.png)no-repeat; */
    background: url(../img/icon/icon_location_n.png)no-repeat;
    background-size: 100% 100%;
}

.swap-views-button .glyphicon-resize-full:hover:before {
    content: "" !important;
    width: 24px;
    height: 24px;
    display: block;
    background: url(../img/icon/icon_location_s.png)no-repeat;
    background-size: 100% 100%;
}

toolbox-menu>.vertical-menu {
    /* height: calc(100% - 62px) !important;
    top: 62px !important; */
}

point-cloud-viewport .view-switcher__holder {
    top: 70px !important;
}

.uncollapse-btn {
    justify-content: flex-end;
}

.uncollapse-btn .uncollapse-button-text {
    display: none !important;
}

.uncollapse-btn .button-padding-left {
    width: 40px;
    height: 40px;
    background: rgba(0, 0, 0, 0.8);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.uncollapse-btn .button-padding-left:hover {
    background: #15BEC8;
}

.uncollapse-btn .button-padding-leftimg[alt="arrow_icon"] {
    width: 24px;
    height: 24px;
}

.vertical-viewport-separator .btn-resizer {
    display: none !important;
}

.vertical-viewport-separator.resizeable {
    background: #141414 !important;
}

measurement-details .measurement-details .measurement-details-row img.measurement-icon {
    display: none;
}

.measurement-note-placeholder {
    font-style: normal !important;
}

measurements {
    padding: 0 !important;
}

measurement-tool-selection[ng-reflect-is-collapsed-view="false"] {
    background: #000;
    padding: 25px 20px 0;
    margin-bottom: 0 !important;
}

measurement-tool-selection[ng-reflect-is-collapsed-view="true"] {
    background: #000;
    margin-bottom: 0 !important;
}

measurement-list {
    margin: 0 !important;
}

floor-changer .btn-group-vertical {
    display: none !important;
}

.measurement-list-items {
    background: #000;
}

button[title="隐藏所选"] .material-icons {
    background: url(../img/icon/icon_hide.png?4)no-repeat;
    background-size: 100% 100%;
    width: 20px;
    height: 20px;
    color: transparent !important;
}

button[title="分享所选"] .material-icons {
    background: url(../img/icon/share.png?4)no-repeat;
    background-size: 100% 100%;
    width: 20px;
    height: 20px;
    color: transparent !important;
}

button[title="删除所选"] .material-icons {
    background: url(../img/icon/icon_del.png?4)no-repeat;
    background-size: 100% 100%;
    width: 20px;
    height: 20px;
    color: transparent !important;
}

button[title="保存所选"] .material-icons {
    background: url(../img/icon/icon_save.png?4)no-repeat;
    background-size: 100% 100%;
    width: 20px;
    height: 20px;
    color: transparent !important;
}

#view-menu>.panel-body>.checkbox:nth-of-type(3) {
    display: none!important;
}

#collapsequality div[ui-slider] {
    display: none !important;
}

.measurement-list-items::-webkit-scrollbar {
    width: 8px;
}

.measurement-list-items::-webkit-scrollbar-track {
    background-color: #000;
    -webkit-border-radius: 1em;
    -moz-border-radius: 1em;
    border-radius: 1em;
}

.measurement-list-items::-webkit-scrollbar-thumb {
    background-color: rgba(255, 255, 255, .2);
    -webkit-border-radius: 1em;
    -moz-border-radius: 1em;
    border-radius: 1em;
}

.route-box .route-last-position .padding-horizontal {
    color: #999 !important;
}

.route-box .route-last-position:hover {
    background: transparent !important;
}

.route-box .form {
    margin-left: -40px !important;
    margin-top: 53px;
}

.route-box .btn-reverse-route {
    right: 5px !important;
}

poi-translation-editor[selected-language="vm.selectedLanguage"] {
    display: none !important;
}

optgroup {
    background: rgba(0, 0, 0, .8) !important;
    color: #fff !important;
}

button[title="切换到2D视图"]:hover {
    background: rgba(0, 0, 0, .8) !important;
    color: #15BEC8 !important;
    border-color: rgba(0, 0, 0, .8) !important;
}

button[title="切换到2D视图"]:focus {
    background: rgba(0, 0, 0, .8) !important;
    color: #15BEC8 !important;
    border-color: rgba(0, 0, 0, .8) !important;
}

button[title="切换到2D视图"].active {
    background: rgba(0, 0, 0, .8) !important;
    color: #15BEC8 !important;
    border-color: rgba(0, 0, 0, .8) !important;
}

button[title="切换到3D视图"] {
    color: #fff;
}

button[title="切换到3D视图"]:hover {
    background: rgba(0, 0, 0, .8) !important;
    color: #15BEC8 !important;
    border-color: rgba(0, 0, 0, .8) !important;
}

button[title="切换到3D视图"]:focus {
    background: rgba(0, 0, 0, .8) !important;
    color: #15BEC8 !important;
    border-color: rgba(0, 0, 0, .8) !important;
}

button[title="切换到3D视图"].active {
    background: rgba(0, 0, 0, .8) !important;
    color: #15BEC8 !important;
    border-color: rgba(0, 0, 0, .8) !important;
}

#progress-wrapper {
    display: none !important;
}

#editor_coord_froms {
    text-align: left !important;
    margin-left: 60px !important;
}

#editPoi .modal-body .poiModalForm .form-group:nth-of-type(3) {
    display: none !important;
}

#editPoi .modal-body .poiModalForm permission-editor[class="ng-isolate-scope"] {
    display: none !important;
}

#upload_panel .fa-upload {
    display: none !important;
}

toolbox-menu>.vertical-menu.sticky-headers-enabled .vertical-menu-content>div>measurements-lazy {
    opacity: .8;
}

route-instructions .panel .panel-body .overview .route-distance {
    color: #fff !important;
}

route-instructions .panel .panel-body>:first-child {
    border: none !important;
}

route-instructions .panel .panel-body .instructions-list {
    border-color: rgba(255, 255, 255, .2) !important;
}

sidebar-menu-item>li>.custom-tooltip>icon[icon-ligature="file_download"] {
    display: none!important;
}

sidebar-menu-item>li>.custom-tooltip>icon[icon-ligature="domain"] {
    display: none!important;
}

sidebar-menu-item>li>.custom-tooltip>icon[icon-ligature="view_quilt"] {
    display: none!important;
}

h4[title="裁剪和下载点云"] {
    margin: 1px 10px 0 56px !important;
}

h4[title="空间模型"] {
    margin: 1px 10px 0 56px !important;
}

h4[title="数据集校准"] {
    margin: 1px 10px 0 56px !important;
}

#view-menu {
    padding: 0 0 0 20px !important;
}

sidebar-menu #view-menu #pointcloud-menu #pointcloud-options #pointcloud-pane>div>button {
    border-radius: 30%;
}

#view-menu .form-control {
    border-radius: 20px !important;
}

#view-menu .ui-slider-handle {
    border-radius: 50% !important;
}

sidebar-menu #view-menu #pointcloud-menu #pointcloud-options #pointcloud-pane>div>button {
    border-radius: 30% !important;
}

.modal-dialog .modal-footer .btn-default.move-button {
    display: none!important;
}


/* option[value="+proj=tmerc +lat_0=0 +lon_0=123 +k=1 +x_0=500000 +y_0=0 +ellps=GRS80 +units=m +no_defs;"] {
    display: none !important;
} */

alert-dialog .mat-stroked-button {
    border-color: rgba(255, 255, 255, .2) !important;
    color: #fff;
}

permission-editor>.form-group[ng-show="vm.UserService.isUserLoggedIn() && model.security.canWrite !== false"] {
    display: none !important;
}

.form-horizontal+.text-danger {
    display: none !important;
}

i[title="复制当前放大程度"] {
    display: none !important;
}

#PoiTypeVisibilityZoomMin {
    width: 100% !important;
}

#PoiTypeVisibilityZoomMax {
    width: 100% !important;
}

#cke_editor1 {
    height: auto !important;
}

#no_type_warning {
    display: none !important;
}

translate-panel .translate-icon {
    color: #15bec8 !important;
}

rotate-panel .rotate-icon {
    color: #15BEC8 !important;
}

.autoscroll::-webkit-scrollbar {
    width: 8px;
}

.autoscroll::-webkit-scrollbar-track {
    background-color: #000;
    -webkit-border-radius: 1em;
    -moz-border-radius: 1em;
    border-radius: 1em;
}

.autoscroll::-webkit-scrollbar-thumb {
    background-color: rgba(255, 255, 255, .2);
    -webkit-border-radius: 1em;
    -moz-border-radius: 1em;
    border-radius: 1em;
}

.arrow.mirrored {
    transform: rotate(0deg) !important;
    height: 40px;
    width: 40px;
    background: #141414;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.arrow.mirrored:hover {
    background: #15BEC8 !important;
}

point-cloud-viewport .viewport-label {
    z-index: 10;
}