// 保安人员管理相关样式
#avue-view {
  & > .morpheus-map-box {
    position: absolute;
    top: 40px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    padding: 10px !important;
  }
}

.morpheus-map-box > .el-col {
  height: 100%;

  & > .el-card {
    position: relative;
    height: 100%;

    .card-body {
      position: absolute;
      top: 10px;
      left: 10px;
      right: 10px;
      bottom: 10px;
      margin: 10px;
      padding: 0px;
      // height: calc(100% - 40px) !important;
      border: 1px solid transparent !important;
      box-shadow: 3px 3px 15px -2px rgb(0, 0, 0) !important;
    }
  }
}

.card-body {
  .el-tabs {
    height: 100%;

    .el-tabs__content {
      height: calc(100% - 55px) !important;
    }
  }
}

.zhengJian-icon {
  i.icon-zhengjian {
    font-size: 12px !important;
  }
}

.map-people-table {
  .el-table__body-wrapper {
    height: calc(100% - 48px) !important;
    overflow-y: auto !important;
  }
}

.track-box {
  .datetime {
    input {
      // background: #004ca7 !important;
      // color: #fff !important;

      &::-webkit-input-placeholder {
        /* WebKit browsers */
        // color: #fff !important;
      }
    }
  }
}

.el-date-editor .el-range-separator {
  // color: #fff !important;
}
.track-box li {
  color: #000 !important;
}

.car-video-box .el-dialog {
  margin-top: 0 !important;
  position: fixed !important;
  top: 200px;
  left: 400px;
  // right: 0;
  // bottom: 0;
  // margin: auto;

  width: 821px;
  height: 450px;

  .el-dialog__body {
    padding: 10px !important;
    height: calc(100% - 50px);

    iframe {
      width: 100%;
      height: 100%;
    }
  }
}

.see-location,
.see-track {
  .el-dialog__body {
    height: 540px;
    .search {
      position: relative;
      height: 36px;
      line-height: 36px;
      .el-date-editor {
        position: absolute;
        top: 4px;
      }

      .el-button.el-button--text {
        position: absolute;
        height: 28px;
        line-height: 28px;
        top: 4px;
        left: 480px;
        padding: 0 8px !important;
      }
    }

    #track_map {
      height: calc(100% - 36px) !important;
    }
  }
}
