@import './var.scss';
@import './element/index.scss';
@import './iview/index.scss';
@import './theme/blue.theme.scss';
@import './theme/dark-blue.theme.scss';
@import './theme/default.theme.scss';
@import './app-code-list.scss';
@import './ctrl.scss';
@import './common.scss';

#app {
    height: 100vh;
    width: 100vw;
}

.ibiz-page-tag .tags-body .tags-container .ivu-tag.tag-is-active .ivu-tag-text {
  color: #1890ff;
}
.ibiz-page-tag .tags-body .tags-container .ivu-tag .ivu-icon-ios-close {
  display: none;
}
.ibiz-page-tag .tags-body .tags-container .ivu-tag.tag-is-active .ivu-icon-ios-close,
.ibiz-page-tag .tags-body .tags-container .ivu-tag:hover .ivu-icon-ios-close {
  display: inline-block;
}
.ivu-card-head p {
  font-size: 14px;
  color: #333;
  font-weight: 400;
}


//  解决横向滚动条错位问题
.el-scrollbar__wrap {
    // 滚动条样式
    &::-webkit-scrollbar {
      width: 10px;
      height: 10px;
      border: none;
    }
  
    &::-webkit-scrollbar-thumb {
      border-radius: 10px;
    }
  
    &::-webkit-scrollbar-track {
      border-radius: 10px;
    }
}

// tab分页模式首页布局
.index_tab_content{
    >.view-container {
        height: calc(100% - 65px);
        margin: 0px 12px;
    }
}
// 面包屑模式首页布局
.index_route_content{
    >.view-container {
        height: calc(100% - 36px);
        margin: 12px;
    }
}

.view-container {
    padding: 0 12px;
    background: white;
    box-shadow: 0 2px 4px 0 rgba(0,0,0,.12), 0 0 6px 0 rgba(0,0,0,.04);
    // flex-direction: column;
    > .view-card {
        height: 100%;
        // display: flex;
        // flex-direction: column;
        > .ivu-card-head{
          min-height: 42px;
          border-color: rgb(221, 221, 221);
          border-style: solid;
          border-width: 0px 0px 1px;
          margin: 0px 0px 6px;
          padding: 6px 0px 2px;
          > .header-container{
            min-height: 42px;
            display: flex;
            flex-wrap: nowrap;
            align-items: flex-start;
            justify-content: space-between;
            > .caption-info{
              line-height: 42px;
              font-size: 18px;
              color: #1890ff;
              flex-shrink: 0;
              max-width: 50%;
              overflow: hidden;
              white-space: nowrap;
              text-overflow: ellipsis;
            }
            > .toolbar-container{
              margin-left: auto;
              display: flex;
              flex-wrap: wrap;
              align-items: center;
            }
          }
        }
        > .ivu-card-body {
            // height: 50%;
            // flex-grow: 1;
            height: calc(100% - 74px);
            padding: 0px;
            display: flex;
            flex-direction: column;
            > .content-container {
                height: 100%;
                display: flex;
                margin: 0;
                flex-direction: column;
                overflow: auto;
            }
        }
    }
    > .view-card.view-no-caption.view-no-toolbar {
        > .ivu-card-body {
            height: 100%;
        }
    }
}
.viewcontainer2 {
    height: 100%;
    width: 100%;
    padding: 0px 12px !important;
    margin: 0px !important;
    -webkit-box-shadow: none !important;
}
.viewcontainer3 {
    height: 100%;
    width: 100%;
    padding: 0px 12px !important;
    margin: 0px !important;
    -webkit-box-shadow: none !important;
}


/***    BRGIN:加载遮罩    ***/
.el-loading-mask {
    background-color: initial;
    .el-loading-spinner {
        .path {
            stroke-width: 3px;
        }
    }
}

/***    BRGIN:多数据视图属性布局    ***/
.property-layout-left, .property-layout-right {
    display: flex;
    height: 100%;
    > div {
        height: 100%;
    }
    > div:nth-child(1) {
        flex-grow: 1;
        padding-left: 0;
        display: flex;
        flex-direction: column;
    }
    > div:nth-child(2) {
        flex-shrink: 0;
    }
}
.property-layout-top, .property-layout-bottom {
    display: flex;
    height: 100%;
    > div:nth-child(1) {
        flex-grow: 1;
        display: flex;
        flex-direction: column;
    }
    > div:nth-child(2) {
        flex-shrink: 0;
    }
}
.property-layout-left {
    flex-direction: row-reverse;
    > div:nth-child(1) {
        border-left: 1px solid #ddd;
        padding-left: 16px;
    }
}
.property-layout-right {
    flex-direction: row;
    > div:nth-child(1) {
        border-right: 1px solid #ddd;
        padding-right: 16px;
    }
}
.property-layout-top {
    flex-direction: column-reverse;
    > div:nth-child(1) {
        border-top: 1px solid #ddd;
        padding-top: 16px;
    }
}
.property-layout-bottom {
    flex-direction: column;
    > div:nth-child(1) {
        border-bottom: 1px solid #ddd;
        padding-bottom: 16px;
    }
}

