laser_v1/css/style.css

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: rgba(0, 0, 0, 0.8) !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 {
    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 {
    color: #fff;
    background-color: transparent !important;
}

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

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

.threeD-overlay #left-panel-pois {
    /* width: 360px; */
    background: rgba(0, 0, 0, 0.8) !important;
    /* margin-left: 78px;
    height: 42px; */
}

.search-box #searchInput.padding-left-menu-icon {
    background: transparent !important;
    /* padding-left: 20px !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;
}

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-menu-item>li icon>i.material-icons[icon-ligature="dashboard"] {
    background: url(../img/icon/icon_data@2x.png)no-repeat;
    background-size: 100% 100%;
    width: 20px;
    height: 20px;
    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)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)no-repeat;
    background-size: 100% 100%;
    width: 20px;
    height: 20px;
    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)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)no-repeat;
    background-size: 100% 100%;
    width: 20px;
    height: 20px;
    color: transparent;
}

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

sidebar-menu-item>li icon>i.material-icons[icon-ligature="mode_edit"] {
    background: url(../img/icon/icon_EditMode.png)no-repeat;
    background-size: 100% 100%;
    width: 20px;
    height: 20px;
    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)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)no-repeat;
    background-size: 100% 100%;
    width: 20px;
    height: 20px;
    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)no-repeat;
    background-size: 100% 100%;
    width: 20px;
    height: 20px;
    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)no-repeat;
    background-size: 100% 100%;
}

/* 数据集 */
.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 .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;
}

.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;

}


/* 路线弹窗 */
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;
}

/* 坐标 */
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;
} */

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;
}

site-model-editor .site-model-tree-entity>[role=button].selected>dataset-group-toolbar .dataset-grp-toolbar button {
    color: #fff !important;
}

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

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

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

.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;
}

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

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

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

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

.vertical-menu-content ul .selected {
    background: #15BEC8 !important;
}

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

.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;
}