@import "../../node_modules/font-awesome/less/font-awesome.less";
@import "./theme/index.less";
@import "./layout/index.less";
@import "./sysStyles.less";
@import "./theme/user.less";
.ion-page.view-container {
  height: 100%;
  display: flex;
  flex-direction: column;
  position: relative;
  .view-header {
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1;
    .van-button {
      height: @nav-bar-height;
      line-height: @nav-bar-height;
      color: @color-tertiary-contrast;
    }
    .app-view-lefttoolbar {
      height: @nav-bar-height;
      line-height: @nav-bar-height;
    }
    .app-nav-bar {
      height: @nav-bar-height;
      line-height: @nav-bar-height;
      background: @nav-bar-backgroud;
      .van-icon {
        color: @nav-bar-color;
      }
      .van-nav-bar__title {
        color: @nav-bar-color;
        font-size: @nav-bar-fontSize;
      }
      .van-nav-bar__right {
        height: @nav-bar-height;
        line-height: @nav-bar-height;
      }
    }
  }
  .view-header-bottom {
    height: 40px;
    width: 100%;
  }
  > .view-content {
    flex-grow: 1;
    overflow: auto;
    height: 50%;
  }
  > .view-search {
    > .van-cell {
      padding: 0;
      padding-right: @padding-md;
      display: flex;
      align-items: center;
      .view-search__searchform {
        font-size: @font-size-lg;
        color: #969799;
      }
    }
  }
  > .view-footer {
    color: @color-tertiary-contrast;
    background: @color-main-background;
    ion-toolbar {
      --background: @color-main-background;
    }
    .bottom_menu {
      text-align: center;
      margin: 0 4px 4px 4px;
      ion-button {
        width: calc(50% - 4px);
        --border-radius: 0;
      }
    }
  }
}

.view-title {
  width: calc(100vw - 180px);
  margin: 0 90px;
  text-align: center;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding: 0;
}

.app-layoutpanel {
  .app-mob-span {
    font-family: Ping;
    ion-input {
      --padding-top: 0;
      --padding-bottom: 0;
      --padding-end: 0;
      --padding-start: 0;
    }
  }
  ion-icon {
    position: relative;
    left: 8px;
    top: 1px;
  }
}
.icon {
  width: 4em;
  height: 4em;
  vertical-align: -0.15em;
  fill: currentColor;
  overflow: hidden;
}
ion-action-sheet {
  --max-height: 60%;
}
// itme分割border颜色
ion-item {
  --border-color: #dadada;
}
ion-segment {
  width: 100%;
}
.header-ios ion-toolbar:last-of-type {
  --border-width: 0;
}
// 确认操作按钮颜色调整
button.alert-button.ion-focusable.ion-activatable.secondary.sc-ion-alert-ios {
  color: #ef6b6b;
  font-weight: 500;
}
// 默认主题颜色
@default-active-color: @color-primary;
@default-text-color: #fff;
.theme(@default-active-color, @default-text-color);

// 默认布局
@default-form-text-align: right;
.layout(@default-form-text-align);

@import "./user.less";
// ion-content{
//   --background: inherit;
// }

// ion-list.items.ios.list-ios.hydrated {
//   --background: inherit;
// }

ion-toolbar {
  --padding-bottom: 0;
  --padding-end: 0;
  --padding-start: 0;
  --padding-top: 0;
}

.van-cell::after {
  border: 0;
}
// 搜索表单高度
.searchform {
  .searchform_content {
    height: calc(100% - 100px);
    overflow: auto;
  }
  .search-btn {
    display: flex;
    justify-content: center;
    ion-button {
      width: 50%;
    }
  }
}
// 输入不禁用
.item-input.sc-ion-label-ios-h,
.item-input .sc-ion-label-ios-h {
  pointer-events: all;
  max-width: inherit;
}

// 图标
.ibiz-button-icon {
  font-size: 16px;
  margin: 4px;
}

// 主背景色
ion-content {
  --background: @color-main-background;
}

// 下拉样式
.action-sheet-button-inner,
.action-sheet-button-inner.sc-ion-action-sheet-ios {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

// 搜索栏主背景
.toolbar-searchbar {
  --background: @color-main-background;
}
ion-refresher-content {
  background: @color-main-background;
}
html {
  background: @color-main-background;
}
