$Ease:cubic-bezier(.25,.1,.25,1);
$Spring:cubic-bezier(.66,1.65,.23,.87);
$Spring2:cubic-bezier(.44,1.53,.32,.92);
$Linear:linear;

.content-region .ui-b-row{
  overflow:initial;
}
#main-region.col-md-8{
  margin-top:0;
}
.nav-region{
  width: 230px;
  margin-left: -230px;
}
.content-region{
  width: 100%;
  box-sizing: border-box;
}

.content-region,.nav-region{
  float: left;
}

.content-region{
  position: relative;
  .icon-button-component{
    position: absolute;
    top: 64px;
    right: 75px;
    margin: 10px 0;
  }
  .left-view-notify {
    .icon-button-component{
      position: absolute;
      top: 121px;
      right: 20px;
    }
  }
  .datatable:nth-child(3){
    .icon-button-component{
      right: 124px;
      margin: 10px 0;
    }

  }
  .datatable:nth-child(2){
    .icon-button-component{
      right: 80px;
    }

  }
}
.ocean_view_nothing{
  background-image:url('./empty_img.png');
  background-repeat: no-repeat;
  background-position: 50%;
}
.sidebar+div {
  .active-view {
    .left-view{
      min-height: auto;
    }
  }
}
.active-view{
  overflow-y: hidden;
  position:relative;

  &.stretch {
    height: 100%;
    display: flex;
    flex-direction: column;

    .button-list {
      display: flex;
      flex: 0 1;
      min-height: 53px;
    }

    .searchform {
      flex-shrink: 0;
    }

    .grid-container {
      position: relative;
      flex: 1 0;
      > .datatable {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
      }
    }
  }

  .filter-container{
    .searchform{
      max-width: calc(100% - 63px);
      display: inline-block;
      width: calc(100% - 63px);
      vertical-align: bottom;
    }
    .switch-table-type-container{
      display: inline-block;
      // vertical-align: bottom;
      position: absolute;
      right: 15px;
      top: 10px;
      z-index: 2;
      .switch-btn-item{
        width: 28px;
        height: 28px;
        display: inline-block;
        text-align: center;
        line-height: 32px;
        cursor: pointer;
        background: #FFFFFF;
        border: 1px solid #E6E8EB;
        svg{
          pointer-events: none;
        }
        &:first-child{
          border-right-width: 0;
          border-bottom-left-radius: 3px;
          border-top-left-radius: 3px;
        }
        &:last-child{
          border-bottom-right-radius: 3px;
          border-top-right-radius: 3px;
        }
        &.switch-btn-item_is-active{
          background: rgba(133,194,255,0.15);
        }
      }
    }
  }

  &.button-fixed-right-corner {
    .button-list {
      position: absolute;
      right: 20px;
      top: 0px;
    }
  }

	.left-view{
    height: 100%;
    width: 100%;
    // float: left;
    transition: width 0.3S cubic-bezier(0.25, 0.1, 0.25, 1);
    .button-list {
      position:absolute;
      right:20px;
      top:5px !important;
      div{
        margin-right: 10px;
        // &:last-child{
        //   margin-right:0 ;
        // };

        .list-ul-box-open {
          z-index:10000 !important;
        }
      }


    }
    .button-list>div:last-child {
      margin-right:0px !important;
    }

    .button-list>div:last-child.drop-down-button:last-child {
        margin-right: -10px !important;
    }
    .button-list>div:last-child>div>div {
        margin-right: 0px !important;
        // padding-right: 5px;
    }

  }

	.right-view{
      right: 2999px;
  		width: 0%;
      float: right;
      position: absolute;
      background-repeat: no-repeat;
      background-position: 20px 0;
      transition: width 0.3S cubic-bezier(0.25, 0.1, 0.25, 1);
      .drop-btns-weaken{
          display:none;
      }
  }
}



.left-tree-con{
    transition:width .3S $Ease;
    width: 230px;
    border-right: 1px solid #e4ebf0;
    float: left;
    position: absolute;
    margin-top:-90px;
    left:0px;
}

