@border-color: #d4d4d4;
@margin-left: 60px;
@container-width: 970px;
@control-width: 120px;

//sharing
.header {
    padding: 15px;

    img {
        margin-top: 3px;
    }

    .search-panel {
        border: 1px solid #CDCDCD;
        border-radius: 5px;
        padding: 5px;

        .row {
            margin: 10px 0;

            .filter-item {
                display: inline-block;
                vertical-align: middle;
                height: 32px;
            }

            .fileter-label {
                text-align: right;
                height: 32px;
                padding-top: 5px;
            }

            .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
                padding-left: 0;
            }

            .invoice-btn {
                min-width: 90px;
                height: 34px;
            }
        }

        .table-bottom {
            margin-bottom: 0px !important;

            .lbl-name {
                word-break: keep-all;
            }

            td {
                vertical-align: middle;
            }
        }
    }
}

.table-bottom {
    margin-bottom: 0px !important;

    .lbl-name {
        word-break: keep-all;
    }

    td {
        vertical-align: middle;
    }
}

.red-color {
    color: #d04a02;
    /*vertical-align: middle;*/
}

.dx-widget {
    font-size: 13px;
}
//share
.header-title {
    padding: 10px;

    .sub-title {
        font-family: "Microsoft YaHei";
        font-weight: 400;
        font-size: 12px;
        color: rgb(153, 153, 153);
    }

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

.inline-block {
    display: inline-block;

    .left-side {
        display: inline-block;
    }

    .right-side {
        float: right;
        display: inline-block;
    }
}


.invoice-btn {
    min-width: 80px;
    height: 28px;
    margin-right: 10px;
    font-weight: normal;
    font-size: 13px;
    font-family: 'Microsoft YaHei';
}

.invoice-card {
    width: 120px;
    height: 130px;
    border: 1px dashed @border-color;
    border: 1px dashed rgba(0, 0, 0, 0.2);
    border-radius: 5px;
    background-color: #fff; /*#fbfbfb;*/
    text-align: center;
    cursor: pointer;
    float: left;
    margin: 10px;
    position: relative;


    &:hover {
        background-color: #fff !important;
        box-shadow: #a06748 1px 1px;
    }
    //卡片顶部的绝对定位
    .dx-checkbox-container {
        position: absolute;
        left: 59px;
        top: -8px;
    }
}

.span-btn {
    color: #6699CC;
    padding: 0px 4px;
    cursor: pointer;
    font-size: 12px;
}

.borderless td, .borderless th {
    border: none !important;
    vertical-align: middle !important;
}


.page-footer {
    display: inline-block;
    float: right;
    /*padding-right: 20px;*/
}



.invoice-table-dialog {
    .modal-dialog {
        min-width: 650px;

        .modal-title {
            color: red;
        }
    }
}

.invoiceNumber-link {
    cursor: pointer;
    /*color:#6699cc;*/
}


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

    .dx-datagrid-group-closed:before {
        /* font-family: "ui-grid"; */
        font-style: normal;
        font-weight: normal;
        speak: none;
        display: inline-block;
        text-decoration: inherit;
        width: 1em;
        margin-right: .2em;
        text-align: center;
        font-variant: normal;
        text-transform: none;
        line-height: 1em;
        margin-left: .2em;
        content: inherit!important;
    }

    .header-title {
        padding: 10px;

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


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

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


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

        .body {

            .buttom-row {
                padding: 15px;
                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;
                    }
                }
            }

            .grid-container {
                padding: 0px 15px;
                /*height: 350px;*/
                /*height:100%;*/
                #invoiceGridContainer {
                    max-height: 100%;
                }


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

                .dx-datagrid-nowrap.dx-datagrid-headers .dx-header-row > td > .dx-datagrid-text-content {
                    white-space: normal !important;
                }

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


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

    .importVerifyInvoiceModal {
        .modal-dialog {
            height: 200px;
            width: 610px;
        }

        .modal-footer {
            text-align: left;
        }
    }
}