.view-container.degridview, .view-container.degridview9, .view-container.dewfgridview, .view-container.delistview, .view-container.delistview9, .view-container.dedataview, .view-container.dedataview9,.view-container.dechartview,.view-container.dechartview9,.view-container.decalendarview,.view-container.decalendarview9{
  >.view-card.view-no-caption{
    >.ivu-card-body{
      height: 100%;
    }
  }
  >.view-card{
    >.ivu-card-body{
        >.content-container{
            .quick-group-container,.quick-search-input{
                float: left;
                margin-top: 6px;
                margin-bottom: 6px;
            }
            .quick-search-container{
                float: left;
                margin-top: -2px;
                margin-bottom: 6px;
            }
        }
    }
  }
}

.start-workflow-select-wraper {
    z-index: 3000 !important;
}
// tooltip最大宽度1166px
.el-tooltip__popper.is-dark{
  max-width: 1166px;
}

/***    END:多数据视图属性布局    ***/

// 自定义视图布局
.app-view-layout{
    width: 100%;
    height: 100%;
    padding: 0 12px;
    background-color: #ffffff;
    .container-item__pos{
        display: flex;
        flex-direction: column;
        flex-wrap: nowrap;
        flex-grow: 1;
    }
    .app-ctrl-pos .app-app-menu {
        height: 100%
    }
    .app-scroll-container .ibiz-page-tag {
        margin: 0;
    }
    .ibiz-page-tag .tag-tabs .el-tabs .el-tabs__nav {
        padding: 0;
    }
    .app-ctrl-pos.toolbar {
        .ivu-btn {
            margin: 6px 0 4px 4px;
        }
    }
    .app-ctrl-pos.pickupviewpanel {
        .pickupviewpanel__container {
            overflow: auto;
            flex-grow: 1;
            display: flex;
            justify-content: flex-end;
            height: 100%;
            .pickupviewpanel__center {
                width: 80px;
                display: flex;
                align-items: center;
                text-align: center;
                button {
                    margin-bottom: 5px;
                }
            }
            .pickupviewpanel__right {
                width: 300px;
                border: 1px solid #e9e9e9;
                .pickupviewpanel__right__select {
                    font-size: 16px;
                    text-align: justify; 
                    word-spacing: -3.8pt;
                    line-height: 1.6;
                    font-weight: bold;
                    word-spacing: 10px;
                    height: 100%;
                    overflow: auto;
                }
                .pickupviewpanel__right__select > div {
                    padding: 3px 10px;
                    font-size: 14px;
                    color: rgba(0, 0, 0, 0.85);
                    font-weight: initial;
                    cursor: pointer;
                    min-height: 28px;
                    border: 1px solid #e9e9e9;
                    margin: 4px 4px;
                    transition: all .3s;
                }
                .pickupviewpanel__right__select > div:hover {
                    background: #ecf6fd;
                }
                .pickupviewpanel__right__select > .select{
                    color: #108ee9;
                    background: #ecf6fd;
                }
            }
        }
    }
}
.app-view-layout__appindexview,.app-view-layout__apploginview  {
    padding: 0;
}

看板视图，卡片模式
.view-container.appportalview,.view-container.deportalview,.view-container.deportalview9{
  >.view-card>.ivu-card-body>.content-container{
    background: #efefef;
  }
  .dashboard{
    padding: 8px;
  }
  .portlet-container{
    background: #efefef;
  }
  .portlet-container::after{
    content: "";
    clear: both;
  }
  .portlet{
    margin: 8px;
    height: calc(100% - 16px);
    width: calc(100% - 16px);
    background: #fff;
    border-radius: 4px;
    box-shadow: 0 1px 1px rgba(0,0,0,.05), 0 2px 6px 0 rgba(0,0,0,.045);
    border: 1px solid transparent;
    >.portlet-with-title{
      margin-bottom: 12px;
      height: calc(100% - 64px);
    }
    >.portlet-without-title{
      margin-top: 12px;
      margin-bottom: 12px;
      height: calc(100% - 24px);
    }
  }
}

// 看板视图，无缝模式
.view-container.appportalview.seamless-mode,.view-container.deportalview.seamless-mode,.view-container.deportalview9.seamless-mode{
  >.view-card>.ivu-card-body>.content-container{
    background: transparent;
  }
  .portlet-container{
    background: transparent;
  }
  .portlet{
    background: transparent;
  }
}


@import './user.scss';