@import '../../assets/theme/index';

@iconBorder: 1px solid #D9D9D9;
@iconDayin: #45ACF7;
@iconDaochu: #00B38A;
@iconDaoru: #FFC000;
.@{mk-prefix}-search{
    font-family: "Microsoft Yahei","Helvetica Neue",Helvetica,Arial,sans-serif;
    color: #333;
    width: 100%;
    padding-top: 10px;
    background: #fff;
    border: 1px solid #d9d9d9;
    border-bottom: none;
    .@{mk-prefix}-normal-search{
        padding-bottom: 9px;
        padding-left: 10px;
        padding-right: 10px;
        .@{mk-prefix}-input{
            width: 225px;
            height: 30px;
            margin-right: 8px;
            input{
                font-size: 13px;
                height: 30px;
            }

        }
        .@{mk-prefix}-span{
            height: 30px;
        }
        h2{
            font-size: 14px;
            padding: 8px 0;
        }
        .@{mk-prefix}-span{
            margin-right: 8px;
            line-height: 1.1;
            height: 30px;
        }
        .searchBtn{
            font-size: 13px;
            line-height: 1.1;
        }
        .@{mk-prefix}-title-otherBtn{
            line-height: 30px;
            display: flex;
            .@{mk-prefix}-checkbox{
                line-height: 30px;
            }
        }
        .@{mk-prefix}-rangePicker{
            width: 119px;
            margin-right: 6px;
            .@{ant-prefix}-input{
                padding: 4px 2px;
                height: 30px;
                line-height: 1.1;
                input{
                    font-size: 13px;
                }
            }
        }
        .@{mk-prefix}-rangePicker:hover{
            .@{ant-prefix}-calendar-picker-input:not(.@{ant-prefix}-input-disabled)+.@{ant-prefix}-calendar-picker-icon:after{
                color: @primary-color;
            }
        }
    }

    .edficon{
        width: 30px;
        height: 30px;
        font-size: 28px;
        border-radius: 5px;
        border: @iconBorder;
        cursor: pointer;
    }

    .edficon-shuaxin, .edficon-dayin{
        color: @iconDayin;
    }

    .edficon-shuaxin:hover{
        border-color: @iconDayin
    }

    .edficon-dayin:hover{
        border-color: @iconDayin
    }

    .edficon-daochu{
        color: @iconDaochu;
    }

    .edficon-daochu:hover{
        border-color: @iconDaochu
    }

    .edficon-daoru:hover{
        border-color: @iconDaoru
    }

    .@{ant-prefix}-select{
        width: 100%;
    }
    .@{mk-prefix}-search-high-search{
        padding: 5px;
        // position: absolute;
        // // display: flex;
        // flex-direction: column;
        top: -800px;
        left: 0;
        /*transition: 0.3s;*/
        overflow: hidden;
        background: #fff;
        border: 1px solid #D9D9D9;
        h2{
            width: 100%;
            float: left;
            font-size: 14px;
            height: 30px;
            line-height: 30px;
            color: #454545;
            margin: 0;
            div{
                width: 9%;
                text-indent: 8px;
            }
        }
        .search-form-contaienr{
            width: 100%;
            float: left;
            font-size: 13px !important;
            overflow: auto;
            padding-right: 12px;
            .@{ant-prefix}-select-selection-selected-value {
                font-size: 13px !important;
            }
        }
        form{
            font-size: 13px;
            // flex: 1;
            width: 100%;
            height: auto;
            overflow: hidden;
            float: left;
        }

        /*
        .@{ant-prefix}-input{
            border: 1px solid #949393;
        }
        .@{ant-prefix}-select-selection--single{
            border: 1px solid #949393;
        }
        .@{ant-prefix}-input-number{
            border: 1px solid #949393;
        }*/
        .@{ant-prefix}-form-item{
            display: flex;
            margin: 0 0 10px 0;
            .@{ant-prefix}-select-selection__clear{
                right: 22px;
            }
            .@{ant-prefix}-form-item-label{
                width: 15%;
                text-align: right;
                line-height: 38px;
                color: rgba(0, 0, 0, 0.65);
                label{
                    padding-right: 8px;
                    font-size: 13px;
                }
                label:after{
                    display: none;
                    color: #454545;
                }
            }
            .@{ant-prefix}-form-item-control-wrapper{
                width: 85%;
                margin-left: 1px !important;
                .@{ant-prefix}-form-item-control {
                    .@{ant-prefix}-form-item-children {
                        .@{ant-prefix}-calendar-picker {
                            .@{ant-prefix}-calendar-picker-input {
                                height: 30px !important;
                            }
                        }
                        .@{ant-prefix}-select-allow-clear {
                            left: -0.5px;
                        }
                        .@{ant-prefix}-select-enabled {
                            left: -0.5px;
                        }
                    }
                }
                .@{ant-prefix}-calendar-picker-input {
                    font-size: 13px;
                }
                span {
                    font-size: 13px !important;
                }
            }
            .@{ant-prefix}-select-selection-selected-value{
                padding-right: 0px !important;
                margin-right: 20px;
            }
        }
        .select_proofFlag{
            width: 51%;
            position: relative;
            .@{ant-prefix}-row{
                width: 100%;
                max-width: 100%;
            }
        }
        .select_assetFlag{
            width: 100%;
            display: block;
            margin-left: -110px;
            .@{ant-prefix}-row{
                width: 100%;
                max-width: 100%;
            }
        }
        .select_range{
            width: 50%;
            float: left;
            display: flex;
            line-height:40px;
            .select_range_content{
                padding: 0 7px 0 8px !important;
            }
            .select_range_label{
                width: 18%;
                text-align: right;
                color: #454545;
                padding-right: 8px;
                box-sizing: border-box;
            }
            .@{ant-prefix}-form-item-control-wrapper{
                width: 100%;
                .@{ant-prefix}-calendar-picker{
                    width: 100%;
                }
                .@{ant-prefix}-input-number{
                    width: 100%;
                }
            }
            .select_range_content{
                padding: 0 4px;
            }
        }
        .@{mk-prefix}-search-high-search-bottomBtn{
            width: 100%;
            float: left;
            padding: 10px 7px 7px 0;
            text-align: right;
            height: 48px;
            .@{mk-prefix}-btn{
                padding: 0 18px;
                /*height: 33px;
                line-height: 31px;*/
                font-size: 13px;
                float: right;
            }
        }
        .mk_search_row{
            display: flex;
            margin-bottom: 6px;
        }
        .@{ant-prefix}-row{
            width: 51%;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            max-width: 50%;
        }
    }
    .@{ant-prefix}-btn{
        margin-left: 8px;
    }
    .FormList{
        width: 100%;
        height: auto;
        box-sizing: border-box;
        padding: 6px 8px;
        overflow: hidden;
        .item-list{
            width: 100%;
            height: auto;
            overflow: hidden;
            margin-bottom: 10px;
            .item-list-top{
                width: 100%;
                height: 20px;
                line-height: 20px;
                display: flex;
                .item-list-top-title{
                    padding-right: 20px;
                }
                .item-list-top-line-container{
                    flex: 1;
                    cursor: pointer;
                    .item-list-top-line{
                        width: 100%;
                        border-top: 1px dashed #aaa;
                        position: relative;
                        top: 10px;
                    }
                }
                .item-list-top-line-action{
                    padding-left: 20px;
                    &>span{
                        margin: 0 5px;
                        cursor: pointer;
                        &:hover{
                            color: @link-color;
                        }
                    }
                }
            }
            .item-list-bottom{
                width: 100%;
                height: auto;
                overflow: hidden;
                margin: 15px 0 0 0;
                padding-left: 25px;
                padding-right: 90px;
            }
        }
    }
}