.ant-layout-header{
    background: #ffffff;
    padding: 0 20px;
    box-shadow: 0 1px 1px 0px rgba(0,0,0,.04);
}

.ant-layout-content{
    min-height: calc(~'100vh - 64px');
    // background: #fff;
}

.page{
    padding: 20px;
}

.ant-tree-iconEle{
    .icon{
        vertical-align: top;
        display: inline-block;
        margin-top: -2px;
        font-size: 16px;
    }
}

*{
    padding: 0;
    margin: 0;
}
ul,li{
    list-style: none;
    
}

.pd {
    padding: 16px 20px;
}
.pd12 {
    padding: 12px;
}
.pd20 {
  padding: 20px;
}
.mb {
  margin-bottom: 10px;
}
.ml{
  margin-left: 10px;
}
.mr{
  margin-right: 10px;
}

.gd{
margin-bottom: 10px!important;
}

.pt{
    padding-top: 10px;
}
.pb{
    padding-bottom: 10px;
}

.split{
    overflow-x: auto!important;
}


//menu color
.ant-tree li .ant-tree-node-content-wrapper{
    &.color-option{
        color: @successColor;
    }
    &.color-failed{
        color: @failedColor;
    }
    &.color-process{
        color: @processColor;
    }
}

.ant-card{
    overflow: hidden;
    .card-table-wrap{
        margin:-23px -24px -24px -24px;
        .ant-pagination{
            margin: 20px 20px 0px 0;
        }
    }
}

.ant-pagination-item-link{
    .anticon{
        vertical-align: -.07em;
    }
}

.ant-table-wrapper {

        .ant-table-thead{
            tr{

            th{
                background-color: #fafafa!important;
            }
            }
        }
}

.card-table-wrap{
    // margin:-23px -24px -24px -24px;
    .ant-table-wrapper{
        &.with-page{
            .ant-table{
            border-bottom: 1px solid #e8e8e8;
            }
            .ant-table-small{
                border-radius: 0;
            }
        }
    .ant-table-small{
        border: 0 none;

        &:not(.ant-table-bordered){
            .ant-table-body{
                margin: 0;
            .ant-table-thead tr th,
            .ant-table-tbody tr td{
                &:first-child{
                    padding-left: 24px;
                }
                &:last-child{
                    padding-right: 24px;
                }
            }
            
            }
        }
    }

        &:not(:first-child){
    .ant-table-small{
            border-top: 1px solid #e8e8e8;
        }
        }
    }
    
}

.ant-table-small > .ant-table-content > .ant-table-body{
    margin: 0;
}


.ant-card-wider-padding .ant-card-body{
    padding:20px;
    .card-table-wrap{
        margin: -20px;
    }
}

.ant-card+.ant-card,
.ant-table-wrapper+.ant-table-wrapper{
    margin-top: 12px;
}

.card-form-wrap{
    .ant-form-item-label{
        text-align: left;
    }
}

.c-option {
  color: @successColor;
}
.c-failed {
  color: @failedColor;
}
.c-process {
  color: @processColor;
}


.filter-box{
    padding: 0;
    margin: 0 -10px -10px 0;
    .ant-form-item{
        margin-bottom: 10px;
        // width: 20%;
        margin-right: 0;
        padding-right: 10px;
        .ant-form-item-label{
            text-align: left;
            line-height: 15px;
            display: block;
            margin-bottom: 5px;
            margin-top: 2px;
        }
        .ant-form-item-control-wrapper{
            display: block;
            .ant-form-item-children{
                display: block;
            }
        }
    }
    .inline-action{
        margin-top: 20px;
    }
    .action{
        margin-top: 0;
    }
}

.filter-box2,.table-cont{
    margin-bottom: 15px;
}


@media screen and (min-width:0px){
    .filter-box{
        .ant-form-item{
            width: 25%;
        }
    }
}
@media screen and (min-width:1000px){
    .filter-box{
        .ant-form-item{
            width: 20%;
        }
    }
}
@media screen and (min-width:1500px){
    .filter-box{
        .ant-form-item{
            width: 14.2857%;
        }
    }
}


.flex {
    .flex-mixins;

    &-between {
        justify-content: space-between;
    }
    &-center {
        justify-content: center;
    }
    &-cloumn {
        flex-flow: column;
    }

    &-end {
        -webkit-box-pack: end;
        justify-content: flex-end;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    &-start {
        -webkit-box-pack: start;
        justify-content: flex-start;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
	}

	&-wrap{
		flex-wrap: wrap;
	}

    &-middle {
        align-items: center;
    }
    &-stretch {
        align-items: stretch;
    }
    &-bottom {
        align-items: flex-end;
    }
    .flex-s {
        // -webkit-box-flex: 1;
        // -moz-box-flex: 1;
        // -webkit-flex: 1;
        // -ms-flex: 1;
        // flex: 1;
        .flex-s-mixins;
        min-width: 0;
    }
}
.container-800{
    width: 800px;
    margin-left:  auto;
    margin-right:  auto;
}
.container{
    width: 1200px;
    margin-left:  auto;
    margin-right:  auto;
}

.autoHei{
    height: calc(100vh - 56px - 48px);
}

.drawer-autohei{
    height: calc(100vh - 56px);
    margin: -24px;
}
.autoHei-tabs{
    height: calc(100vh - 56px - 48px - 45px - 16px);
}

.ant-drawer.ant-drawer-right{
    .ant-drawer-body{
        height: calc(100vh - 56px);
        overflow: auto;
    }
}
.table_action{
    position: relative;
    padding-top: 10px;
    &::after{
        content: "";
        left: 0;
        top: -1px;
        right: 1px;
        border-top: 1px solid #ccc;
        position: absolute;
        z-index: 1000;
        pointer-events: none;
    }
}


.preview{
    [class^='ant-col']{
        margin-bottom: 10px;
    }
}