real3d-portalsite/static/css/index.css

.drawCur {
  cursor: url(/static/images/cur/draw.cur), auto;
}

.measureCur {
  cursor: url(/static/images/cur/measure.cur), auto;
}

html,
body {
  background-color: black;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  overflow: hidden;
  color: #eee;
}

#loadingbar {
  bottom: 0;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 999999;
  display: none;
}


/* 滚动条整体样式(高宽分别对应横竖滚动条的尺寸) */

body::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}


/* 滚动条里面小方块 */

body::-webkit-scrollbar-thumb {
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
  /* background: rgba(85, 229, 38, 0.71); */
  background: rgba(105, 186, 255, 0.5);
}


/* 滚动条里面轨道 */

body::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
  border-radius: 10px;
  /* background: #2a4fd1b3; */
  background: rgba(105, 186, 255, 0.1);
}


/* 滚动条整体样式(高宽分别对应横竖滚动条的尺寸) */

div::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}


/* 滚动条里面小方块 */

div::-webkit-scrollbar-thumb {
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
  /* background: rgba(85, 229, 38, 0.71); */
  background: rgba(105, 186, 255, 0.5);
}


/* 滚动条里面轨道 */
div::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
  border-radius: 10px;
  /* background: #2a4fd1b3; */
  background: rgba(105, 186, 255, 0.1);
}

.messageIndex,
.el-message {
  z-index: 300000000000 !important;
}

.el-dialog {
  background: transparent !important;
  background: url(/static/images/popup/background.png) no-repeat !important;
  background-size: 100% 100% !important;
  background-position: center !important;
}

.el-dialog__title,
.el-form-item__label {
  color: white !important;
}

.el-dialog__header {
  background: url(/static/images/popup/title.png) no-repeat !important;
  background-size: 100% 100% !important;
  background-position: center !important;
}

.el-dialog__headerbtn .el-dialog__close {
  color: white !important;
}


.vl-notify.vl-notify-alert h2.vl-notice-title {
  line-height: 32px !important;
  border-bottom: 0px solid #eee !important;
  background-color: #fff0 !important;
  background: url(/static/images/popup/modal-title.png) no-repeat !important;
  background-size: 100% 100% !important;
}

.vl-notify.vl-notify-iframe {
  /* background-color: #fff0 !important;
  background: url(/static/images/popup/background.png) no-repeat !important;
  background-size: 100% 100% !important; */
}

.vl-notify.vl-notify-alert {
  /* background-color: #fff0 !important;
  background: url(/static/images/popup/background.png) no-repeat !important;
  background-size: 100% 100% !important; */
}

.vl-notify {
  border: none !important;
  border-radius: 0.4vw !important;
  background: rgba(4, 28, 50, 0.76) !important;
}

div::-webkit-scrollbar {
  width: 5px;
  height: 5px;
}

div::-webkit-scrollbar-thumb {
  background: rgba(63, 147, 245, 0.6);
  border-radius: 5px;
}

div::-webkit-scrollbar-track {
  background: rgba(4, 28, 50, 0.6);
}

.vl-notice-title {
  /* margin: 0 15px !important; */
  /* width: auto !important;
  padding: 0 40px !important;
  
  background: unset !important;
  border: none !important;
  position: relative; */

  /* height: 1.875vw; */
  color: white;
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  padding: 0.3vw 1vw 0.3vw 2.5vw !important;
  border-bottom-left-radius: 1.4vw;
  position: relative;
}

