/*表单必填项验证边框的样式*/
.homePage .el-form-item.is-error .el-select__wrapper,.loginPage .el-form-item.is-error .el-select__wrapper {
  box-shadow: 0 0 0 1px var(--el-color-danger) inset !important;
}

/*“*”号的样式*/
.homePage .el-form-item.is-required:not(.is-no-asterisk).asterisk-left > .el-form-item__label:before ,
.loginPage .el-form-item.is-required:not(.is-no-asterisk).asterisk-left > .el-form-item__label:before {
  font-size: 16px !important;
  font-weight: 400 !important;
  /* margin-right: 10px !important; */
}

/*表单label的样式*/
.homePage .el-form--label-top .el-form-item .el-form-item__label ,
.loginPage .el-form--label-top .el-form-item .el-form-item__label {
  /*字体样式*/
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  text-align: left;
  position: relative;
}

/*el-select内部内容的样式*/
.homePage .el-form-item .el-select .el-select__wrapper ,
.loginPage .el-form-item .el-select .el-select__wrapper {
  /* width: 260px !important; */
  height: 36px !important;
  min-height: 36px !important;
  border-radius: 6px !important;
  background-color: #f0f0f17d !important;
  box-shadow: 0 0 0 0 !important;
}

.homePage .el-form-item .el-select .el-input__wrapper ,
.loginPage .el-form-item .el-select .el-input__wrapper {
  width: 100 !important;
  height: 36px !important;
  min-height: 36px !important;
  border-radius: 0 !important;
  background-color: #f0f0f17d !important;
  box-shadow: 0 0 0 0 !important;
}

/*el-select图标*/
.homePage .el-form-item .el-select .el-icon ,
.loginPage .el-form-item .el-select .el-icon {
  /*图标的宽度和高度*/
  width: 16px !important;
  height: 16px !important;
}

/*日期选择器样式*/
.homePage .el-form-item .el-date-editor {
.loginPage .el-form-item .el-date-editor
  /*注意自定义样式的位置*/
  --el-input-border-color: transparent !important; /*去掉日期选择器外边框颜色*/
  --el-input-bg-color: #f0f0f17d !important; /*修改默认日期选择器背景颜色*/
  --el-input-hover-border-color: transparent !important;
}

/*日期选择器图标位置*/
.homePage .el-form-item .el-date-editor .el-input__prefix ,
.loginPage .el-form-item .el-date-editor .el-input__prefix {
  position: absolute !important;
  right: 4px !important;
}

/*el-input样式*/
.homePage .el-form-item .el-input ,
.loginPage .el-form-item .el-input {
  /*修改整体宽度和高度*/
  width: 100% !important;
  height: 36px !important;
  border-radius: 0 !important;
}

/*el-input内部内容的样式*/
.homePage .el-form-item .el-input .el-input__wrapper ,
.loginPage .el-form-item .el-input .el-input__wrapper {
  padding: 0 12px !important; /*修改内边距*/
  /*内部字体样式 start*/
  font-size: 14px !important;
  font-weight: 400 !important;
  /*内部字体样式 end*/
}

.homePage .el-form-item .el-input .el-input__inner ,
.loginPage .el-form-item .el-input .el-input__inner {
  /*内部元素高度*/
  height: 36px !important;
}

.homePage .el-form-item .el-input .el-input__wrapper ,
.loginPage .el-form-item .el-input .el-input__wrapper {
  /*去掉外边框圆角*/
  /* border-radius: 8px !important; */
  box-shadow: none !important;
  border: 0 !important;
  border-right: 0;
  /* border-radius: 6px 0 0 6px !important; */
  border-radius: 6px !important;
  background-color: #f0f0f17d;
}

.homePage .el-form-item .el-input__prefix-inner > :first-child,
.el-input__prefix-inner > :first-child.el-input__icon ,
.loginPage .el-form-item .el-input__prefix-inner > :first-child,
.el-input__prefix-inner > :first-child.el-input__icon {
  /*图标的宽度和高度*/
  width: 16px !important;
  height: 16px !important;
}

