.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 {
    border-bottom: 0px solid #eee !important;
    background-color: #fff0 !important;
    background: url(/static/images/popup/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.vl-notify-main {
    border: 0px solid #eee !important;
    background-color: #fff0 !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: .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{
    width: auto !important;
    padding: 0 !important;
    margin: 0 15px !important;
    background: unset !important;
    border: none !important;
    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,.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,.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;
  }
  /* ---------------------------- */