.vl-notice-title:after {
  width: 100%;
  height: 4px;
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  background: linear-gradient(180deg, #0061a8 0%, #123568 46%, #11478e 100%);
  border-radius: 4px;
  z-index: -1;
}

.vl-notice-title>span {
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 1px;
}

.icon-remove {
  width: 22px;
  height: 22px;
  color: #fff !important;
  background-color: rgba(51, 95, 135, 1);
  line-height: 23px;
  padding: 0 5px;
  border-radius: 4px;
  /* right: 0 !important; */
  top: 10px !important;
}

.lv-icon-maxmini>i {
  color: #fff !important;
}

.lv-icon-maxmini .vlicon-max {
  display: none;
}

.el-input>input,
.el-select-dropdown,
.el-textarea>textarea {
  color: #fff !important;
  background-color: rgba(4, 28, 50, 0.5) !important;
  border: 1px solid rgba(15, 122, 200, 0.4) !important;
}

.el-input .el-input-group__append {
  color: #fff !important;
  background-color: rgba(4, 28, 50, 0.5) !important;
  border: 1px solid rgba(15, 122, 200, 0.4) !important;
}

.el-input-group__append>button {
  color: #fff !important;
  background-color: rgba(4, 28, 50, 0.5) !important;
  border: 1px solid rgba(15, 122, 200, 0.4) !important;
  padding: 6px 20px;
}

.el-select-dropdown__item {
  color: #ebebeb !important;
}

.el-button--primary,
.notify-btn-primary {
  background: #0f7ac8 !important;
  border-color: #0f7ac8 !important;
  color: #fff !important;
}

.el-button--primary:hover,
.notify-btn-primary:hover {
  background: #0f7bc8d8 !important;
  border-color: #0f7bc8d8 !important;
  color: #fff !important;
}

.el-icon-search {
  color: #20a0fc !important;
}

.el-button--default,
.notify-btn-default {
  background: rgba(63, 147, 245, 0.2) !important;
  border-color: #3f93f5 !important;
  color: rgba(182, 224, 255, 1) !important;
}

.el-button--default:hover,
.notify-btn-default:hover {
  background: rgba(63, 148, 245, 0.432) !important;
  border-color: #3f93f5 !important;
  color: rgba(182, 224, 255, 1) !important;
}

.el-select-dropdown__item.hover,
.el-select-dropdown__item:hover {
  color: #fff !important;
  background-color: rgba(255, 255, 255, 0.35) !important;
}

.el-cascader__dropdown,
.el-picker-panel,
.el-picker-panel__footer {
  color: #fff !important;
  background-color: rgba(4, 28, 50, 0.5) !important;
  border: 1px solid rgba(15, 122, 200, 0.4) !important;
}

.el-time-panel {
  background-color: rgba(4, 28, 50, 0.85) !important;
}

.el-time-spinner__item {
  color: #fff !important;
}

.el-time-spinner__item:hover {
  color: #fff !important;
  background: rgba(63, 148, 245, 0.432) !important;
}

.el-time-panel__footer>button:nth-child(1),
.el-date-table th,
.el-picker-panel__icon-btn,
.el-date-picker__header-label {
  color: #fff !important;
}

.el-pagination>button,
.el-pager li {
  color: #c2c2c2 !important;
  background-color: rgba(4, 28, 50, 0.5) !important;
}

.el-pager li.active {
  color: #fff !important;
  background-color: rgba(4, 28, 50, 0.5) !important;
}

.el-color-picker__panel {
  background-color: rgba(4, 28, 50, 0.5) !important;
}

.el-cascader-node {
  color: #fff !important;
}

.el-cascader-node:hover {
  color: #fff !important;
  background-color: rgba(255, 255, 255, 0.35) !important;
}

/* .el-cascader-node:not(.is-disabled):hover */
.el-cascader-node:not(.is-disabled):focus {
  background-color: rgba(4, 28, 50, 0.5) !important;
}

.el-checkbox__input>.el-checkbox__inner {
  border: 1px solid #96a9b7;
  background-color: rgba(4, 28, 50, 0.6);
}

.el-icon-s-operation,
.el-icon-location-outline,
.el-icon-share,
.el-icon-delete {
  color: #20a0fc;
}

.el-icon-s-operation+a,
.el-icon-location-outline+a,
.el-icon-share+a,
.el-icon-delete+a {
  color: #cddeeb;
}

.el-pagination__jump {
  color: #cddeeb !important;
}

.el-input-number__decrease,
.el-input-number__increase {
  color: #fff !important;
  background-color: rgba(4, 28, 50, 0.5) !important;
  border: 1px solid rgba(15, 122, 200, 0.4) !important;
}

.el-message-box {
  background-color: #02213e9a  !important;
  border: none !important;
  color: #fff;
}

.el-message-box__header {
  background-color: transparent !important;
  padding: 10px 16px 7px !important
}

.el-message-box__title {
  color: #fff !important;
  border-bottom: 1px solid #2A5277 !important;
  height: 30px !important;
}

.el-message-box__content {
  color: #fff !important;
}

.el-message-box__headerbtn .el-message-box__close {
  color: #fff !important;
  /* background-color: rgba(51, 95, 135, 1) !important;
  border-radius: 4px;
  padding: 2px; */
  width: 22px;
  height: 22px;
  background: #335F87;
  border-radius:4px;
  border: 1px solid rgba(123, 162, 198, 0.5);
}
.el-message-box__headerbtn{
  top: 13px !important;
  border-radius: 4px;
}
.el-message-box__status.el-icon-warning {
  color: #2d8cf0b3;
}