.widget-open{
  /*overflow-x: hidden; 会遮挡，暂时去掉，有问题再商议*/
  .left-view{
    width:60%;
    transition:width .3S $Ease;

    .searchform{
      background-color: #fff;
    }
    .dataGrid {
     // border-right: 1px solid #e4ebf0;
     z-index:0;
     position: relative;
    }
    overflow: hidden;

    .grid-container {
        .divider-line {
            position: absolute;
            right: 0;
            top: 39;
            bottom: 0;
            width: 1px;
            background-color: #E4EBF0;
        }
    }

  }
  .right-view{
    min-height:450px;
    width: 40%;
    // position: static;
    right: 0;
    transition:width .3S $Ease;
    margin-left: -1px;
    padding-left: 20px;
    .drop-btns-weaken{
      display:block;
    }
  }
}
.right-con{
   margin-left:230px;
}

/*wuzhe----数据列表线的样式问题*/

.left-view .searchform {
  border-right: 1px solid #fff;
}
.content-region .widget-open .right-view {
  padding-top:47px;
  box-sizing: border-box;
}
.content-region .widget-open .left-view {
  box-sizing: border-box;
  min-height: 560px;
}
.popFormBorder .form {
  border:0px;
  // padding-bottom:30px;
  margin: 15px auto 10px auto !important;
}
.left-view .datatable .dataGrid {
  padding:0px 20px;
  .z-header{
    z-index: 8;
  }
}


.pop-outer .tips-container .tips-content .popLayer_sign_text{
  color: #F28D49;
}
.pop-outer .tips-container .tips-content .linkUrl{
  color: #005999;
}
.pop-outer .tips-container .tips-content .linkUrl:hover{
  color: #1587D9;
}
.confirm-pop .confirm-message li .popLayer_sign_text{
  color: #F28D49;
}
.confirm-pop .confirm-message li .linkUrl{
  color: #005999;
}
.confirm-pop .confirm-message li .linkUrl:hover{
  color: #1587D9;
}
.confirm-pop .confirm-message li{
  list-style:none;
}
.tip_block .tipShade {
  z-index:99999;
  position:absolute;
  height:100%;
  width:100%;
  left:0px;
  top:0px;
}
.tip_block .tipShadeCover{
    background:rgba(0,0,0,0);
}
.tip_block{
    .button_confirm_shade{
        position: fixed;
        left: 0px;
        top: 0px;
        height: 100%;
        width: 100%;
        z-index: 100000000;
        background-color: #03101A;
        opacity: 0;
    }
    .acConfirmMove{
      animation: confirmMove 1s infinite;
    }
    @keyframes confirmMove /* Safari 和 Chrome */
    {
          0%   {transform: translate(5px, 0px);}
          12% {transform: translate(-5px, 0px);}
          24%  {transform: translate(5px, 0px);}
          36% {transform: translate(-5px, 0px);}
          48% {transform: translate(5px, 0px);}
          60% {transform: translate(0px, 0px);}
          72% {transform: translate(0px, 0px);}
          84% {transform: translate(0px, 0px);}
          96% {transform: translate(0px, 0px);}
          100% {transform: translate(0px, 0px);}
    }
    .pop-open-after{
      -webkit-animation-timing-function:none;
        animation-timing-function:none;
      -webkit-animation-duration: none;
        animation-duration: none;
    -webkit-animation-fill-mode: none;
        animation-fill-mode: none;
    -webkit-animation-play-state: none;
        animation-play-state: none;
        -webkit-animation-name: none;
        animation-name: none;
    -webkit-animation-play-state: none;
        animation-play-state: none;
    }
}
#DropdownList_ul .dropdown_hasNo-search .search__wrap{
  height:0px;
  width:0px;
}

.active-view-loading {
  position: relative;
  height: 100%;
  .loading__indexPage {
    .loading__img1,.loading__img2,.loading__img3 {
      background-position-y: -72px;
    }
  }

  .loading__indexPage + .Loading__temp {
    height: 100% !important;
  }
}