/*el-select图标颜色*/
.homePage .el-form-item .el-select .el-select__caret ,
.loginPage .el-form-item .el-select .el-select__caret {
  color: var(--theme-text-color5) !important; /*el-select下拉箭头颜色*/
}
.homePage .el-form-item .el-input .el-input__prefix-inner ,
.loginPage .el-form-item .el-input .el-input__prefix-inner {
  color: var(--theme-text-color5) !important; /*修改input前缀图标颜色*/
}
.homePage .el-form-item .el-select .el-select__wrapper .el-select__suffix ,
.loginPage .el-form-item .el-select .el-select__wrapper .el-select__suffix {
  color: var(--theme-text-color5) !important; /*修改input前缀图标颜色*/
}

/*el-icon图标整体样式*/
.homePage .el-form-item .el-icon svg ,
.loginPage .el-form-item .el-icon svg {
  width: 16px !important;
  height: 16px !important;
}

/*下拉菜单触发必填项的边框样式*/
.homePage .el-form-item.is-error .el-select__wrapper ,
.loginPage .el-form-item.is-error .el-select__wrapper {
  box-shadow: 0 0 0 1px var(--el-color-danger) inset !important;
}

.popper-class {
  height: 369px;
  border-radius: 8px !important;

  .el-date-picker.has-sidebar {
    width: 320px;
  }

  .el-picker-panel [slot='sidebar'],
  .el-picker-panel__sidebar {
    position: absolute;
    top: 90%;
    left: 0;
    width: 100%;
    height: auto;
    display: flex;
    justify-content: end;
    border-top: 1px solid var(--shipSearch-form-date-picker-color);
    border-right: none;
    border-left: none;
    border-bottom: none;
    padding-top: 0;
    padding-right: 10px;
    border-radius: 0 0 8px 8px;
  }

  .el-picker-panel [slot='sidebar'] + .el-picker-panel__body,
  .el-picker-panel__sidebar + .el-picker-panel__body {
    margin-left: 0;
  }

  .el-picker-panel__shortcut {
    width: auto;
  }
}

/*.el-table {*/
/*    !*将表格所有边框线颜色设置为透明*!*/
/*    --el-table-border-color: transparent !important;*/
/*}*/
.homePage .search-tab_comp .el-input__wrapper,
.homePage .search-tab_comp .el-input__wrapper:hover,
.homePage .search-tab_comp .el-input__wrapper.is-ative ,
.loginPage .search-tab_comp .el-input__wrapper,
.loginPage .search-tab_comp .el-input__wrapper:hover,
.loginPage .search-tab_comp .el-input__wrapper.is-ative {
  border: 0 !important;
  border-right: 0;
  /* border-radius: 6px 0 0 6px !important; */
  border-radius: 6px !important;
  background-color: #f0f0f17d;
  box-shadow: none;
}

.homePage .search-tab_comp .el-input-group__append ,
.loginPage .search-tab_comp .el-input-group__append {
  border-radius: 0 6px 6px 0 !important;
  background-color: #f0f0f17d !important;
  box-shadow: none !important;
  color: var(--theme-text-color5) !important;
}
.datePickerClass .el-input__wrapper,
.datePickerClass .el-input__wrapper.is-fcous {
  box-shadow: none !important;
}
.popper-class .el-date-picker .el-picker-panel__content {
  width: 100%;
  margin: 0;
}

.el-loading-parent--hidden{
  overflow: auto !important;
}
.el-loading-parent--relative{
  position: relative !important;
}
.el-popup-parent--hidden{
  width: 100% !important;
  overflow: auto !important;
}
.el-overlay-dialog{
  overflow: hidden;
}
.el-checkbox__inner{
  border-color: #999;
}