@import "~/app-resources/less/theme.less";

.output-invoice-edit-wrapper {
    height: 100% !important;
    padding-top: 0px !important;
    position: relative;
    font-size: 13px;

    @first-color: #B4122A;

    .print-row {
        text-align: right;
        padding-right: 1em;
        margin-top: 0.5em;

        .print {
            background-color: @first-color;
            margin: 0 10px;
        }
    }

    .search-btn {
        background-color: @first-color;
    }


    .header-title {
        padding: 10px 20px;

        .title-name {
            font-family: "Microsoft YaHei Bold", "Microsoft YaHei Regular", "Microsoft YaHei";
            font-weight: 700;
            font-style: normal;
            color: #a22;
        }
    }

    .borderless td,
    .borderless th {
        border: none;
    }



    .custom-control {
        width: @control-width !important;
        height: 25px;
        line-height: 25px;
    }

    .btn-search {
        width: @control-width !important;
    }


    .edit-content-container {
        height: calc(~'100% - 40px');
        position: relative;

        .body {

            .buttom-row {
                padding: 0 20px 0 20px;
                display: inline-block;
                width: 100%;

                .left-side {
                    display: inline-block;
                    /*padding-left:5px;*/
                    .select-title {
                        margin-left: 20px;
                    }

                    .select-number {
                        padding: 0 1px;
                        color: red;
                    }
                }

                .right-side {
                    float: right;
                    display: inline-block;
                    /*padding-right:5px;*/
                    .btn {
                        margin-left: 20px;
                    }
                }
            }

            .edit-grid-container {
                margin-top: -41px;
                z-index: 1;
                padding: 0px 20px;
                /*height: 350px;*/
                /*height:100%;*/
                #invoiceGridContainer {
                    max-height: 100%;
                }

                .dx-header-row {
                    background-color: #eee;
                    color: black;
                    height: 35px;
                    line-height: 35px;
                    vertical-align: middle;
                }

                .dx-datagrid-rowsview .dx-row > .dx-master-detail-cell {
                    padding: 0px !important;
                }

                .internal-grid-container {
                    padding: 10px 10px 10px 0;


                    & > div:first-child {
                        padding: 0 0 5px 10px;
                        font-size: 13px;
                        /*font-weight: bold;*/
                    }
                }
            }
        }
    }
}



.ellipsis {
    white-space: nowrap !important;
    -ms-text-overflow: ellipsis !important;
    -o-text-overflow: ellipsis !important;
    text-overflow: ellipsis !important;
    overflow-x: hidden !important;
}

.print-invoice-list-modal {
    .task {
        width: 100%;
        height: 40px;
        line-height: 40px;
        vertical-align: middle;
        border-bottom: 1px solid @color-light-gray;

        >span:first-child {
            margin-left: 20px;
            width: auto;
            float: left;
        }

        >span {
            float: right;
            margin-right: 20px;
            width: 80px;
            height: 39px;
            line-height: 39px;
            vertical-align: middle;
            align-content: center;
        }

        .text-view {
            .ellipsis;
        }
    }


    .load {
        width: 4em;
        height: 2em;

        >span {
            background-color: @color-red;
            width: 0.5em;
            height: 2em;
            display: inline-block;
            transform: scaleY(0.125);
            animation: stretchdelay 1.5s linear infinite;
        }

        .rect2 {
            -webkit-animation-delay: 0.4s;
            animation-delay: 0.4s;
        }

        .rect3 {
            -webkit-animation-delay: 0.6s;
            animation-delay: 0.6s;
        }

        .rect4 {
            -webkit-animation-delay: 0.8s;
            animation-delay: 0.8s;
        }

        .rect5 {
            -webkit-animation-delay: 1.0s;
            animation-delay: 1.0s;
        }
    }


    @keyframes stretchdelay {

        20% {
            transform: scaleY(1.0);
            -webkit-transform: scaleY(1.0);
            background-color: @color-yellow;
        }

        0%, 40%, 100% {
            transform: scaleY(0.125);
            -webkit-transform: scaleY(0.125);
        }
    }
}


.fapiao-Issuing-Confirm {
    .select-width {
        width: 360px;
        margin: 10px 0;
    }
}

/*弹出框*/
.modal-header{
    background-color: #eee;
    border-bottom: 1px solid #e5e5e5;
}

.modal-selectEntityDisk{
    width: 500px;
}