.voucher-grid--filter-wrapper{
    height: 100%
}
.ack-page {
    display: inline-block;

    select {
        border-radius: 3px;
    }

    .ack-footer {
        display: inline-block;
        float: right;
        padding-right: 15px;

        .page-size {
            display: inline-block;
            padding-right: 10px;
            height: 100%;
            float: left;
            /* margin: 20px 0px; */
            padding-top: 5px;
            padding-left: 0;
            margin: 20px 0;
            border-radius: 4px;
            clear: both;
            color: #777777;
            background-color: #ffffff;
            border-color: #dddddd;
            padding: 5px 10px;
            font-size: 12px;
            line-height: 1;

            .total-number {
                /*font-weight: bold;*/
                padding: 0px 2px;
                color: #dc6900;
            }

            .page-box {
                width: 60px;
                text-align: center;
            }

            .padding-span {
                padding: 0px 2px;
            }

            .normal-number {
                padding: 0px 2px;
                color: #dc6900;
            }
        }


        .page-uib {
            float: right;
            padding-right: 15px;
        }
    }
}

.add-enterprise-account-modal-wrap {

    #addEnterpriceAccountSetPop {
        .modal-footer {
            padding-left: 104px;
        }

        #addEnterpriceAccountSetForm {
            label {
                font-weight: normal;
                width: 103px;
            }

            .col-sm-3,
            .col-sm-6 {
                padding-left: 0px;
            }

            .row {
                padding: 0px;
                margin-bottom: 20px;
            }

            .form_datetime {
                width: 100px;
                display: inline-block;
            }

            .scoreDropDownBtn {
                width: 216px;
            }

            .material-icons {
                cursor: pointer;
            }

            .col-sm-2,
            .col-sm-4,
            .col-sm-5,
            .col-sm-10 {
                padding-left: 5px;
                padding-right: 5px;
            }

            .relavant-tr {
                line-height: 43px;
            }

            .pull-left {
                overflow: hidden;
                width: 180px;
            }
        }
    }
}

.add-exist-dimension-modal-wrap {
    /*自定义属性弹框*/
    .addRoleModal {
        .modal-footer {
            padding-left: 19px !important;
        }



        .container-box() {
            border: 1px solid #CDCDCD;
            border-radius: 5px;
            padding: 15px;
            height: 380px;
            width: 519px;
            float: left;
        }

        .container-wrap {
            margin-top: 10px;
            display: inline-block;

            .left-container {
                .container-box();

                .grid-container {
                    /*height: 300px;*/
                    #GridContainerRole {
                        height: 365px;
                        overflow-y: auto;
                    }
                }
            }

            .right-container {
                .container-box();
                margin-left: 15px;

                .grid-container {
                    /*height: 300px;*/
                    #GridContainerPermission {
                        height: 365px;
                        overflow-y: auto;
                    }
                }
            }
        }
    }
}

.add-exist-org-modal-wrap {
    /*自定义属性弹框*/
    .addOrgModal {
        .modal-footer {
            padding-left: 15px !important;
        }

        .dx-header-row .dx-select-checkbox {
            display: none !important;
        }

        .grid-container {
            /*margin-top: 10px;*/
            #orgGridContainer {
                max-height: 400px;
                /*height:400px;*/
                .dx-datagrid-content .dx-datagrid-table .dx-row .dx-command-select {
                    width: 40px !important;
                    max-width: 40px !important;
                    padding: 0px !important;
                }
                /*.dx-toolbar .dx-texteditor {
                     width:518px !important;
                }*/
            }
        }
    }
}

.add-exist-role-modal-wrap {
    /*自定义属性弹框*/
    .addRoleModal {
        .modal-footer {
            padding-left: 15px !important;
        }

        .container-box() {
            border: 1px solid #CDCDCD;
            border-radius: 5px;
            padding: 15px;
            height: 380px;
            width: 248px;
            float: left;
        }

        .container-wrap {
            margin-top: 10px;
            display: inline-block;

            .left-container {
                .container-box();

                .grid-container {
                    /*height: 300px;*/
                    #GridContainerRole {
                        height: 350px;
                        overflow: auto;
                    }
                }
            }

            .right-container {
                .container-box();
                margin-left: 15px;

                .grid-container {
                    /*height: 300px;*/
                    #GridContainerPermission {
                        height: 350px;
                        overflow: auto;
                    }
                }
            }
        }
    }
}

.add-exist-user-modal-wrap {
    .modal-dialog {
        height: 600px;
        /*自定义属性弹框*/
        .modal-footer {
            padding-left: 15px !important;
        }

        .grid-container {
            /*margin-top: 10px;*/
            #userGridContainer {
                max-height: 400px;

                .dx-datagrid-content .dx-datagrid-table .dx-row .dx-command-select {
                    width: 40px !important;
                    max-width: 40px !important;
                    padding: 0px !important;
                }
                /*.dx-toolbar .dx-texteditor {
                     width:518px !important;
                }*/
            }
        }
    }
}

@small-panel-height: 30px;
@small-panel-margin: 10px;
@small-panel-border-color: #E4E4E4;

.cell-detial-show {
    display: inline-block;
    vertical-align: top;   
    min-height:650px;   
    cursor: move;  
}

.cell-detail {
    .cell-detial-show;
    width:400px;
    min-width:400px;
    position: relative;
    background-color:#fff;
    .header {
        background-color: #333333;
        height: @small-panel-height;
        padding:0px;
        .icon-common {
            color: #fff;
            margin: 5px @small-panel-margin;
        }

        .drag-icon {
            float: left;
            .icon-common;
        }

        .close-icon {
            float: right;
            .icon-common;
            cursor: pointer;
        }

        .expand-icon {
            .icon-common;
            float: right;
            cursor: pointer;
            /*margin-left:300px;*/
        }
    }

    .content {
        height: calc(~"100% - 30px");
        /*background-color: #fff;*/
        border: 1px solid @small-panel-border-color;
        border-bottom: none;

        .pair-item {
            margin: @small-panel-margin @small-panel-margin @small-panel-margin*2 @small-panel-margin;

            .position {
                height: @small-panel-height;
                line-height: @small-panel-height;
            }

            .cell-position {
                .position;
                width: 18%;
                text-align: center;
            }

            .formula-desc {
                padding-left: 8px;
            }

            .value-panel {
                border: 1px solid @small-panel-border-color;
                word-wrap: break-word;
                min-height: @small-panel-height;

                .source-list {
                    padding-left: 15px;
                    margin-top: 5px;
                    list-style-type: none;
                }

                .source-item > span {
                    display: table-cell;
                }

                .col-sm-7 {
                    padding-left: 2px;
                    width: 58%;
                }

                .text-align-source {
                    text-align: right;
                    padding-right: 10px;
                }

                .col-sm-5 {
                    width: 42%;
                    padding-left: 0px;
                    .text-align-source;
                }

                .row {
                    margin: 10px 0px 20px 0px;
                }

                .source-total {
                    color: red;
                    font-weight: bold;
                    .row;
                    height:15px;
                }

                .horizontal-dot-line {
                    background-image: linear-gradient(to right, #a6a6a6 50%, rgba(255, 255, 255, 0) 0%);
                    background-position: top;
                    background-size: 10px 1px;
                    background-repeat: repeat-x;
                    height: 1px;
                }
            }
        }
    }
}

.attribute-modal-wrap {

    .modal-backdrop {
        z-index: -1;
    }
    /*自定义属性弹框*/
    .addDimensionModal {
        .modal-footer {
            padding-left: 104px !important;
        }

        .custom-config {
            /*overflow-y: auto;*/
            /*width: 174px;*/
            /*height:182px;*/
            /*border: 2px solid gray;
            margin: 0px 10px;
            background-color: #fff;
       
            box-sizing: border-box;
            border-width: 1px;
            border-style: solid;
            border-color: rgba(228, 228, 228, 1);
            border-radius: 0px;
            -moz-box-shadow: 5px 5px 5px rgba(201, 201, 201, 0.349019607843137);
            -webkit-box-shadow: 5px 5px 5px rgba(201, 201, 201, 0.349019607843137);
            box-shadow: 5px 5px 5px rgba(201, 201, 201, 0.349019607843137);

            padding-bottom: 10px;
            text-align: center;*/
            .select-box-list {
                margin: 5px;
                /*高亮*/
                .header {
                    background-image: url("/Content/images/u10533.png");
                    width: 188px;
                }

                .select-box {
                    width: 150px;
                    display: inline-block;
                    margin: 5px;
                }

                .center {
                    vertical-align: middle;
                    text-align: center;
                }

                .first-row {
                    background-color: #dedede;
                }

                .not-first-row {
                    background-color: #ffffff;
                }

                .orgStructure table tr td {
                    padding: 8px 5px;
                }
            }
        }
    }
}

.edit-business-unit-modal-wrapper {

    #BU-modal {

        .form-horizontal .form-group {
            margin-left: -26px;
            margin-right: -15px;
        }

        .modal-dialog {
            height: 300px;
            width: 500px;

            .validate-fail {
                display: inline;

                .error {
                    color: red;
                }
            }

            .validate-success {
                display: none;
            }

            .modal-footer {
                padding-left: 130px;
            }
        }
    }
}

.edit-dimension-value-modal-wrapper {

    #Dimension-value-modal {

        .form-horizontal .form-group {
            margin-left: -26px;
            margin-right: -15px;
        }

        .modal-dialog {
            height: 300px;
            width: 500px;

            .validate-fail {
                display: inline;

                .error {
                    color: red;
                }
            }

            .validate-success {
                display: none;
            }

            .modal-footer {
                padding-left: 130px;
            }
        }
    }
}

@import "app-resources/css/admin-theme.less";
.edit-formula-modal-wrapper {
    .modal-content {
        cursor: move;

        .edit-formula-form {
            padding: 10px;

            div.label {
                cursor: text;
            }

            .formula-text {
                resize: none;
                width: 100%;
            }

            .title-label {
                color: #D35412;
                text-align: left;
            }

            .service-type-label {
                margin-top: 7px;
            }

            #serviceTypeSelect {
                width: 100%;
            }

            .dx-treeview .dx-treeview-node:not(.dx-treeview-item-with-checkbox).dx-state-focused > .dx-treeview-item {
                background-color: rgb(213, 118, 13) !important;
            }

            .formula-dx-list {
                border: 1px solid #A9A9A9;

                _:-ms-input-placeholder, :root & {
                    border-color: #707070; // Hack for IE
                }

                .dx-treeview-node {
                    padding-left: 0;
                }
            }

            .formula-translator-wrapper {
                margin-left: 15px;
            }
        }
    }
}
.edit-invoice-modal-wrapper {
    font-family: 'Microsoft YaHei';
    @carTypeLength: 172px;
    @buyerInfoLength: 273px;
    font-size: 13px;

    .gray-color {
        background-color: #CCCCCC;
    }

    .green-color {
        background-color: #B3E680;
    }

    .pink-color {
        background-color: #FFB0B0;
    }


    .ellipsis {
        white-space: nowrap !important;
        -ms-text-overflow: ellipsis !important;
        -o-text-overflow: ellipsis !important;
        text-overflow: ellipsis !important;
        overflow-x: hidden !important;
    }
    /**:focus {
        outline: none;
    }*/
    .modal-size {
        width: 1330px;

        .modal-title {
            font-weight: bold;
        }

        .modal-content {
            width: 1330px;

            .dx-texteditor {
                border: 1px solid #333333;
            }

            .right-part {
                width: 337px;
                display: inline-block;
                height: 678px;
                float: right;
                padding: 10px 10px 0 10px;
                position: relative;
                font-weight: 400;
                font-style: normal;
                font-size: 12px;
                color: #666666;



                .top-distance {
                    margin-top: 70px;
                }

                .history-p {
                    cursor: pointer;
                    float: right;
                    margin-right: 3em;
                    margin-bottom: 1em;
                    margin-top: 1em;
                }

                .reason-btn {
                    width: 150px;
                    margin-bottom: 10px;
                }

                .btn-row {
                    margin-top: 20px;
                }

                .row-info {
                    .ellipsis;
                    max-width: 16.5em;
                }

                .bold-font {
                    font-weight: bold;
                }

                .reason-wrapper {
                    margin-top: 10px;

                    .col-sm-11 {
                        padding-left: 5px;
                    }

                    span,
                    p {
                        font-weight: 400;
                        font-style: normal;
                        font-size: 12px;
                        color: #666666;
                        line-height: 18px;
                    }
                }

                .issue-btn {
                    width: 180px;
                    position: absolute;
                    right: 30px;
                    bottom: 30px;
                }

                .select-entity {
                    margin-top: 10px;
                }
            }

            .cancel-remark {
                z-index: 1;
                background-image: url(/app-resources/images/vat/cancel-mark.png);
                background-repeat: no-repeat;
                top: -44px;
                position: absolute;
                height: 250px;
                width: 250px;
                right: 339px;
                transform: rotate(7deg);
                -ms-transform: rotate(7deg);
                -moz-transform: rotate(7deg);
                -webkit-transform: rotate(51deg);
            }

            .compay-name-wrapper {
                margin-right: 0px;

                .company-name-input {
                    margin-right: 0px;
                    width: 23.5em;
                }

                span {
                    line-height: 34px;
                    padding: 0px;
                }

                input[readonly] {
                    padding: 0px;
                }

                col-sm-4,
                col-sm-8 {
                    padding: 0px;
                }
            }

            .editable-company {

                input {
                    height: 32px;
                    border: 1px solid #333333;
                    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
                    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
                    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
                    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
                    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;

                    &:hover,
                    &:focus {
                        outline: none;
                        border-color: #999999;
                        -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
                        box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
                    }
                }
            }

            .editable-wrapper {
                .dx-texteditor-input {
                    height: 32px;
                    border: 1px solid #333333;
                    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
                    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
                    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
                    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
                    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;

                    &:hover,
                    &:focus {
                        outline: none;
                        border-color: #999999;
                        -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
                        box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
                    }
                }

                input[readonly] {
                    height: 32px;
                    border: none;
                    -webkit-box-shadow: none;
                    box-shadow: none;
                    -webkit-transition: none;
                    -o-transition: none;

                    &:hover,
                    &:focus {
                        height: 32px;
                        border: none;
                        -webkit-box-shadow: none;
                        box-shadow: none;
                        -webkit-transition: none;
                        -o-transition: none;
                    }
                }
            }

            .invoice-img {
                width: 975px;
                display: inline-block;
                height: 647px;
                background-image: url("/app-resources/images/vat/invoice-pure.png");
                background-repeat: no-repeat;
                background-size: 975px 647px;
                position: relative;

                .bdIssuedDate {
                    height: 30px;
                    position: absolute;
                    top: 67px;
                    width: 240px;
                    left: 150px;
                    padding-bottom: 0px;
                }

                .left-no {
                    width: 200px;
                    position: absolute;
                    top: 109px;
                    left: 194px;

                    .invoice-code-left {
                        margin: 15px 0 0 0;
                    }

                    .dx-texteditor-input {
                        min-height: 25px;
                        padding: 3px 8px 7px;
                    }
                }

                .printed-user {
                    position: absolute;
                    top: 612px;
                    display: inline-block;
                    height: 28px;
                    width: 120px;
                    left: 465px;
                    min-height: 20px;
                }
                /*发票代码*/
                .invoice-code {
                    position: absolute;
                    right: 82px;
                    width: 137px;
                    top: 39px;
                    height: 32px;
                }
                /*发票号码*/
                .invoice-no {
                    position: absolute;
                    top: 61px;
                    right: 82px;
                    width: 137px;
                    height: 32px;
                }

                .invoice-content {
                    top: 224px;
                    width: 701px;
                    left: 193px;
                    position: absolute;

                    .form-control {
                        display: inline-block;
                        padding: 6px 6px;

                        &:focus {
                            outline: none;
                            border-color: #ffc107;
                            -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(237, 174, 82, 0.6);
                            box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(237, 174, 82, 0.6);
                        }
                    }

                    .dx-texteditor-input {
                        background-color: transparent;
                    }

                    .padding-max {
                        margin: 11px 0 4px 0;
                    }

                    .padding-first {
                        margin: -1px 0 0px 0;
                        position: relative;
                    }

                    .padding-normal {
                        margin: 1px 0 2px 0;
                        height: 34px;
                    }

                    .invoice-row {
                        .buyer-info {
                            width: @buyerInfoLength;
                            display: inline-block;

                            .dx-texteditor-input {
                                height: 24px;
                                min-height: 20px;
                            }
                        }

                        .tax-payer-number {
                            width: 241px;
                            margin-left: 184px;
                            display: inline-block;
                            margin-top: 8px;
                            vertical-align: top;
                            position: absolute;
                        }

                        .car-type {
                            width: @carTypeLength;
                        }

                        .factory-no {
                            width: 279px;
                            margin-left: 67px;
                        }

                        .car-place {
                            width: 136px;
                            margin-left: 38px;
                        }

                        .check-no {
                            width: @carTypeLength;
                        }

                        .income-no {
                            width: 223px;
                            margin-left: 99px;
                        }

                        .commodity-inspection-no {
                            width: 136px;
                            margin-left: 62px;
                        }


                        .engine-no {
                            width: @buyerInfoLength;
                        }

                        .card-identify-no {
                            width: 260px;
                            margin-left: 163px;
                        }

                        .price-tax-sum {
                            width: 483px;
                        }

                        .price-tax-number {
                            width: 168px;
                            margin-left: 45px;
                        }

                        .sell-name {
                            width: 423px;
                        }

                        .sell-phone-number {
                            width: 232px;
                            margin-left: 40px;
                        }

                        .address {
                            width: 316px;
                        }

                        .open-account-bank {
                            width: 315px;
                            margin-left: 65px;
                        }

                        .vat-rate {
                            width: 101px;
                        }

                        .vat-tax-price {
                            width: 167px;
                            margin-left: 63px;
                        }

                        .tax-org {
                            width: 275px;
                            margin-left: 86px;
                        }

                        .pure-price {
                            width: 151px;
                            margin-top: 2px;
                            margin-left: 39px;
                        }

                        .tax-complete-no {
                            width: 197px;
                            margin-left: 95px;
                            margin-top: 2px;
                        }

                        .weight {
                            width: 39px;
                            margin-left: 38px;
                            margin-top: 2px;
                        }

                        .limit-persons {
                            width: 63px;
                            margin-left: 66px;
                            margin-top: 2px;
                        }
                    }
                }
            }
        }
    }

    .modal-add {
        width: 1320px;
        font-size: 13px;

        .modal-title {
            font-weight: bold;
        }

        .modal-content {
            width: 1320px;

            .modal-body {
                width: 1310px;
                padding: 0px;

                .has-error {
                    color: #a94442;
                }

                .dx-texteditor {
                    border: 1px solid #333333;
                }

                .right-part {
                    width: 337px;
                    display: inline-block;
                    height: 678px;
                    float: right;
                    padding: 10px 0px 0 0px;
                    position: relative;
                    font-weight: 400;
                    font-style: normal;
                    font-size: 12px;
                    color: #666666;
                    left: -16px;

                    .top-distance {
                        margin-top: 70px;
                    }



                    .reason-btn {
                        width: 150px;
                        margin-bottom: 10px;
                    }

                    .row-info {
                        .ellipsis;
                        max-width: 16.5em;
                    }

                    .bold-font {
                        font-weight: bold;
                    }

                    .reason-wrapper {
                        margin-top: 1em;

                        >div {
                            height: 2.2em;
                        }

                        .col-sm-11 {
                            padding-left: 5px;
                        }

                        span,
                        p {
                            font-weight: 400;
                            font-style: normal;
                            font-size: 12px;
                            color: #666666;
                            line-height: 18px;
                        }
                    }

                    .tips {
                        padding: 10x 0;

                        >span {
                            line-height: 22px;
                        }
                    }

                    .issue-btn {
                        width: 180px;
                        position: absolute;
                        left: -15px;
                        bottom: 72px;
                    }

                    .select-entity {
                        margin-top: 10px;
                    }

                    .compay-name-wrapper {
                        margin-right: 0px;
                        margin-top: 7em;

                        .company-name-input {
                            margin-right: 0px;
                            width: 260px;
                        }

                        span {
                            line-height: 34px;
                            padding: 0px;
                        }

                        col-sm-4,
                        col-sm-8 {
                            padding: 0px;
                        }

                        .readonly-padding {
                            padding: 0px !important;
                        }
                    }
                }

                #select_ADD_EntityList_ID {
                    width: 260px;
                    display: inline-block;
                    vertical-align: middle;
                    font-size: 12px;
                }

                #select_ADD_Tax_IssuingDisc {
                    width: 260px;
                    display: inline-block;
                    vertical-align: middle;
                    font-size: 12px;
                }


                .dx-texteditor-input {
                    height: 30px;
                    /*border: 1px solid #cccccc;*/
                    /*  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
                    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
                    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
                    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
                    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;*/
                    min-height: 20px;
                    /* &:hover,
                    &:focus {
                        outline: none;
                        border-color: #999999;
                        -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.090);
                        box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.090);
                    }*/
                }

                .dx-texteditor .dx-state-hover {
                    /*border: 1px solid #888888;*/
                }

                input[readonly] {
                    height: 30px;
                    border: none;
                    -webkit-box-shadow: none;
                    box-shadow: none;
                    -webkit-transition: none;
                    -o-transition: none;
                    transition: unset;
                    background-color: transparent;

                    &:hover,
                    &:focus {
                        height: 30px;
                        border: none;
                        -webkit-box-shadow: none;
                        box-shadow: none;
                        -webkit-transition: none;
                        -o-transition: none;
                        transition: unset;
                         background-color: transparent;
                    }
                }



                .invoice-img {
                    width: 973px;
                    display: inline-block;
                    height: 648px;
                    background-image: url("/app-resources/images/vat/invoice-pure.png");
                    background-repeat: no-repeat;
                    background-size: 975px 648px;
                    position: relative;
                    /*发票代码*/
                    .invoice-code {
                        position: absolute;
                        right: 80px;
                        width: 137px;
                        top: 37px;
                        height: 32px;
                    }
                    /*发票号码*/
                    .invoice-no {
                        position: absolute;
                        top: 69px;
                        right: 80px;
                        width: 137px;
                        height: 32px;
                    }

                    .invoice-content {
                        top: 210px;
                        width: 701px;
                        left: 193px;
                        position: absolute;

                        .padding-max {
                            margin: 1px 0 2px 0;
                            height: 44px;

                            input[readonly] {
                                height: 100%;
                            }
                        }

                        .padding-first {
                            margin: 0;
                        }

                        .padding-normal {
                            margin: 0px 0 0px 0;
                            height: 36px;
                        }

                        .invoice-row {

                            .buyer-info {
                                width: @buyerInfoLength;
                                display: inline-block;

                                .dx-texteditor-input {
                                    height: 29px;
                                    padding-top: 0px;
                                    padding-bottom: 0px;
                                }
                            }

                            .tax-payer-number {
                                width: 243px;
                                margin-left: 180px;
                                display: inline-block;
                                margin-top: 22px;
                                vertical-align: top;
                            }

                            .car-type {
                                width: @carTypeLength;
                                display: inline-block;
                            }

                            .factory-no {
                                width: 279px;
                                margin-left: 67px;
                                display: inline-block;
                            }

                            .car-place {
                                width: 136px;
                                margin-left: 38px;
                                display: inline-block;
                            }

                            .check-no {
                                width: @carTypeLength;
                                display: inline-block;
                            }

                            .income-no {
                                width: 223px;
                                margin-left: 99px;
                                display: inline-block;
                            }

                            .commodity-inspection-no {
                                width: 136px;
                                margin-left: 62px;
                                display: inline-block;
                            }


                            .engine-no {
                                width: @buyerInfoLength;
                                display: inline-block;
                            }

                            .card-identify-no {
                                width: 260px;
                                margin-left: 163px;
                                display: inline-block;
                            }

                            .price-tax-sum {
                                width: 483px;
                                display: inline-block;
                            }

                            .price-tax-number {
                                width: 168px;
                                margin-left: 45px;
                                display: inline-block;
                            }

                            .sell-name {
                                width: 423px;
                                display: inline-block;
                            }

                            .sell-phone-number {
                                width: 232px;
                                margin-left: 40px;
                                display: inline-block;
                            }

                            .address {
                                width: 316px;
                                display: inline-block;
                            }

                            .open-account-bank {
                                width: 315px;
                                margin-left: 65px;
                                display: inline-block;
                            }

                            .vat-rate {
                                width: 101px;
                                display: inline-block;
                            }

                            .vat-tax-price {
                                width: 167px;
                                margin-left: 63px;
                                display: inline-block;
                            }

                            .tax-org {
                                width: 275px;
                                margin-left: 86px;
                                display: inline-block;
                            }

                            .pure-price {
                                width: 150px;
                                margin-top: 1px;
                                margin-left: 40px;
                                display: inline-block;
                            }

                            .tax-complete-no {
                                width: 197px;
                                margin-left: 95px;
                                margin-top: 1px;
                                display: inline-block;
                            }

                            .weight {
                                width: 39px;
                                margin-left: 334px;
                                margin-top: 1px;
                                display: inline-block;
                            }

                            .limit-persons {
                                width: 63px;
                                margin-left: 66px;
                                margin-top: 1px;
                                display: inline-block;
                            }
                        }
                    }
                }
            }
        }
    }

    .modal-show {
        width: 979px;

        .modal-content {
            width: 979px;

            .modal-body {
                width: 977px;
                padding: 0px;

                input[readonly] {
                    height: 32px;
                    border: none;
                    -webkit-box-shadow: none;
                    box-shadow: none;
                    -webkit-transition: none;
                    -o-transition: none;
                    transition: unset;

                    &:hover,
                    &:focus {
                        height: 32px;
                        border: none;
                        -webkit-box-shadow: none;
                        box-shadow: none;
                        -webkit-transition: none;
                        -o-transition: none;
                        transition: unset;
                    }
                }

                .invoice-img {
                    width: 973px;
                    display: inline-block;
                    height: 678px;
                    background-image: url("/app-resources/images/vat/invoice-pure.png");
                    background-repeat: no-repeat;
                    background-size: 975px 678px;
                    position: relative;
                    /*发票代码*/
                    .invoice-code {
                        position: absolute;
                        right: 80px;
                        width: 137px;
                        top: 33px;
                        height: 32px;
                    }
                    /*发票号码*/
                    .invoice-no {
                        position: absolute;
                        top: 69px;
                        right: 80px;
                        width: 137px;
                        height: 32px;
                    }

                    .invoice-content {
                        top: 235px;
                        width: 701px;
                        left: 193px;
                        position: absolute;

                        .form-control {
                            display: inline-block;
                            padding: 6px 6px;

                            &:focus {
                                outline: none;
                                border-color: #ffc107;
                                -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(237, 174, 82, 0.6);
                                box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(237, 174, 82, 0.6);
                            }
                        }

                        .padding-max {
                            margin: 10px 0 8px 0;
                            height: 34px;
                        }

                        .padding-normal {
                            margin: 2px 0 4px 0;
                            height: 34px;
                        }

                        .padding-last {
                            padding: 0px;
                            height: 34px;
                        }

                        .invoice-row {
                            .buyer-info {
                                width: @buyerInfoLength;
                            }

                            .tax-payer-number {
                                width: 243px;
                                margin-left: 180px;
                            }

                            .car-type {
                                width: @carTypeLength;
                            }

                            .factory-no {
                                width: 279px;
                                margin-left: 67px;
                            }

                            .car-place {
                                width: 136px;
                                margin-left: 38px;
                            }

                            .check-no {
                                width: @carTypeLength;
                            }

                            .income-no {
                                width: 223px;
                                margin-left: 99px;
                            }

                            .commodity-inspection-no {
                                width: 136px;
                                margin-left: 62px;
                            }


                            .engine-no {
                                width: @buyerInfoLength;
                            }

                            .card-identify-no {
                                width: 260px;
                                margin-left: 163px;
                            }

                            .price-tax-sum {
                                width: 483px;
                            }

                            .price-tax-number {
                                width: 168px;
                                margin-left: 45px;
                            }

                            .sell-name {
                                width: 423px;
                            }

                            .sell-phone-number {
                                width: 232px;
                                margin-left: 40px;
                            }

                            .address {
                                width: 316px;
                            }

                            .open-account-bank {
                                width: 315px;
                                margin-left: 65px;
                            }

                            .vat-rate {
                                width: 101px;
                            }

                            .vat-tax-price {
                                width: 167px;
                                margin-left: 63px;
                            }

                            .tax-org {
                                width: 275px;
                                margin-left: 86px;
                            }

                            .pure-price {
                                width: 151px;
                                margin-left: 39px;
                                margin-top: 1px;
                            }

                            .tax-complete-no {
                                width: 197px;
                                margin-left: 95px;
                                margin-top: 1px;
                            }

                            .weight {
                                width: 39px;
                                margin-left: 38px;
                                margin-top: 1px;
                            }

                            .limit-persons {
                                width: 63px;
                                margin-left: 66px;
                                margin-top: 1px;
                            }
                        }
                    }
                }
            }
        }
    }

    #selectEntityList_ID {
        width: 21.5em;
        display: inline-block;
        vertical-align: middle;
    }

    #history-pop-container {
        height: 230px;
        width: 385px;
        position: absolute;
        border: #ccc 1px solid;
        background-color: #fff;
        border-radius: 4px;
        left: 80%;
        top: 6%;
        display: none;
        z-index: 10;

        .history-pop-header {
            width: 100%;
            line-height: 25px;
            border-bottom: 1px solid #ddd;
            float: left;
            background-color: #eee;
            border-top-right-radius: 4px;
            border-top-left-radius: 4px;

            .close {
                width: 20px;
            }
        }

        .history-content {
            float: left;
            margin: 5px;
            color: #888;
            font-size: 12px;
            line-height: 24px;
            height: 195px;
            overflow-y: scroll;

            .history-line {
                margin-left: 10px;
            }
        }
    }
}
@footer-button-left: 159px;

.edit-organization-modal-wrapper {


    .addOrgControlPop {
        .modal-header{
            border-bottom: 0px;
        }
        .modal-title {
            font-size: 16px;
        }
        .must-input {
            color: red;
        }

        .modal-dialog {
            width: 850px;
            height: 600px;
        }

        .btn-default {
            height: 33px;
        }

        input {
            width: 250px;
            height: 33px;
        }

        .modal-body {
            padding-left: 0px !important;
            width: auto;
        }

        .dropdown-menu {
            max-height: 220px;
            overflow-y: auto;
            width: 250px;
        }

        .scoreDropDownBtn {
            width: 250px;
        }

        select {
            width: 250px;
            height: 33px;
            padding-left: 8px !important;
        }

        form .col-sm-3 {
            font-weight: normal;
            width: 35%;
        }

        form .col-sm-9 {
            width: 65%;
            margin-left: -20px;
        }

        form input[type='radio'] {
            margin: 0 5px;
        }

        .control-label {
            padding-left: 12px;
            white-space: nowrap;
        }


        .dropdown-toggle .caret {
            width: 10px;
            height: 10px;
            border: none; //IE
            margin-top: -2px !important;
        }

        .dropdown-toggle .caret:before {
            //IE
            content: url(../../../../app-resources/images/ie11Trigangle.png);
            margin-left: -12px !important;
            margin-right: 1px;
        }

        .main {
            margin: 20px 1px;
            border-bottom: 1px;
        } //Target Chrome
        @media screen and (-webkit-min-device-pixel-ratio:0) {
            .dropdown-toggle .caret {
                width: 10px;
                height: 10px;
                border: none;
                margin-top: 0px;
                margin-right: -10px;
            }

            .dropdown-toggle .caret:before {
                content: url(../../../../app-resources/images/chromeTriangle.png);
                margin-left: 3px;
            }
        }

        .bottom-row {
            display: block;
        }

        .quarter-div {
            width: 50%;
            float: left;
            padding: 30px 10px 10px 10px;
        }

        .row-line {
            height: 1px;
            border-bottom: 1px solid #CDCDCD;
            margin: 0px 20px;
        }

        .leftUp {
            /*background-color: #5BC0DE;*/
            width: 50%;
            /*margin-left: 20px;*/
            /*width: 44%;*/
        }

        .rightUp {
            width: 45%;
            /*background-color: #5CB85C;*/
        }

        .leftDown {
            /*border-top: 1px solid #D5D5D5;*/
            /*margin-left: 20px;*/
            width: 50%;
            /*background-color: #F0AD4E;*/
            /*overflow-y: auto;*/
        }

        .rightDown {
            /*border-top: 1px solid #D5D5D5;*/
            width: 45%;
            /*overflow-y: auto;*/
            /*background-color: #FFC706;*/
        }


        .tab-pane {
            /*height: 460px;*/
            overflow-y: auto;
        }

        #basicdata {
            max-height: 460px;
            overflow-y: auto;
        }

        #orgControlTab {

            padding: 0 10px;
            ul {
                color: #ffc107;
                border-bottom: 0px;

                li {
                    /*height: 30px;*/
                    width: 50%;
                    border: 1px solid #F2F2F2;

                    &:hover{
                        /*border: 1px solid #F2F2F2!important;*/
                    }
                    a:hover {
                        color: #D35412!important;
                        background-color: white!important;
                    }
                }

                li a {
                    font-size: 16px;
                    height: 38px;
                    line-height: 38px;
                    border-radius: 1px;
                    padding: 0px 20px;
                    vertical-align: middle;
                    text-align: center;
                    border: 0px;
                    color: black!important;
                }

                li.active {
                    background-color: #f3f2f0!important;
                    /*border:0px;*/
                    a,
                    a:hover,
                    a:focus {
                        color: black!important;
                        background-color: #f3f2f0!important;
                    }
                }

                li a span {
                    float: right;
                    vertical-align: middle;
                    line-height: 30px;
                    margin-top: -2px;
                }

                .glyphicon-exclamation-sign {
                    color: red;
                }
            }
        }

        .level-title {
            padding: 18px 15px;

            span {
                color: #D35412;
                font-weight: bold;
            }
        }

        .account-modal-table {
            margin-left: 15px;
            margin-right: 15px;

            .account-set-select {
                width: 150px;
            }

            .row {
                margin-left: 0px;
                margin-right: 0px;

                span {
                    margin-top: 8px;
                    display: inline-block;
                }

                select {
                    margin-right: 10px;
                }

                .delete {
                    color: #D35412;
                    cursor: pointer;
                }

                .add {
                    cursor: pointer;
                }
            }

            .box {
                border-left: 1px solid #d4d4d4;
                border-top: 1px solid #d4d4d4;
                height: 54px;
                padding: 9px;

                .AccountName-span {
                    padding-right: 0px;
                    padding-left: 0px;
                    width: 56px;
                }

                .StartTime-span {
                    width: 56px;
                    padding-left: 0px;
                    padding-right: 0px;
                    margin-left: 55px;
                }

                .To-span {
                    width: 5px;
                    padding-left: 15px;
                    padding-right: 0px;
                }

                .test-select {
                    width: 130px;
                }

                .col-sm-5 {
                    padding-right: 0px;
                    width: 120px;
                }

                .col-sm-4 {
                    width: 180px;
                }

                .form_datetime {
                    width: 120px;
                    border-radius: 4px;
                    padding-left: 15px;
                    background-color: white;
                }
            }

            .box-right {
                border-right: 1px solid #d4d4d4;
            }

            .box-bottom {
                border-bottom: 1px solid #d4d4d4;
            }
        }

        .server-modal-table {
            margin-left: 15px;
            margin-right: 15px;
            width: 800px;
            height: 163px;

            .row {
                margin-left: 0px;
                margin-right: 0px;

                span {
                    margin-top: 8px;
                    display: inline-block;
                }

                select {
                    margin-right: 10px;
                }

                .delete {
                    color: #D35412;
                    cursor: pointer;
                }

                .add {
                    cursor: pointer;
                }
            }

            .box {
                /*border-left: 1px solid #d4d4d4;*/
                border-bottom: 1px solid #d4d4d4;
                height: 54px;
                padding: 9px;
                width: 630px;

                .serviceCheckBox {
                    width: 60px;
                    padding-top: 4px;
                }

                .ServiceName-span {
                    padding-right: 0px;
                    padding-left: 0px;
                    width: 150px;
                    font-weight: inherit;
                    font-size: 14px;
                    line-height: 1.42857143;
                    color: #333333;
                    margin-top: 6px;
                }

                .ReportTemplate-span {
                    width: 80px;
                    padding-left: 0px;
                    padding-right: 0px;
                    margin-left: 55px;
                    font-weight: inherit;
                    font-size: 14px;
                    line-height: 1.42857143;
                    color: #333333;
                    margin-top: 6px;
                }


                .test-select {
                    width: 130px;
                }

                .col-sm-5 {
                    padding-right: 0px;
                    width: 80px;
                }

                .col-sm-4 {
                    width: 180px;
                }

                .form_datetime {
                    width: 80px;
                    border: 1px solid #cccccc;
                    border-radius: 4px;
                    padding-left: 15px;
                    background-color: white;
                }
            }

            .box-right {
                border-right: 1px solid #d4d4d4;
            }

            .box-bottom {
                border-bottom: 1px solid #d4d4d4;
            }

            .checkService {
                width: 16px;
                height: 16px;
            }
        }
    }
}
.edit-organization-structure-modal-wrapper {

    #org-structure-modal {

        .form-horizontal .form-group {
            margin-left: -26px;
            margin-right: -15px;
        }

        .modal-dialog {
            height: 300px;
            width: 500px;

            .validate-fail {
                display: inline;

                .error {
                    color: red;
                }
            }

            .validate-success {
                display: none;
            }

            .modal-footer {
                padding-left: 130px;
            }
        }
    }
}

.edit-price-modal-wrapper {
    font-family: 'Microsoft YaHei';

    .dx-texteditor-input {
        height: 32px;
        border: 1px solid #cccccc;
        -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
        -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
        -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
        transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;

        &:hover,
        &:focus {
            outline: none;
            border-color: #999999;
            -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.090);
            box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.090);
        }
    }


    .modal-header{
    	background-color: #F2F2F2;
    }

    .modal-title{
    	font-weight: bold;
    }

    .form-horizontal {
        .form-group {
            margin-left: 15px;
            margin-right: 15px;
        }

        .control-label {
            font-weight: normal;
        }

        .subtotalforFinalPayment{
        	width: 20em;
        }
    }
}
#addRegionControlForm {
    input[type='text'],
    select {
        width: 273px;
    }
    .ivh-treeview-checkbox {
        width: 30px !important;
    }
    .control-label {
        max-width: 120px;
        font-weight: normal;
    }
    .modal-footer {
        padding-left: 133px;
        text-align: left;
    }
}

@import "app-resources/css/admin-theme.less";

.edit-template-modal-wrapper {

    .radio-wrapper {
        margin-left: 0px;
    }

    .control-label {
        width: 100px!important;
        font-weight: normal;
        padding-left: 15px!important;
        padding-right: 0px!important;
        text-align: left;
    }

    .normal-label {
        font-weight: normal;
        padding-left: 0px!important;
        padding-right: 0px!important;

        input[type="radio"] {
            margin: 0px 0.5em 0px 0px;
        }
    }

    .col-sm-5,
    .col-sm-7,
    col-sm-9 {
        padding-left: 0px!important;
        padding-right: 0px!important;
    }

    .upload-sheet-wrapper {
        padding-left: 0;
        padding-right: 32px;
    }
}

.edit-template-name-wrapper {
    .modal-content {
        width: 400px!important;
    }

    .must-input {
        color: red;
    }
    .control-label {
        width: 100px !important;
        font-weight: normal;
        padding-left: 15px;
        padding-right: 0px;
        text-align: left;
    }

    .col-sm-8 {
        padding-left: 0px;
        padding-right: 0px;
    }
}

.margin-find{
    margin: -10px -10px 10px -10px;
}

.margin-sheet{
    margin: -10px -10px 10px -20px;
}

.tree-view-list {
    .dx-checkbox-container {
        padding: 4px;

        .dx-checkbox-icon {
            height: 16px;
            width: 16px;
        }

        .dx-checkbox-icon {
            font-size: 14px;
        }
    }

    .dx-checkbox-indeterminate .dx-checkbox-icon:before {
        width: 14px;
        height: 14px;
        left: 0px;
        top: 0px;
    }
}

.search-box {
    margin: 6px -10px -10px -10px;
}
@import "app-resources/css/admin-theme.less";

.must-input {
    color: red;
}

.edit-templategroup-modal-wrapper {
    .control-label {
        width: 100px !important;
        font-weight: normal;
        text-align: left;
        padding-left: 1em!important;
    }

    .col-sm-5 {
        padding-left: 0px;
        padding-right: 0px;
    }

    .upload-sheet-wrapper{
        padding-left: 0;
        padding-right: 32px;
    }
}


.edit-template-groupName {
    .modal-content {
        width: 400px!important;
    }

    #editTemplateGroupNameModalForm {

        .control-label {
            width: 100px !important;
            font-weight: normal;
            padding-left: 15px;
            padding-right: 0px;
            text-align: left;
        }

        .col-sm-5 {
            padding-left: 0px;
            padding-right: 0px;
        }
    }
}
@import "app-resources/css/admin-theme.less";

.edit-user-modal-wrapper {

    .red-color {
        color: red;
        padding: 0 10px;
    }

    #addUserPop {
        .modal-footer {
            padding-left: 175px;
        }

        .scoreDropDownBtn, .dropdown-menu {
            width: 300px;
        }

        .selector-input {
            width: 300px;
            height: 34px;
        }

        .role-multi-selector-container {
            .role-tree-container {
                width: 300px;
                top: 34px;
                padding: 10px;
            }
        }

        .error-button {
            border: 1px solid @color-error;
        }

        .error-label {
            color: @color-error;
            display: block;
            padding: .2em .6em .3em;
        }
    }
}

@import "app-resources/css/admin-theme.less";
.export-button-wrapper{
    float: right;
}
.formula-param-selector-wrapper {
    .formula-translator-wrapper {
        margin-top: 50px;
    }

    .modal-content {
        cursor: move;

        .modal-header {
            font-weight: bold;
            line-height: 20px;
        }

        .modal-body {
            font-weight: normal;

            label, div.label {
                cursor: text;
                font-weight: inherit;
            }

            .left-control {
                display: inline;
                vertical-align: middle;
                width: 48%;

                &.special-input-option {
                    width: 100%;
                }
            }

            .right-control {
                display: inline;
                margin-left: 2%;
                vertical-align: middle;
                width: 48%;
            }

            .control-label {
                padding-left: 5px;
                padding-right: 5px;
                text-align: left;
            }

            .type-label {
                margin-bottom: 0;
                padding-top: 7px;
            }

            .input-group-btn>.btn {
                height: 34px;
                min-width: 25px;
                outline: none;
                padding: 0;
                width: 25px;
            }
        }

        .formula-translator-wrapper {
            position: relative;
            & + div {
                cursor: text;
                position: relative;
            }
        }

        .modal-footer {
            font-weight: normal;
            padding-left: 18px;
        }
    }
}

.formula-translator-wrapper {
    outline: none;

    .label {
        color: #333;
        font-size: 14px;
        font-weight: normal;
        padding-left: 0;

        &.hide {
            display: none;
        }

        &.not-visible {
            visibility: hidden;
        }
    }
}
@import "app-resources/less/theme.less";

#vatAuditAdjust {
    width: 100%;
    height: 100%;
    padding-left: 20px;

    .dropdown-common() {
        display: inline-block;

        .select-button {
            background-color: #F5F5F5;
            padding: 6px 0;
            width: 100px;
        }

        .caret {
            margin-top: 8px;
        }

        .dropdown-menu {
            min-width: 100px;

            li {
                padding: 5px;
                text-align: center;
                min-height: 0px;

                &:hover {
                    background-color: #F91000;
                    color: #FFF;
                }
            }
        }
    }


    .vat-audit-adjust-title {
        .title {
            height: 54px;
            line-height: 54px;
            font-family: "Microsoft YaHei Bold", "Microsoft YaHei Regular", "Microsoft YaHei";
            font-weight: 700;
            font-style: normal;
            font-size: 15px;
            color: #333;
            display: inline-block;
        }

        .btn-right{
            float:right;
            margin:15px 25px 10px 10px;
        }
    }

    .vat-audit-adjust-toolbar {
        width: 100%;

        .import-info-wrapper > span {
            margin-left: 10px;
            color: #333;
            font-family: "Microsoft YaHei";
            font-style: normal;
            font-size: 14px;
            font-weight: bold;
        }

        .dropdown {
            .dropdown-common();
        }

        input {
            width: 50px;
            outline: none;
            border-radius: 3px;
            border: 1px solid #3c3a36;
            padding: 2px;
            text-align: center;
            background-color: #F5F5F5;
        }

        > button:last-child {
            float: right;
            margin-right: 20px;
        }

        .btn-wrapper {
            border-radius: 5px;
            background-color: #e0301e;
            color: #FFF;
            display: inline-block;
            margin-right: 20px;

            .btn-vat-primary {
                min-width: 80px;
            }
        }

        .import-info-wrapper {
            display: inline-block;
        }

        .ui-select-container {
            width: 100px;

            span {
                font-weight: bold;
            }
        }
    }

    .vat-audit-adjust-result {
        width: 100%;
        margin-top: 45px;
        max-width: 99%;
        height: calc(~"100% - 121px");

        .listView {
            height: calc(~"100% - 15px");
        }

        .footer{
            text-align:right;
            margin-top: 5px;
        }
    }

    .vat-audit-adjust-import {
        width: 100%;
        margin: 5px 0;
        max-width: 99%;
        height: calc(~"100% - 121px");
    }

    .error-list-modal {
        .modal-title {
            color: #FF0000;
        }

        .modal-body table {
            border: 1px solid #CCC;

            thead tr th {
                height: 30px;
                border: 1px solid #CCC;
            }

            tbody tr td {
                height: 25px;
                border: 1px solid #CCC;
            }
        }

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

    /*覆写ack-pagination.less中:.page-size, .pagination 中的margin演示 */
    .page-form-group {
        float: right;

        .page-size {
            margin: 0;
        }

        .pagination {
            margin: 0;
        }
    }
}

.audit-model-period-dropdow-popup {
    width: 400px;
    height: 500px;
    position: fixed;
    top: 25%;
    left: 40%;

    .modal-dialog {
        width: 100%;
        height: 90%;
        margin: 20px auto;

        .modal-content {
            width: 100%;

            .modal-body {
                height: 90%;
            }
        }
    }
}


#divImport {
    margin: 20px 20px 20px 20px;
    font-family: 'Microsoft YaHei';
    font-style: normal;
    font-weight: 400;
    font-style: normal;
    font-size: 14px;
    height: 100%;
}

    #divImport .title {
        font-weight: 700;
        font-size: 15px;
        text-align: left;
    }

    #divImport .numberCircle {
        border-radius: 50%;
        width: 26px;
        height: 26px;
        background: #fff;
        border: 1px solid gray;
        color: red;
        text-align: center;
        font: 15px Arial, sans-serif;
        padding-top: 3px;
    }

    #divImport .importHeader {
    }

        #divImport .importHeader > button:first-child {
            background-color: #e0301e;
        }

        #divImport .importHeader > button:last-child {
            background-color: #a32020;
        }

    #divImport .importTb {
        width: 95%;
        height: 100%;
        margin-left: 30px;
        table-layout: fixed;
    }

        #divImport .importTb .importTr {
            height: 40px;
        }

            #divImport .importTb .importTr .tab {
                overflow: hidden;
                border: 1px solid #ccc;
                background-color: #f1f1f1;
                margin-top: 30px;
                width: 40%;
            }

                #divImport .importTb .importTr .tab button {
                    background-color: inherit;
                    float: left;
                    border: none;
                    outline: none;
                    cursor: pointer;
                    padding: 14px 16px;
                    transition: 0.3s;
                    border-right: solid 1px #ccc;
                }

                    #divImport .importTb .importTr .tab button:hover {
                        background-color: #ddd;
                    }

                    #divImport .importTb .importTr .tab button.active {
                        background-color: white;
                        border-bottom: solid 1px white;
                        border-right:none;
                    }
                
                    #divImport .importTb .importTr .tab button.inactive {
                        background-color: #ccc;
                        border-bottom: solid 1px #ccc;
                    }

                  
                    #divImport .importTb .importTr .tab button.inactive-rightborder {           
                        border-right: solid 1px gray;
                    }
                   


            #divImport .importTb .importTr .tabContent {
                display: none;
                height: 100%;
            }

    #divImport .importButton {
        width: 106px;
        height: 36px;
        text-align: center;
        border: none;
        border-radius: 0px;
        background: inherit;
        color: white;
        cursor:default;
    }

    #divImport .importBody {
        background-color: white;
        height: 90%;
        overflow: scroll;
    }

    #divImport .filePathTxt {
        width: 200px;
        height: 33px;
        box-sizing: border-box;
        border-width: 1px;
        border-style: solid;
        border-color: rgba(188, 188, 188, 1);
        border-radius: 5px;
        background-color: rgba(255, 255, 255, 1);
    }

    #divImport #btnSelectFile {
        width: 87px;
        height: 33px;
        color: white;
        padding: 0 10px;
        outline: none;
        background-color: gray;
        border: none;
        border-radius: 5px;
        box-shadow: none;
        margin: 0px 0px 0px 10px;
    }

        #divImport #btnSelectFile:hover {
            background-color: rgba(208, 74, 2, 1);
        }

    #divImport .importBtn {
        width: 87px;
        height: 33px;
        color: white;
        background: inherit;
        background-color: #e0301e;
        border: none;
    }

    #divImport .disableBtn {
        background-color: gray;
    }

    #divImport .progress {
        display: inline-block;
        width: 640px;
        border: 3px groove #CCC;
        line-height: 15px;
        font: smaller;
        margin-top: 10px;
    }

        #divImport .progress div {
            font-size: smaller;
            background: orange;
            width: 0;
        }

    #divImport .erptooltip {
        margin-bottom: 5px;
    }

        #divImport .erptooltip .notes {
            visibility: hidden;
            background-attachment: inherit;
            background-clip: inherit;
            background-color: rgba(255, 255, 255, 1);
            background-image: inherit;
            background-origin: inherit;
            background-position: inherit;
            background-repeat: inherit;
            background-size: inherit;
            border-color: rgba(228, 228, 228, 1);
            border-radius: 4px;
            border-style: solid;
            border-width: 1px;
            box-shadow: 3px 3px 9px rgba(188, 188, 188, 0.35);
            box-sizing: border-box;
            height: 200px;
            left: 0;
            top: 0;
            width: 452px;
            margin: 10px 0 0 0;
            padding: 10px 10px 10px 10px;
        }


        #divImport .erptooltip:hover .notes {
            visibility: visible;
        }

    #divImport .download {
        list-style: none;
        margin-left: -40px;
        margin-top: 15px;
    }

        #divImport .download > li {
            float: left;
        }

            #divImport .download > li:first-child {
                margin-right: 20px;
            }

            #divImport .download > li:last-child {
            }

            #divImport .download > li > div {
                width: 149px;
                height: 33px;
                border-radius: 5px;
                background-color: rgba(107,107,107,1);
                color: white;
                text-align: center;
                vertical-align: middle;
                padding-top: 5px;
            }

                #divImport .download > li > div > a {
                    color: white;
                }




    #divImport .dt-import-wrapper {
        margin: 10px 0;
        max-width: 99%;
    }

        #divImport .dt-import-wrapper table {
            width: 100%;
            border: 1px solid #DDD;
        }

            #divImport .dt-import-wrapper table thead tr th {
                height: 40px;
                line-height: 40px;
                background-color: #E7E5E2;
                border-right: 1px solid #DDD;
                padding-left: 5px;
                color: #333;
            }

            #divImport .dt-import-wrapper table tbody tr td {
                height: 40px;
                border-right: 1px solid #DDD;
                border-bottom: 1px solid #DDD;
                padding-left: 5px;
                font-family: 'Microsoft YaHei Regular', 'Microsoft YaHei';
                font-style: normal;
                font-weight: 400;
                font-size: 13px;
                color: #282828;
            }

    #divImport #duplicateData table thead tr th:nth-child(1) {
        width: 50px;
    }

    #divImport #basicChk table thead tr th:nth-child(1) {
        width: 50px;
    }

    #divImport #basicChk table thead tr th:nth-child(2) {
        width: 80px;
    }

    #divImport #basicChk table thead tr th:nth-child(4) {
        width: 80px;
    }

    #divImport #correctChk table thead tr th:nth-child(1) {
        width: 50px;
    }

    #divImport #correctChk table thead tr th:nth-child(2) {
        width: 80px;
    }

    #divImport #correctChk table thead tr th:nth-child(4) {
        width: 80px;
    }


    #divImport .dt-import-wrapper-popup-wrapper {
        height: 600px;
        width: 100%;

        .dt-import-wrapper-popup {
            margin: 10px 0;
            max-width: 99%;
            overflow: auto;
            height: calc(~"100% - 35px");

            .dt-import-wrapper-popup-tbwrapper {
                padding-top: 40px;

                .import-table-erp {
                    table-layout: fixed;

                    thead {
                        tr {
                            &:first-child {
                                border-top: none;
                            }

                            th {
                                &:first-child {
                                    width: 100px;
                                    min-width: 100px;
                                }
                            }
                        }
                    }

                    tbody {
                        tr {
                            td {
                                &:first-child {
                                    width: 100px;
                                    min-width: 100px;
                                }
                            }
                        }
                    }
                }
            }
        }
    }

    #divImport .btn-error-image {
        background-image: url(/app-resources/images/vat/error.png);
        background-repeat: no-repeat;
        background-position: right;
    }

    .operation-wrapper {
        margin: -55px 45px 0 0;

        span {
            cursor: pointer;
        }
    }

    /*.validation-message {
        margin:5px 0 0 0;
        color:red;
    }*/

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

.vat-import-journal-entry {
    /*background-color: @color-white;*/
    margin-left: 20px;
    height: 96%;

    .nav-wrapper {

        .nav-header {
            height: 54px;
            line-height: 54px;
            font-family: "Microsoft YaHei Bold", "Microsoft YaHei Regular", "Microsoft YaHei";
            font-weight: 700;
            font-style: normal;
            font-size: 15px;
            color: #333;
            display: inline-block;
        }

        .nav-tab {
            span {
                display: inline-block;
                height: 34px;
                line-height: 34px;
                padding: 0 10px;
                background-color: #B90808;
                color: #FFF;
                font-family: "Microsoft YaHei";
                font-weight: 400;
                font-style: normal;
                font-size: 14px;
                cursor: pointer;
            }

            .active {
                background-color: #F91000;
            }
        }

        .alert-warning {
            background-color: #FDE2DE;
            cursor: pointer;
        }

        .alert {
            color: #CF2D1B;
            font-weight: bold;
            display: inline-block;
            padding: 5px;
            margin-left: 60px;
            margin-bottom: 0px;

            i {
                font-size: 20px;
                vertical-align: middle;
                margin-right: 5px;
            }
        }

        .operation-wrapper {
            margin: 15px 25px 10px 10px;

            span {
                cursor: pointer;
            }
        }
    }

    .dropdown-common() {
        display: inline-block;

        .select-button {
            background-color: #F5F5F5;
            padding: 6px 0;
            width: 100px;
        }

        .caret {
            margin-top: 8px;
        }

        .dropdown-menu {
            min-width: 100px;

            li {
                text-align: center;
                min-height: 0px;
                height: 30px;

                &:hover {
                    background-color: #F91000;
                    color: #FFF;
                    cursor: pointer;
                }
            }
        }
    }

    #tab_total {
        display: block;
        height: calc(~'100% - 54px');
        position: relative;

        .import-wrapper {
            span {
                color: #333;
                font-family: "Microsoft YaHei";
                font-style: normal;
                font-size: 14px;
                font-weight: bold;
            }

            .dropdown {
                .dropdown-common();
            }

            input {
                width: 50px;
                outline: none;
                border-radius: 3px;
                border: 1px solid #3c3a36;
                padding: 2px;
                text-align: center;
                background-color: #FFF;
            }

            > button:last-child {
                float: right;
                margin-right: 20px;
            }

            .btn-wrapper {
                border-radius: 5px;
                background-color: #e0301e;
                color: #FFF;
                display: inline-block;
                float: right;
                margin-right: 20px;

                .btn-vat-primary {
                    min-width: 80px;
                }
            }

            .import-info-wrapper {
                display: inline-block;
            }
        }

        .dt-init-wrapper {
            margin: 40px 0;
            max-width: 99%;
            height: calc(~'100% - 25px');
            position: relative;

            .dropdown {
                .dropdown-common();

                i {
                    color: #F85550;
                }
            }

            .journal-entry-grid-wrapper {
                height: calc(~'100% - 60px');
                overflow: hidden;
                position: absolute;
                top: 0;
                bottom: 136px; /* 130 + 6 */
                left: 0;
                right: 0;
                background-color: #FFF;
            }

            .footer-info {
                height: 30px;
                position: absolute;
                bottom: 30px;
                right: 0;
                line-height: 30px;
                min-height: 30px;
            }
        }

        .error-info-wrapper {
            position: absolute;
            height: 130px;
            bottom: 0;
            left: 0;
            right: 0;
            overflow: hidden;
            background-color: #FFF;
            margin-left: -20px;
        }

        #content-resizer {
            width: 110%;
            position: absolute;
            height: 4px;
            bottom: 130px;
            left: 0;
            right: 0;
            background-color: red;
            cursor: n-resize;
            margin-left: -21px;

            #topIcon {
                cursor: pointer;
                margin-top: -19px;
                width: 38px;
                margin-left: 46%;
                z-index: 999;
                bottom: -381px;
                text-align: center;
                display: block !important;
            }
        }

        .dt-import-wrapper {
            margin: 40px 0;
            max-width: 99%;
            overflow-x: auto;
            height: calc(~"100% - 25px");

            .dropdown {
                .dropdown-common();

                i {
                    color: #F85550;
                }
            }
        }

        .error-list-modal {
            .modal-title {
                color: #FF0000;
            }

            .modal-body {
                max-height: 300px;
                overflow-y: auto;

                table {
                    border: 1px solid #CCC;

                    thead tr th {
                        height: 30px;
                        border: 1px solid #CCC;
                    }

                    tbody tr td {
                        height: 25px;
                        border: 1px solid #CCC;
                    }
                }
            }

            .modal-footer {
                text-align: center;
            }
        }
    }
    
    /*覆写ack-pagination.less中:.page-size, .pagination 中的margin演示 */
    .page-form-group {
        float: right;

        .page-size {
            margin: 0;
        }

        .pagination {
            margin: 0;
        }
    }
}



.je-model-period-dropdow-popup {
    width: 400px;
    height: 500px;
    position: fixed;
    top: 25%;
    left: 40%;

    .modal-dialog {
        width: 100%;
        height: 90%;
        margin: 20px auto;

        .modal-content {
            width: 100%;

            .modal-body {
                height: 90%;
            }
        }
    }
}


 #totalWrapper {
    margin: 10px 10px 10px -10px;
    width: 100%;
    padding-left: 10px;
    font-family: Microsoft YaHei;
    font-size: 13px;

    .total_span{
        color: #B4122A !important; 
        background-color:#ddd !important;
        font-size: 12px !important;   
        font-weight:bold !important;     
        border-radius:10px !important;
        padding-left: 8px !important;
        padding-right: 8px !important;
    }    
}
@import "app-resources/less/theme.less";

.vat-import-trial-balance {
    /*background-color: @color-white;*/
    padding-left: 20px;
    /*min-height: 800px;*/
    height: 96%;

    .nav-wrapper {
        /*padding-bottom: 5px;
        border-bottom: 1px solid #DBD8D3;*/

        .nav-header {
            height: 54px;
            line-height: 54px;
            font-family: "Microsoft YaHei Bold", "Microsoft YaHei Regular", "Microsoft YaHei";
            font-weight: 700;
            font-style: normal;
            font-size: 15px;
            color: #333;
            display: inline-block;
        }

        .nav-tab {
            span {
                display: inline-block;
                height: 34px;
                line-height: 34px;
                padding: 0 10px;
                background-color: #B90808;
                color: #FFF;
                font-family: "Microsoft YaHei";
                font-weight: 400;
                font-style: normal;
                font-size: 14px;
                cursor: pointer;
            }

            .active {
                background-color: #F91000;
            }
        }

        .alert-warning {
            background-color: #FDE2DE;
            cursor: pointer;
        }

        .alert {
            color: #CF2D1B;
            font-weight: bold;
            display: inline-block;
            padding: 5px;
            margin-left: 60px;
            margin-bottom: 0px;

            i {
                font-size: 20px;
                vertical-align: middle;
                margin-right: 5px;
            }
        }

        .operation-wrapper {
            margin: 15px 25px 10px 10px;

            span {
                cursor: pointer;
            }
        }
    }

    .dropdown-common() {
        display: inline-block;

        .select-button {
            background-color: #F5F5F5;
            padding: 6px 0;
            width: 100px;
        }

        .caret {
            margin-top: 8px;
        }

        .dropdown-menu {
            min-width: 100px;

            li {
                text-align: center;
                min-height: 0px;
                height: 30px;
                line-height: 30px;
                color: #000;
                font-weight: normal;

                &:hover {
                    background-color: #F91000;
                    color: #FFF;
                }
            }
        }
    }

    #tab_total {
        display: block;
        height: calc(~'100% - 40px');
        position: relative;

        .import-wrapper { 
            span {
                margin-left: 10px;
                color: #333;
                font-family: "Microsoft YaHei";
                font-style: normal;
                font-size: 14px;
                font-weight: bold;
            }

            .dropdown {
                .dropdown-common();
            }

            input {
                width: 50px;
                outline: none;
                border-radius: 3px;
                border: 1px solid #3c3a36;
                padding: 2px;
                text-align: center;
            }

            > button:last-child {
                float: right;
                margin-right: 20px;
            }

            .btn-wrapper {
                border-radius: 5px;
                background-color: #e0301e;
                color: #FFF;
                display: inline-block;
                float: right;
                margin-right: 10px;

                .btn-vat-primary {
                    min-width: 80px;
                }
            }
        }

        .dt-init-wrapper {
            margin: 60px 0;
            max-width: 99%;
            height: calc(~'100% - 25px');
            position: relative;

            .dropdown {
                .dropdown-common();

                i {
                    color: #F85550;
                }
            }

            .balance-ouput-grid-wrapper {
                height: calc(~'100% - 30px');
                overflow: hidden;
                position: absolute;
                top: 0;
                bottom: 136px; /* 130 + 6 */
                left: 0;
                right: 0;
                background-color: #FFF;
            }
        }

        .error-info-wrapper {
            position: absolute;
            height: 150px;
            bottom: 0;
            left: 0;
            right: 0;
            overflow: hidden;
            background-color: #FFF;
            margin-left: -40px;
        }

        #content-resizer {
            width: 110%;
            position: absolute;
            height: 4px;
            bottom: 150px;
            left: 0;
            right: 0;
            background-color: red;
            cursor: n-resize;
            margin-left: -40px;

            #topIcon {
                cursor: pointer;
                margin-top: -19px;
                width: 38px;
                margin-left: 46%;
                z-index: 999;
                bottom: -381px;
                text-align: center;
                display: block !important;
            }
        }

        .dt-import-wrapper {
            margin: 60px 0;
            max-width: 99%;
            overflow: auto;
            height: calc(~"100% - 35px");

            .dropdown {
                .dropdown-common();

                i {
                    color: #F85550;
                }
            }
        }         
    }
     .error-list-modal {
            .modal-title {
                color: #FF0000;
            }

            .modal-body {
                max-height: 300px;
                overflow-y: auto;

                table {
                    border: 1px solid #CCC;

                    thead tr th {
                        height: 30px;
                        border: 1px solid #CCC;
                    }

                    tbody tr td {
                        height: 25px;
                        border: 1px solid #CCC;
                    }
                }
            }

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

    #tab_detail {
        display: none;
    }

    /*覆写ack-pagination.less中:.page-size, .pagination 中的margin演示 */
    .page-form-group{
        float:right;
        .page-size{
            margin:0;
        }
        .pagination {          
            margin:0;            
        }
    }
}


.tb-model-period-dropdow-popup {
    width: 400px;
    height: 500px;
    position: fixed;
    top: 25%;
    left: 40%;

    .modal-dialog {
        width: 100%;
        height: 90%;
        margin: 20px auto;

        .modal-content {
            width: 100%;

            .modal-body {
                height: 90%;
            }
        }
    }
}

 #totalWrapper {
    margin: 5px 10px 10px -10px;
    width: 100%;
    padding-left: 10px;
    font-family: Microsoft YaHei;
    font-size: 13px;
    float:right;

    .total_span{
        color: #B4122A !important; 
        background-color:#ddd !important;
        font-size: 12px !important;   
        font-weight:bold !important;     
        border-radius:10px !important;
        padding-left: 8px !important;
        padding-right: 8px !important;
    }    

    .total-column{
        width:15%;
        float:left;
        padding-left: 15px;
    }
}
@import "app-resources/css/admin-theme.less";

.index-multi-selector-wrapper {

   span.fancytree-icon{
    display: none;
   }
}

.base-font-style() {
    font-family: "Microsoft YaHei";
    font-style: normal;
    font-size: 14px;
    color: #1E1E1E;
    line-height: 20px;
}

.invoice-examination-modal-wrapper {
    .modal-dialog {
        width: 1300px;

        .modal-content {
            width: 1300px;

            .modal-title {
                font-family: 'Arial Bold', 'Arial';
                font-weight: 700;
                font-style: normal;
                font-size: 16px;
                color: #CC0000;
                line-height: 20px;
            }

            .modal-body {
                width: 100%;
                height: 590px;
                max-height: 590px;
                overflow-y: auto;

                .left-container {
                    width: 50%;
                    height: 800px;
                    float: left;

                    .top-container {
                        width: 100%;
                        height: 50%;

                        .pic-file-title {
                            .base-font-style;
                        }

                        .pic-file-wrapper {
                            width: 100%;
                            height: calc(~"100% - 20px");
                            background: url('TestInvoice.JPG');
                            background-size: contain;
                            background-repeat: no-repeat;
                        }
                    }

                    .bottom-container {
                        width: 100%;
                        height: 50%;
                        margin-top:15px;

                        .elec-file-title {
                            .base-font-style;
                        }

                        .elec-file-wrapper {
                            width: 100%;
                            height: calc(~"100% - 20px");
                        }
                    }
                }

                .right-container {
                    width: 50%;
                    height: 800px;
                    float: right;

                    .red-tip {
                        color: #F00;
                    }

                    .label-title-style {
                        .base-font-style;
                    }

                    .input-tips {
                        font-family: Arial;
                        font-weight: 400;
                        font-style: normal;
                        font-size: 12px;
                        margin-top: -10px;
                    }

                    .company-costcenter-wrapper {
                        height: 300px;

                        .company-code-wrapper {
                            width: 40%;
                            float: left;

                            .company-code-title {
                                line-height: 40px;
                            }

                            .company-code-select {
                                font-family: "Microsoft YaHei";
                                font-weight: 400;
                                font-style: normal;
                                font-size: 12px;
                                line-height: 18px;

                                span {
                                    color: #DC6900;
                                }
                            }
                        }

                        .middle-column {
                            width: 20%;
                            height: 100%;
                            float: left;
                            background-image: url(../../../../app-resources/images/vat/exchange.png);
                            background-size: auto;
                            background-repeat: no-repeat;
                            background-position: center center;
                        }

                        .cost-center-wrapper {
                            width: 40%;
                            float: right;

                            .cost-center-title {
                                line-height: 40px;
                            }

                            .cost-center-select {
                                font-family: "Microsoft YaHei";
                                font-weight: 400;
                                font-style: normal;
                                font-size: 12px;
                                line-height: 18px;

                                span {
                                    color: #DC6900;
                                }
                            }
                        }
                    }

                    #forceTaxCheckboxCSSP {
                        width: 100px !important;
                    }
                }
            }
        }
    }
}

.base-font-style() {
    font-family: "Microsoft YaHei";
    font-style: normal;
    font-size: 14px;
    color: #1E1E1E;
    line-height: 20px;
}

.invoice-manual-add-modal-wrapper {
    .modal-dialog {
        width: 700px;
        height: 500px;

        .common-font() {
            font-weight: normal;
            font-size: 13px;
            font-family: 'Microsoft YaHei';
        }


        .modal-content {


            .modal-title {
                font-family: 'Arial Bold', 'Arial';
                font-weight: 700;
                font-style: normal;
                font-size: 16px;
                color: #CC0000;
                line-height: 20px;
            }

            .modal-body {
                width: 100%;
                /*height: 590px;
                max-height: 590px;*/
                /*overflow-y: auto;*/
                .right-title {
                    /*padding-left: 5%;*/
                }

                .txt-box {
                    width:200px;
                }

                .lbl-title {
                    text-align: left;
                    .common-font();
                }


                .dx-fieldset {
                    margin: 15px;
                    padding: 0;
                }

                .label-title-style {
                    .base-font-style;
                }

                #forceTaxCheckboxCSSP {
                    width: 100px !important;
                }
            }
        }

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

.base-font-style() {
    font-family: "Microsoft YaHei";
    font-style: normal;
    font-size: 14px;
    color: #1E1E1E;
    line-height: 20px;
}

.invoice-relevance-modal-wrapper {
    .modal-dialog {
        width: 1300px;

        .modal-content {
            width: 1300px;

            .modal-title {
                font-family: 'Arial Bold', 'Arial';
                font-weight: 700;
                font-style: normal;
                font-size: 16px;
                color: #CC0000;
                line-height: 20px;
            }

            .modal-body {
                width: 100%;
                height: 590px;
                max-height: 590px;
                overflow-y: auto;

                .left-container {
                    width: 50%;
                    height: 800px;
                    float: left;

                    .top-container {
                        width: 100%;
                        height: 50%;

                        .pic-file-title {
                            .base-font-style;
                        }

                        .pic-file-wrapper {
                            width: 100%;
                            height: calc(~"100% - 20px");
                            background: url('TestInvoice.JPG');
                            background-size: contain;
                            background-repeat: no-repeat;
                        }
                    }

                    .bottom-container {
                        width: 100%;
                        height: 50%;

                        .elec-file-title {
                            .base-font-style;
                        }

                        .elec-file-wrapper {
                            width: 100%;
                            height: calc(~"100% - 20px");
                        }
                    }
                }

                .right-container {
                    width: 50%;
                    height: 800px;
                    float: right;

                    .red-tip {
                        color: #F00;
                    }

                    .label-title-style {
                        .base-font-style;
                    }

                    .input-tips {
                        font-family: Arial;
                        font-weight: 400;
                        font-style: normal;
                        font-size: 12px;
                        margin-top: -10px;
                    }

                    .company-costcenter-wrapper {
                        height: 300px;

                        .company-code-wrapper {
                            width: 40%;
                            float: left;

                            .company-code-title {
                                line-height: 40px;
                            }

                            .company-code-select {
                                font-family: "Microsoft YaHei";
                                font-weight: 400;
                                font-style: normal;
                                font-size: 12px;
                                line-height: 18px;

                                span {
                                    color: #DC6900;
                                }
                            }
                        }

                        .middle-column {
                            width: 20%;
                            height: 100%;
                            float: left;
                            background-image: url(../../../../app-resources/images/vat/exchange.png);
                            background-size: auto;
                            background-repeat: no-repeat;
                            background-position: center center;
                        }

                        .cost-center-wrapper {
                            width: 40%;
                            float: right;

                            .cost-center-title {
                                line-height: 40px;
                            }

                            .cost-center-select {
                                font-family: "Microsoft YaHei";
                                font-weight: 400;
                                font-style: normal;
                                font-size: 12px;
                                line-height: 18px;

                                span {
                                    color: #DC6900;
                                }
                            }
                        }
                    }

                    #forceTaxCheckboxCSSP {
                        width: 100px !important;
                    }
                }
            }
        }
    }
}

.invoice-table-template {
    table {
        width:610px;
        border-collapse: collapse;
       
        th, td {
            border: 1px solid #333;
            padding: 3px;
            text-align: left;
            height:27px;
        }
        .colun-thin{
            width:30px;
            text-align:center;
        }
    }
}

.key-value-selector-wrapper {
    .modal-content {
        cursor: move;

        .modal-body {
            padding: 15px 15px 0;

            .key-value-selector-grid {
                margin: 0;
                width: 700px;

                div:focus {
                    outline: none;
                }
            }
        }

        .modal-header {
            height: 50px;

            .modal-title {
                font-weight: bold;
            }
        }

        .modal-footer {
            padding-left: 15px;

            button {
                width: 115px;
                height: 37px;
                outline: none;
            }
        }
    }
}

.mention-input-wrapper {
    align-items: flex-end;
    display: flex;
    flex-flow: row nowrap;
    justify-content: flex-end;

    .mention-input-content {
        background-color: #fff;
        cursor: initial;
        display: inline-block;
        flex-shrink: 1;
        font-weight: normal;
        line-height: 34px;
        margin: 0;
        overflow: hidden;
        padding: 0;
        vertical-align: middle;
        white-space: nowrap;
        width: 100%;

        &.mention-input-disabled {
            background-color: #EEE;
        }

        &.mention-with-btn {
            border-radius: 0;
        }

        * {
            display: inline-block;
        }

        _:-ms-input-placeholder, :root & * {
            // Hack for IE, since in IE, an inline-block contenteditable may cause a bunch of issues
            // https://stackoverflow.com/questions/21864047/how-to-disable-elements-selection-and-resizing-in-contenteditable-div
            display: inline;
        }

        pre {
            background-color: #EEE;
            cursor: default;
            margin: 0 0 -9px 0;
            padding: 5px;
        }

        &.mention-textarea {
            min-height: 80px;
            overflow-y: auto;
            padding: 5px;
            white-space: normal;
            word-wrap: break-word;
        }
    }

    .mention-input-btn-left {
        flex-shrink: 0;

        .btn {
            border-right: none;
            border-bottom-right-radius: 0;
            border-top-right-radius: 0;
            font-style: italic;
            height: 34px;
            min-width: 25px;
            outline: none;
            padding: 2px 5px 0 5px;
            text-align: center;
            width: 25px;
        }

        &.mention-textarea-btn .btn {
            min-height: 80px;
            min-width: 50px;
            width: 50px;
        }
    }

    .mention-input-btn-right {
        flex-shrink: 0;

        .btn {
            border-left: none;
            border-bottom-left-radius: 0;
            border-top-left-radius: 0;
            height: 34px;
            min-width: 25px;
            outline: none;
            padding: 2px 5px 0 5px;
            text-align: center;
            width: 25px;
        }

        &.mention-textarea-btn .btn {
            min-height: 80px;
            min-width: 50px;
            width: 50px;
        }
    }
}

mentio-menu {
    li {
        &.list-group-item {
            padding: 0;
        }

        .text-primary {
            color: #333;
            display: inline-block;
            padding: 10px 15px;
            width: 100%;
        }

        .text-muted {
            color: #777;
        }

        &.active {
            .text-primary {
                color: #fff;
            }

            .text-muted {
                color: #ddd;
            }
        }
    }
}
.model-analysis-report-issue-filter {
  background-color: white;

  .issue-filter-summary {
    &, *:not(ul) {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -ms-flex-direction: row;
      flex-direction: row;
      -webkit-box-pack: start;
      -ms-flex-pack: start;
      justify-content: flex-start;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
    }
  }

  .func-elem {
    cursor: pointer;
    background-color: transparent;

    &:hover, &:active, &:focus {
      background-color: #f2f2f2;
      outline: none;
    }
  }

  outline: none;
  font-family: 'Microsoft YaHei';
  font-weight: 400;
  font-style: normal;
  font-size: 14px;

  .display-mode {
    .mode {
      padding-left: 15px;
      padding-right: 15px;
      margin-right: 10px;
      height: 32px;
      /*显示方式选项在选中和获取焦点时的样式*/
      &.selected, &:hover {
        border-radius: 16px;
        background-color: #f2f2f2;
      }
    }
  }

  [uib-dropdown] {
    [uib-dropdown-toggle] {
      .func-elem;
    }

    ul {
      margin: 0;
      padding: 0;

      li {
        padding: 5px;
        .func-elem;
      }
    }
  }

  i.fa {
    color: rgba(107, 107, 107, 1);
    font-size: 1.1em;
    margin: 5px;
  }

  .data-summary {
    padding-left: 5px;

    .field {
      margin: 15px;

      .red {
        background-color: #e0301e;
      }

      .dark-red {
        background-color: darkred;
      }

      .badge {
        margin-left: 5px;
        font-family: 'Arial Bold', 'Arial';
        font-weight: 700;
        font-style: normal;
        font-size: 12px;
        color: white;
      }
    }
  }

  .ack-page {
    float: right;
  }
}

.model-analysis-entries-check-singular-voucher.modal {
  .modal-dialog {
    width: 880px;

    .modal-header {
      .modal-title {
      }
    }

    .modal-body {
      padding-top: 0;

      .filter-info {
        margin: 10px 0;

        &, .field {

        }

        .field {
          margin-right: 20px;
        }
      }

      > [dx-data-grid] {
        max-height: calc(~"100vh - 60px - 51px - 40px - 15px") !important;
      }
    }
  }
}

.model-analysis-report {
  padding: 0 10px;
  z-index: 0;

  .master {
    z-index: 1;

    i.fa {
      font-size: 1.15em;

      &.fa-check-circle {
        color: #66cc33;
      }

      &.fa-exclamation-circle {
        color: red;
      }
    }

    [dx-data-grid] {
      .dx-datagrid-rowsview {
        .dx-data-row td:nth-child(5) {
          padding: 0;
          vertical-align: middle;
        }

        .voucher-num {
          font-weight: 600;
        }

        .filter-btn {
          height: calc(~"1em + 15px");
          width: calc(~"1em + 15px");
          background-color: red;
          transform: rotateZ(180deg);
          border-radius: 7px;
          display: inline-block;
          color: white;
        }

        .voucher-doubts {
          background-color: #fbaaa2;
          display: inline-block;
          border-radius: 5px;
          padding: 0 4.5px;

          span {
            font-weight: 600;
          }
        }
      }
    }
  }

  .detail.dx-resizable {
    background-color: white;
    transform: none !important;
    z-index: 2;

    .detail-container {
      height: 100%;
      overflow-y: auto;

      .model-name {
      }

      .model-desc {
        i.fa-warning {
          margin-right: 5px;
          color: goldenrod;
        }

        p {
          margin-right: 10px;
        }
      }

      .pagination-container {
        margin: 10px 20px 10px 0;

        .common-pagination {
          margin: 0;
        }
      }

      .entriesHighLight {
        color: red;
      }

      .horizontal-center {
      }

      [dx-data-grid] {
        margin-bottom: 5px;

        i.fa {
          font-size: 1.15em;

          &.fa-exclamation-circle {
            color: red;
          }
        }
      }
    }

    .dx-resizable-handle-top {
      background-color: #E0301E;
      height: 5px;
      margin-top: -5px;
      margin-left: -11px;
      margin-right: -11px;

      width: calc(~"100% + 22px");
      img {
        position: relative;
        top: -21px;
        left: calc(~"50% - 19px");
      }
    }
  }
}

.model-analysis-report-index-analysis-general-ledger-modal {
  .modal-body {
    padding-top: 0;

    .filter {
      margin: 10px 0;

      .field {
        margin-right: 15px;

        [dx-date-box] {
          width: 155px;
        }
      }
    }

    .dx-treelist {
      max-height: calc(~"100vh - 60px - 86px - 77px - 30px") !important;
      width: 100%;
      overflow-y: hidden;

      .dx-treelist-headers .dx-header-row {
        td[rowspan]:not([rowspan="1"]) {
          vertical-align: middle !important;
        }

        td[rowspan="1"], td:not([rowspan]) {
          text-align: center !important;
        }
      }
    }
  }
}

.model-analysis-report-vouchers-and-entries-modal {
  .modal-dialog {
    .modal-body {
      padding: 0 15px;

      .entriesHighLight {
        color: red;
      }
    }
  }

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

  .ack-page .ack-footer {
    padding-right: 0;
    .page-size, .pagination {
      margin: 10px 0;
    }
  }
}

[class*="model-analysis-report-"] .modal-dialog {
  width: 1100px;

  .modal-content {
    max-height: calc(~"100vh - 60px");

    .modal-header {

      .modal-title {
        &, * {
          outline: none;
        }
      }

      .modal-title {
        .model-name {
          margin-left: 30px;
        }
      }
    }

    .modal-body {
      [dx-data-grid] {
        overflow-y: hidden;
        width: 100%;
      }
    }

    .modal-footer {
    }
  }

  .dx-datagrid {
    .dx-header-row .dx-datagrid-text-content {
      max-width: none !important;
    }
  }

  .dx-treelist {
    // 用于在列头显示展开/收缩图标
    .dx-treelist-headers {
      .dx-treelist-icon-container {
        float: left;
        display: inline-block;
        white-space: nowrap;
        vertical-align: top;

        .dx-treelist-empty-space {
          position: relative;
          display: inline-block;
          color: #959595;
          font: 14px/1 DXIcons;

          &::before {
            content: "\f04e";
            visibility: hidden;
          }
        }
      }

      .dx-treelist-collapsed, .dx-treelist-expanded {
        span {
          font-size: 18px;
          text-align: center;
          line-height: 18px;
          cursor: pointer;

          &::before {
            left: 0;
            margin-top: -8px;
            position: absolute;
            display: block;
            width: 18px;
            top: 50%;
          }
        }
      }

      .dx-treelist-collapsed span:before {
        margin-left: -6px;
      }

      .dx-treelist-expanded span:before {
        margin-left: -5px;
      }
    }

    .dx-treelist-collapsed span:before {
      font-family: "ui-grid";
      content: "\c350";
    }

    .dx-treelist-expanded span:before {
      font-family: "ui-grid";
      content: "\c351";
    }
  }
}

.rangePicker.show {
  z-index: 1999;
}

.operate-log-wrapper {

    .modal-body {
        padding-left: 30px;
        padding-right: 30px;
        padding-top: 5px;
        padding-bottom: 0px;
    }

    .row {
        margin-left: 0px;
        margin-right: 0px;
        margin-bottom: 5px;

        .log-search-warp {
            border: 1px solid #CDCDCD;
            border-radius: 4px;
            padding: 1px;
            display: inline-block;
            width: 280px;
            vertical-align: middle;

            input {
                margin-bottom: -1px;
                border: 0px;
                width: 85%;
                // width: 220px;
                box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0);
                -webkit-box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0);
            }

            span {
                background-color: white;
                border: 0px;
                box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0);
                -webkit-box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0);
            }
        }

        .btn-query {
        }

        .btn-refresh {
            float: right;

            .material-icons {
                font-size: 14px;
                vertical-align: middle;
            }

            span {
                vertical-align: middle;
            }
        }
    }

    .foot-container {
        text-align: right;
        margin-right: 20px;

        .spa-active {
            background-color: #CCCCCC !important;
        }

        .tcdPageCode {
            padding: 15px 20px;
            color: #ccc;
            display: inline-block;
            padding-left: 0;
            border-radius: 4px;
        }

            .tcdPageCode a {
                display: inline-block;
                color: #0D0D0D;
                display: inline-block;
                height: 36px;
                padding: 6px 12px;
                border: 1px solid #ddd;
                vertical-align: middle;
                padding: 6px 12px;
                text-decoration: none;
                border-radius: 4px;
            }


            .tcdPageCode span.current {
                display: inline-block;
                height: 36px;
                padding: 6px 12px;
                color: #0D0D0D;
                background-color: #CCCCCC;
                border: 1px solid #ddd;
                vertical-align: middle;
                text-decoration: none;
                border-radius: 4px;
            }

        .tcdPageCode-ellipsis {
            display: inline-block;
            width: 24px;
            text-align: center;
        }

        .tcdPageCode span.disabled {
            display: inline-block;
            height: 36px;
            line-height: 36px;
            padding: 0 12px;
            color: #bfbfbf;
            background: #f2f2f2;
            border: 1px solid #bfbfbf;
            border-radius: 4px;
            vertical-align: middle;
        }

        .sap-pagination {
            display: inline-block;
            padding-left: 0;
            margin: 5px 0 10px 0;
            border-radius: 4px;
        }

            .sap-pagination > li {
                display: inline;
            }


                .sap-pagination > li:first-child > a,
                .pagination > li:first-child > span {
                    margin-left: 0;
                    border-top-left-radius: 4px;
                    border-bottom-left-radius: 4px;
                }

                .sap-pagination > li > a,
                .pagination > li > span {
                    position: relative;
                    float: left;
                    padding: 0 12px;
                    margin-left: -1px;
                    line-height: 36px;
                    color: #337ab7;
                    text-decoration: none;
                    background-color: #fff;
                    border: 1px solid #ddd;
                }


        #spa-page-size {
            border: 0px;
            color: #868686;
            display: inline-block;
            text-align: left;
            padding-right: 10px;
        }
    }


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

#orgAreaIndustryPopup {

    .loading {
        width: 380px;
        height: 230px;
        line-height: 230px;
        vertical-align: middle;
        text-align: center;
    }


    .ui-grid-contents-wrapper .ui-grid-render-container .ui-grid-cell-contents .ui-grid-header-cell-label,
    .ui-grid-tree-header-row {
        font-weight: normal !important;
    }

    .ui-grid-cell-contents {
        padding: 3px 0 3px 12px !important;
    }

    .ui-grid-header-cell-wrapper {
        /*margin: 5px 0px!important;*/
        border-bottom: 1px solid #e4e4e4 !important;
    }
    //http://stackoverflow.com/questions/20782368/use-font-awesome-icon-as-css-content
    //http://fontawesome.io/icons/
    //to change the icon of ui grid to font awesome
    .ui-grid-icon-plus-squared:before {
        font-family: FontAwesome;
        content: "\f067";
        font-size: 12px;
    }

    .ui-grid-icon-minus-squared:before {
        font-family: FontAwesome;
        content: "\f068";
        font-size: 12px;
    }

    #areaORGGrid {
        border: 0 !important;
        border-top: 1px solid #d4d4d4;

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

        .text-align-left-padding {
            text-align: left;
            padding-left: 30px;
        }

        .ui-grid-row {
            line-height: 30px;
        }

        .ui-grid-contents-wrapper .ui-grid-render-container .ui-grid-row:nth-child(even) .ui-grid-cell {
            background-color: white;
        }

        .ui-grid {
            border: 0 !important;
        }

        .ui-grid-header {
            border-bottom: 0;
        }

        .ui-grid-cell {
            border-bottom: 0;
        }

        .ui-grid-row .ui-grid-cell.ui-grid-row-header-cell {
            border-bottom: 0;
        }
        // 第一级是否加粗
        .ui-grid-tree-header-row {
            // font-weight:normal!important;
        }
    }
}

.popover-area-content {
    position: absolute; 
    border: 1px solid rgba(228, 228, 228, 1);
    -moz-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.349019607843137);
    box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.349019607843137);
}

#orgCityAreaUserPop {
    position: absolute;
    z-index: 999;
    .org-add {
        border-bottom: 1px solid #cacaca;
        height: 40px;
        line-height: 40px;
        vertical-align: middle;
        padding-left: 16px;
        color: #666666;
        font-weight: bold;
    }

    .ui-grid-header-canvas {
        height: 30px;
        font-weight: bold;
    }

    .ui-grid-contents-wrapper .ui-grid-render-container .ui-grid-cell-contents .ui-grid-header-cell-label,
    .ui-grid-tree-header-row {
        font-weight: normal !important;
    }

    .ui-grid-header .ui-grid-top-panel .ui-grid-header-canvas .ui-grid-header-cell-wrapper .ui-grid-header-cell-row .ui-grid-header-cell .ui-grid-cell-contents .ui-grid-header-cell-label {
        font-weight: bold !important;
    }

    .ui-grid-cell-contents {
        padding: 3px 0 3px 12px !important;
    }

    .ui-grid-header-cell-wrapper {
        /*margin: 5px 0px!important;*/
        border-bottom: 1px solid #e4e4e4 !important;
    }
    //http://stackoverflow.com/questions/20782368/use-font-awesome-icon-as-css-content
    //http://fontawesome.io/icons/
    //to change the icon of ui grid to font awesome
    .ui-grid-icon-plus-squared:before {
        font-family: FontAwesome;
        content: "\f067";
        font-size: 12px;
    }

    .ui-grid-icon-minus-squared:before {
        font-family: FontAwesome;
        content: "\f068";
        font-size: 12px;
    }

    #areaORGGrid {
        border: 0 !important;
        border-top: 1px solid #d4d4d4;
        padding-top: 2px;
        padding-left: 12px;

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

        .text-align-left-padding {
            text-align: left;
            padding-left: 30px;
        }

        .ui-grid-row {
            line-height: 30px;
        }

        .ui-grid-contents-wrapper .ui-grid-render-container .ui-grid-row:nth-child(even) .ui-grid-cell {
            background-color: white;
        }

        .ui-grid {
            border: 0 !important;
        }

        .ui-grid-header {
            border-bottom: 0;
        }

        .ui-grid-cell {
            border-bottom: 0;
        }

        .ui-grid-row .ui-grid-cell.ui-grid-row-header-cell {
            border-bottom: 0;
        }
        // 第一级是否加粗
        .ui-grid-tree-header-row {
            // font-weight:normal!important;
        }
    }
}

.org-city-area-user-content {
    position: absolute;
    border: 1px solid rgba(228, 228, 228, 1);
    -moz-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.349019607843137);
    box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.349019607843137);
    background-color: #fff;
    .loading {
        width: 380px;
        height: 140px;
        line-height: 140px;
        vertical-align: middle;
        text-align: center;
    }
}

#orgAreaIndustryPopup {

    .loading {
        width: 380px;
        height: 230px;
        line-height: 230px;
        vertical-align: middle;
        text-align: center;
    }


    .ui-grid-contents-wrapper .ui-grid-render-container .ui-grid-cell-contents .ui-grid-header-cell-label,
    .ui-grid-tree-header-row {
        font-weight: normal !important;
    }

    .ui-grid-cell-contents {
        padding: 3px 0 3px 12px !important;
    }

    .ui-grid-header-cell-wrapper {
        /*margin: 5px 0px!important;*/
        border-bottom: 1px solid #e4e4e4 !important;
    }
    //http://stackoverflow.com/questions/20782368/use-font-awesome-icon-as-css-content
    //http://fontawesome.io/icons/
    //to change the icon of ui grid to font awesome
    .ui-grid-icon-plus-squared:before {
        font-family: FontAwesome;
        content: "\f067";
        font-size: 12px;
    }

    .ui-grid-icon-minus-squared:before {
        font-family: FontAwesome;
        content: "\f068";
        font-size: 12px;
    }

    #areaORGGrid {
        border: 0 !important;
        border-top: 1px solid #d4d4d4;

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

        .text-align-left-padding {
            text-align: left;
            padding-left: 30px;
        }

        .ui-grid-row {
            line-height: 30px;
        }

        .ui-grid-contents-wrapper .ui-grid-render-container .ui-grid-row:nth-child(even) .ui-grid-cell {
            background-color: white;
        }

        .ui-grid {
            border: 0 !important;
        }

        .ui-grid-header {
            border-bottom: 0;
        }

        .ui-grid-cell {
            border-bottom: 0;
        }

        .ui-grid-row .ui-grid-cell.ui-grid-row-header-cell {
            border-bottom: 0;
        }
        // 第一级是否加粗
        .ui-grid-tree-header-row {
            // font-weight:normal!important;
        }
    }
}

.popover-area-content {
    position: absolute; 
    border: 1px solid rgba(228, 228, 228, 1);
    -moz-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.349019607843137);
    box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.349019607843137);
}


@shadown-color: rgba(201,201,201,.349019607843137);

.org-general-info {
    width: 450px;
    height: 190px;
    position: absolute;
    top: 148px;
    left: 428px;
    z-index: 999;
    .general-tmpl {
        
    }

    .detail-info {
        padding: 15px;
        width: 450px;
        height: 100%;
        display: flex;
        flex-direction: column;
        border-radius: 5px;
        background-color: #fff;
        box-sizing: border-box;
        border: 1px solid #e4e4e4;
        -moz-box-shadow: 5px 5px 5px rgba(201,201,201,.349019607843137);
        -webkit-box-shadow: 5px 5px 5px rgba(201,201,201,.349019607843137);
        box-shadow: 5px 5px 5px rgba(201,201,201,.349019607843137);
        transition: .5s ease;

        &:hover {
            //box-shadow: 5px 5px 5px @shadown-color, 4px 4px 4px @shadown-color, 3px 3px 3px @shadown-color, 2px 2px 2px @shadown-color, 1px 1px 1px @shadown-color;
            -webkit-transform: translateX(-2px);
            transform: translateX(-2px);
            transition: .5s ease;
        }

        .loading {
            width: 614px;
            height: 190px;
            line-height: 190px;
            vertical-align: middle;
            text-align: center;
        }

        .company-detail {

            .company-detail-top .company-name {
                font-size: 18px;
                padding-left: 10px;
                font-family: 'Microsoft YaHei Bold', 'Microsoft YaHei Regular', 'Microsoft YaHei';
                font-weight: 700;
                font-style: normal;
            }

            .company-detail-middle {
                .taxpayer-number,
                .account-set-code,
                .service-type {
                    color: #666666;
                    font-size: 14px;
                    font-weight: 400;
                    padding-left: 45px;
                }
            }
        }

        .company-detail-bottom {
            .property-border {
                border-left: 1px;
                border-left-color: #cdcdcd;
                border-left-style: solid;
                white-space: nowrap;
                /*width: 22% !important;*/
                height:40px!important;

                i {
                    width: 20px;
                }

                p {
                }
            }
        }
    }
}

.org-multi-tree-selector-container {
    width: 100%;
    position: relative;
  
    .selector-input {
        width: 100%;
    }

    .org-tree-wrapper {
        display:none;
        z-index: 1000;
        border: 1px solid #CCC;
        position: absolute;
        background-color: #FFF;
        border-radius: 5px;

        .filter-input {
            margin: 10px 0;
        }

        .org-multi-tree-wrapper {
            min-width:250px;
            max-width: 400px;
            max-height: 500px;
            overflow-y: auto;
            overflow-x: auto;
            padding: 10px;

            .tree-org-multi-ui-tree-handle {
                white-space: nowrap;
                overflow: hidden;
                text-overflow: ellipsis;
                 -ms-text-overflow: ellipsis;
                 -o-text-overflow: ellipsis;   
                max-width: 100%;
                display: inline-block;
            }
        }
    }
}

.org-permission-filter-wrapper {
    display: inline-block;
    #org_businessUnit,
    #org_Area,
    #org_taxTreeList
     {
        width: 180px;
        display: inline-block;
        margin-right: 10px;
    }

    #org_OrgTreeList {
        width: 260px;
        display: inline-block;
        margin-left: 10px;
    }
}

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

.dx-overlay-content {
    .dx-treeview-item-content {
        span {
            .ellipsis;
            display: inline-block;
            width: 100%;
        }
    }
}

.org-search-selector-wrapper {
    display: inline-block;
    width: 100%;
    min-width: 17em;
    vertical-align: middle;

    [uib-dropdown-toggle] {
        width: 100%;

        input {
            .ellipsis;
            display: block;
            border: none;
            background: transparent;
        }
    }

    [uib-dropdown-menu] {
        width: 100%;
        min-height: 200px;
        max-height: 300px;
    }
}

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

.dx-overlay-content {
    .dx-treeview-item-content {
        span {
            .ellipsis;
            display: inline-block;
            width: 100%;
        }
    }
}
.org-selector-modal {
    /*自定义属性弹框*/
    .addOrgModal {
        .modal-footer {
            padding-left: 15px !important;
        }

        .dx-header-row .dx-select-checkbox {
            display: none !important;
        }

        .grid-container {
            /*margin-top: 10px;*/
            #orgGridContainer {
                max-height: 400px;
                /*height:400px;*/
                .dx-datagrid-content .dx-datagrid-table .dx-row .dx-command-select {
                    width: 40px !important;
                    max-width: 40px !important;
                    padding: 0px !important;
                }
                /*.dx-toolbar .dx-texteditor {
                     width:518px !important;
                }*/
            }
        }
    }
}

.org-selector-tree-wrapper {
    width: 100%;
    min-width: 0;
    display: inline-block;

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

    [uib-dropdown-toggle] {
        width: 100%;

        input {
            .ellipsis;
            display: block;
            border: none;
            background: transparent;
        }
    }

    [uib-dropdown-menu] {
        width: 20em;
        max-height: 32em;
        overflow-y: auto;

        [ui-tree] {
            min-height: 5em;
            overflow-y: auto;
            overflow-x: hidden;

            &:focus {
                outline: none;
            }

            .tree-node {
                span {
                    .ellipsis;
                }

                i {
                    font-size: 1.2em;
                    margin-right: 3px;
                }
            }
        }
    }
}

#orgUserListPop {
    position: absolute;
    z-index: 999;
    .loading {
        width: 300px;
        height: 120px;
        line-height: 120px;
        vertical-align: middle;
        text-align: center;
    }

    .org-user-add {
        border-bottom: 1px solid #cacaca;
        height: 40px;
        line-height: 40px;
        vertical-align: middle;
        padding-left: 16px;
        color: #666666;
        font-weight: bold;
    }

    .isUserType {
        font-weight: bold;
    }

    .fa-trash {
        color: #cc6666;
    }

    .ui-grid-header-canvas {
        display: none;
    }

    .ui-grid-contents-wrapper .ui-grid-render-container .ui-grid-cell-contents .ui-grid-header-cell-label,
    .ui-grid-tree-header-row {
        font-weight: normal !important;
    }

    .ui-grid-cell-contents {
        padding: 3px 0 3px 12px !important;
    }

    .ui-grid-header-cell-wrapper {
        /*margin: 5px 0px!important;*/
        border-bottom: 1px solid #e4e4e4 !important;
    }
    //http://stackoverflow.com/questions/20782368/use-font-awesome-icon-as-css-content
    //http://fontawesome.io/icons/
    //to change the icon of ui grid to font awesome
    .ui-grid-icon-plus-squared:before {
        font-family: FontAwesome;
        content: "\f067";
        font-size: 12px;
    }

    .ui-grid-icon-minus-squared:before {
        font-family: FontAwesome;
        content: "\f068";
        font-size: 12px;
    }

    #areaORGGrid {
        border: 0 !important;
        border-top: 1px solid #d4d4d4;
        padding-top: 12px;
        padding-left: 12px;

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

        .text-align-left-padding {
            text-align: left;
            padding-left: 30px;
        }

        .ui-grid-row {
            line-height: 30px;
        }

        .ui-grid-contents-wrapper .ui-grid-render-container .ui-grid-row:nth-child(even) .ui-grid-cell {
            background-color: white;
        }

        .ui-grid {
            border: 0 !important;
        }

        .ui-grid-header {
            border-bottom: 0;
        }

        .ui-grid-cell {
            border-bottom: 0;
        }

        .ui-grid-row .ui-grid-cell.ui-grid-row-header-cell {
            border-bottom: 0;
        }
        // 第一级是否加粗
        .ui-grid-tree-header-row {
            // font-weight:normal!important;
        }
    }
}

.org-user-list-content {
    position: absolute;
    border: 1px solid rgba(228, 228, 228, 1);
    -moz-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.349019607843137);
    box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.349019607843137);
    background-color:#fff;
    width:350px;
    height:300px;
}

.permission-selector-wrapper {
    display: inline-block;

    .ivhtreedata {
        margin: 10px 0px 0px 20px;
    }

    .menu-tree-container {
        max-height: 320px;
        width: 320px;
    }

    .dx-searchbox {
        margin: 12px;
    }

    .selector-input {
        width: 320px;
        padding: 6px 12px;
        font-size: 14px;
        line-height: 1.42857143;
        color: #555555;
        background-color: #ffffff;
        background-image: none;
        border: 1px solid #cccccc;
        border-radius: 4px;
        -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
        -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
        -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
        transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    }
}


@import "app-resources/css/theme_tr.less";

.preview-account-voucher {
    background-color: white;
    height: 100%;
    overflow-x: auto;
    white-space: nowrap;
    .display-flex;
    .flex-direction-column;
    .justify-content-flex-start;
    .align-items-start;
    position: relative;

    > div {
        width: 100%;
    }

    .menu {
        font-family: 'Microsoft YaHei';
        font-weight: 400;
        font-style: normal;
        font-size: 14px;
        .display-flex;
        .flex-wrap-nowrap;
        .align-items-stretch;
        .flex-shrink-0;

        div {
            .display-flex;
            .justify-content-flex-end;
            .flex-wrap-nowrap;
            .align-items-center;

            > span:first-child.fa {
                font-size: 1.3em;
                margin: 10px 10px 10px 5px;
            }
        }

        > div {
            border-right: solid rgba(228, 228, 228, 1) 1px;
            padding-left: 20px;
            padding-right: 20px;
        }

        .display-mode {
            .mode {
                padding-left: 15px;
                padding-right: 15px;
                margin-left: 10px;
                height: 32px;
                /*显示方式选项在选中和获取焦点时的样式*/
                &.selected, &:hover {
                    border-radius: 16px;
                    background-color: #f2f2f2;
                }
            }
        }

        .filter-menu {
            align-items: stretch;
            padding-right: 0px;

            div {
                padding-left: 10px;
                padding-right: 10px;
            }

            > div:not(:first-child):hover {
                background-color: #f2f2f2;
            }

            & ~ div:hover {
                background-color: #f2f2f2;
            }
        }

        span.fa {
            color: rgba(107, 107, 107, 1);

            &.fa-angle-down {
                font-size: 1.1em;
                margin: 5px;
            }
        }
    }

    .filter-info {
        .flex-shrink-0;
        background-color: rgba(242, 242, 242, 1);
        border: solid rgba(228, 228, 228, 1) 1px;
        font-family: 'Microsoft YaHei';
        font-style: normal;
        text-align: left;
        padding: 13px 15px 13px 20px;
        box-sizing: border-box;

        span:nth-child(1) {
            font-family: 'Microsoft YaHei Bold', 'Microsoft YaHei Regular';
            font-weight: 700;
            font-size: 15px;
            display: block;
        }

        span:nth-child(2) {
            font-weight: 400;
            color: #666666;
            font-size: 13px;
            margin-top: 7px;
            display: block;
            white-space: normal;
        }
    }

    .data-summary {
        .flex-shrink-0;
        padding-left: 5px;

        > div {
            display: inline-block;
            margin: 15px;

            > div {
                border-radius: 12px;
                padding-left: 10px;
                padding-right: 10px;
                margin-left: 5px;
                display: inline-block;

                &.red {
                    background-color: #e0301e;
                }

                &.darkred {
                    background-color: darkred;
                }

                span {
                    font-family: 'Arial Bold', 'Arial';
                    font-weight: 700;
                    font-style: normal;
                    font-size: 12px;
                    color: white;
                }
            }
        }
    }

    .filter-dialog {
        width: 540px;
        margin: 0px;
        border: 1px solid #c7c8ca;
        box-shadow: 2px 2px 8px #999999;
        z-index: 99;
        position: absolute;
        top: 56px;
        left: 0px;
        background-color: white;

        .header {
            padding: 15px 35px 15px 0px;
            .display-flex;
            .justify-content-flex-end;
            .flex-wrap-nowrap;
            .align-items-center;

            div {
                .display-flex;
                .justify-content-flex-start;
                .flex-wrap-nowrap;
                .align-items-center;
            }

            > div {
                width: 180px;
                margin-left: 5px;
                margin-right: 5px;
            }

            input {
                margin: 0px;
            }

            span {
                margin: 0px 25px 0px 5px;
            }

            > span {
                margin: 0px;
            }
        }

        .body {
            max-height: calc(~"80vh - 200px");
            overflow-y: auto;
            border-top: solid #c9c9c9 1px;
            border-bottom: solid #c9c9c9 1px;
            padding-right: 40px;
            .display-flex;
            .flex-direction-column;
            .align-items-end;

            .field {
                .display-flex;
                .align-items-center;
                .flex-shrink-0;
                margin: 5px 0;

                .field-name {
                    margin: 0 5px;
                }

                .field-input {
                    .display-flex;
                    .align-items-center;
                    .justify-content-space-between;
                    width: 370px;
                    max-width: 370px;
                    min-width: 370px;

                    .selector {
                        width: 100% !important;
                        text-align: left;
                    }

                    > *:first-child,
                    > *:last-child {
                        width: calc(~"50% - 5px");
                    }

                    .spliter {
                        min-width: 10px;
                        max-width: 10px;
                        margin: 0;
                        text-align: center;
                    }
                }
            }

            .ui-select-choices-row:hover {
                background-color: lightgray;
            }

            .ui-select-has-border .select2-results li li:first-child {
                background-color: transparent;
            }

            .dx-texteditor.dx-widget {
                border: 1px solid #cccccc;
                -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
                box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
                -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
                -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
                transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;

                &.dx-state-disabled {
                    opacity: 1;
                }

                &.dx-state-active,
                &.dx-state-focused {
                    border-color: #66afe9;
                    outline: 0;
                    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
                    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
                }
                //使用带 display-flex 类的 dx-dropdowneditor-icon 图标代表自定义图标
                .display-flex.dx-dropdowneditor-icon {
                    &::before,
                    &::after {
                        content: initial;
                    }
                }

                input[disabled] {
                    background-color: #eeeeee;
                    opacity: 1;
                    cursor: not-allowed !important;
                }
            }
        }

        .footer {
            padding: 20px 50px 20px 50px;
        }
    }

    &.autocomplete-template {
        margin-bottom: -4px;
        border-bottom: 1px solid #ccc;
        background-color: white;
        color: black;

        &:hover {
            background-color: lightgrey;
        }

        &.dx-list-item-content:before {
            content: none;
        }

        > span {
            width: 100%;
            line-height: 1.3;
        }
    }
}

.vat-preview-account-voucher-accountmapping {
    max-height:350px;
}

.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;
    /* opacity: .8; */
    /* For safety - reset parent styles, that can break glyph codes*/
    font-variant: normal;
    text-transform: none;
    /* fix buttons height, for twitter bootstrap */
    line-height: 1em;
    /* Animation center compensation - margins should be symmetric */
    /* remove if not needed */
    margin-left: .2em;
    content: "\c350";
}

.dx-datagrid-group-opened: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;
    /* opacity: .8; */
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    margin-left: .2em;
    content: "\c351";
}

#mainAreaDiv {
    .flex-grow-1;
    .display-flex;
    .flex-direction-column;
    /*.justify-content-flex-end;*/
    .align-items-stretch;

    #gridContainer {
        border: solid 1px #ddd;
        margin: 0 20px 0 0;
        overflow-y: auto;
        .flex-grow-1;

        .dx-header-row .dx-datagrid-text-content {
            max-width: none;
        }

        .dx-column-indicators {
            .dx-sort {
                display: none;
            }
        }
    }

    .pagination-container {
        .flex-shrink-0;
        margin: 10px 20px 10px 0;

        .common-pagination {
            margin: 0;
        }
    }
}

.filter-ivh-treeview {
    /*科目代码为第一列需要自动填充剩余空间*/
    .account-code {
        .display-flex;
        .justify-content-flex-end;
        .flex-wrap-nowrap;
        .align-items-center;

        span:first-child {
            .flex-grow-1;
        }
    }
    /*科目名称*/
    .accountName {
        width: 150px;
    }
    /*借贷方向*/
    .debitOrCredit {
        width: 100px;
    }


    #modal-body {
        max-height: calc(~"100vh - 200px");
        overflow-y: auto;
    }

    .ivh-treeview-node-content {
        margin: 3px 0px 3px 0px;

        > div:first-child {
            .display-flex;
            .justify-content-flex-end;
            .flex-wrap-nowrap;
            .align-items-center;

            > div {
                .flex-grow-1;
                /*树节点的展开图标需要45°旋转,与折叠效果区分开来*/
                .ivh-treeview-twistie-expanded > span {
                    transform: rotate(45deg);
                    -ms-transform: rotate(45deg);
                    -moz-transform: rotate(45deg);
                    -webkit-transform: rotate(45deg);
                    -o-transform: rotate(45deg);
                }
            }
        }
    }

    div.modal-footer {
    }
}

.dx-datebox-wrapper-date.dx-datebox-wrapper-calendar .dx-widget.dx-calendar {
    margin: 5px;
}

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


.preview-trial-balance {
    background-color: white;
    height: 100%;
    overflow-x: auto;
    white-space: nowrap;

    .leftFilter {
        padding-left: 5px;
        padding-top: 10px;
        height:60px;

                .filter-button {
            width: 30px;
           
        }

        .leftFilterButton {
        }
    }

    .margin-right5{
        margin-right: 5px;
    }
    .margin-right10 {
        margin-right: 10px;
    }

    .margin-right30 {
        margin-right: 30px;
    }

    .margin-right50 {
        margin-right: 50px;
    }

    .margin-left20 {
        margin-left: 20px;
    }

    .mainArea {
        padding-left: 20px;
    }

    .margin-top5{
        margin-top:5px;
    }



.popover {
    min-width: 370px;
    left: 119px !important;

    .arrow {
        left: 5% !important;
    }
}



   .popover-content {
    td {
        text-align: right;
        padding: 6px;

        span {
            float: left;
        }
    }

    .form-control {
        display: inline-block;

        &:focus {
            border-color: transparent;
            -webkit-box-shadow: none;
            box-shadow: none;
            border: 1px solid #ccc;
        }
    }

    .input-width-small {
        width: 100px;
    }

    .input-width-middle {
        width: 217px;
    }
}

    .alignRight {
        text-align: right;
    }

    .alignCenter {
        text-align: center;
    }

    .ui-grid-invisible {
        display: none;
    }

    .text-align-left-padding {
        text-align: left;
        padding-left: 30px;
    }

    .cursorPointer {
        cursor: pointer;
    }

    .dropdownListWithNoBorder {
        border: 0px;
        background-color: transparent;
    }
    // Double Header:
    .topHeaderLayout {
        background-color: #F1F1F1;
        border-color: #D3D3D3;
        font-weight: bold;
    }

    .topLevelHeader {
        border-color: #D3D3D3;
    }

    .balanceSheetGrid {
        width: 98%;/*1200px;*/
        height: 95%;/*95%;*/  
    }

    .ui-grid-contents-wrapper .ui-grid-render-container .ui-grid-header-cell {
        background-color: #F1F1F1 !important;
        border-right: solid thin;
        border-right-color: #D3D3D3;
    }
   
    .dataColumn8{
        border-right:none !important;
    }

    .ui-grid-header-cell-row {
        clear: both;
        border: none !important;
        border-top: none !important;
    }

    .ui-grid {
        border-top: none !important;
    }



    .subjectHeader {
        position: absolute !important;
        margin-top: -10px !important;
        left: 0 !important;
    }

    .ui-grid-contents-wrapper .ui-grid-header-canvas {
        background-color: #f1f1f1;
    }
    .ui-grid-top-panel
    {
        height:31px;
    }

    .ui-grid-contents-wrapper .ui-grid-render-container .ui-grid-cell-contents
    {
        padding-left: 1px;
        padding-right:1px;
    }
    /*.ui-grid-cell-contents
{
	line-height: 1.9;
}*/

    /*.ui-grid-contents-wrapper .ui-grid-render-container i {
    padding-top: 10px !important;
}*/
    .ui-grid-tree-header-row
    {
        clear:both;
            font-weight:normal !important; 
    }
    .watermark {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        opacity: 0.25;
        font-size: 3em;
        width: 100%;
        text-align: center;
        z-index: 1000;
    }
    /*******************************************/
    /*Filter Criteria tags:*/
    .tag {
        font-size: 12px;
        padding: .3em .4em .4em;
        margin: 0 .1em;
    }

    .tag a {
        color: #bbb;
        cursor: pointer;
        opacity: 0.6;
    }

    .tag a:hover {
        opacity: 1.0;
    }

    .tag .remove {
        vertical-align: bottom;
        top: 0;
    }

    .tag a {
        margin: 0 0 0 .3em;
    }

    .tag a .glyphicon-white {
        color: #fff;
        margin-bottom: 2px;
    }
    /*Filter Criteria tags:*/
    /*******************************************/
}

.refund-reason-modal {
    .reason-modal {
        .modal-dialog {
            width: 400px;

            .modal-body {
                .row{
                    margin-bottom:20px;

                }
            }
        }
    }
}

.region-tree-selector-container {
    width: 400px;
    position: relative;
    left: 15px;

    .region-tree-wrapper {
        display: none;
        border: 1px solid #CCC;
        position: absolute;
        left: 120px;
        background-color: #FFF;
        border-radius: 5px;
        padding-bottom: 10px;
        z-index: 999;
        .filter-input {
            margin: 10px 0;
        }

        .region-tree {
            width: 243px;
            max-height: 300px;
            overflow-y: auto;
            margin-left: 30px;
            padding-bottom: 10px;
        }
    }
}

.role-multi-selector-container {
    display: inline-block;
    position: relative;

    .text-ellipsis {
        white-space: nowrap;
        word-break: normal;
        text-overflow: ellipsis;
        overflow-x: hidden;
    }

    .role-tree-container {
        overflow-y: auto;
        min-height: 200px;
        width: 250px;
        position: absolute;
        z-index: 2;
        top: 30px;
        left: 0;
        background-color: white;
        -moz-box-shadow: 0 10px 20px #000000;
        -webkit-box-shadow: 0 10px 20px #000000;
        box-shadow: 0 10px 20px #000000;

        .tree-role-item {
            min-height: 0px;
            border-radius: 4px;
            display: inline-block;
            padding: 0 10px;
        }

        .tree-item-selected {
            color: #FFF;
            background-color: #F16100;
            border-radius: 4px;
            padding: 0 10px;
        }

        .role-tree {
            max-height: 200px;
            overflow-y: auto;
            padding: 10px 0 0 10px;
        }
    }

    .selector-input {
        width: 250px;
        padding: 6px 12px;
        font-size: 14px;
        line-height: 15px;
        color: #555555;
        background-color: #ffffff;
        background-image: none;
        border: 1px solid #cccccc;
        border-radius: 4px;
        -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
        -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
        -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
        transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    }
    /*.angular-ui-tree-handle {
        margin-bottom: 0px;
    }

    .expander {
        line-height: initial;
    }

    .angular-ui-tree-node .angular-ui-tree-node .angular-ui-tree-handle:hover {
        background-color: #cccccc;
    }*/
}

.standard-account-grid-filter{
    width: 700px;
    height:800px;
    top:50%;
    left:50%;
    transform: translate(-50%, -80%);

    .modal-dialog {
        width: 100%;
        height: 90%;
        margin: 20px auto;

        .modal-content {
            width: 100%;
            /*height: 100%;*/

            .modal-body {
                height: 90%;
            }
        }
    }
}

.tax-report-analyze-report {
  height: 100%;
  cursor: default;

  .menu {
    padding: 0 10px 5px 10px;
    min-height: 40px;
    .btn[type="button"] {
      min-width: unset;
      width: 80px;
    }
    .fill-tips {
      margin-left: 15px;
      .fa {
        color: goldenrod;
      }
      .tips-title {
        color: rgba(0, 0, 0, 0.7);;
      }
    }
  }
}

@small-panel-height: 40px;
@small-panel-margin: 10px;
@small-panel-border-color: #E4E4E4;
@tab-not-selected: #bababa;
@focus: #c00;
@btn-color: white;
@btn-not-focus: #777;

.tax-report-cell-detial-show {
    vertical-align: top;
    /*width: 950px;*/
    cursor: move;
}

.tax-report-cell-detail {
    .tax-report-cell-detial-show;
    position: relative;

    #taxReportCellDetailModal {
        display: none;
        background-color: #fff;
        opacity: 1;
        border-radius: 4px;
    }

    .header {
        padding: 0;
        background-color: #555;
        height: @small-panel-height;
        line-height: @small-panel-height;
        padding: 0;
        border-top-right-radius: 4px;
        border-top-left-radius: 4px;

        .icon-common {
            color: #fff;
            margin: 0 @small-panel-margin;
        }

        .drag-icon {
            float: left;
            .icon-common;
        }

        .close-icon {
            float: right;
            .icon-common;
            cursor: pointer;
        }

        .expand-icon {
            .icon-common;
            float: right;
            cursor: pointer;
        }
    }

    .remark-title {
        font-size:18px;
        font-weight:bold;
        margin: 10px;
    }

    .add-remark-btn {
        margin-top:10px;
        float:right;
    }

    .remark-date {
        float:right;
        color:#888;
    }

    .remark-reply-content,.remark-content {
        color: #888888;
    }

    .remark-summary {
        margin:10px 20px;
    }

    .reply-area {
        margin:15px 0px 0px 45px;
    }

    .remark-item {
        border-top: 1px dotted black;
        padding-top: 10px;
        padding-bottom: 10px;
        margin:0px 20px;
    }

    .material-icons {
        vertical-align:bottom;
    }

    .content {
        border-radius: 4px;

        .tab-type {
            margin: 25px;

            span {
                background-color: #f2f2f2;
                cursor: pointer;
                padding: 10px 42px;
            }

            .active {
                background-color: #e0301e;
                color: white;
            }

            .red-color {
                color: red;
            }
        }


        .tab {
            display: inline-block;
            max-width: 600px;
            min-width: 150px;
            overflow-y: hidden;
            text-align: center;
            line-height: 35px;
            height: 35px;
            color: #fff;
            background-color: @tab-not-selected;
            position: relative;

            .tab-text {
                overflow: hidden;
                text-overflow: ellipsis;
                white-space: nowrap;
                display: inline-block;
                width: 110px;
                vertical-align: middle;
                line-height: 35px;
            }
        }

        .tab-selected {
            background-color: @focus;
        }

        .tab-no-background {
            color: @focus;
            font-weight: bold;
            width: 170px;
            background-color: white;
            text-align: left;
        }

        background-color: #fff;
        border: 1px solid @small-panel-border-color;
        width: 100%;

        .analy-report {
            margin: 25px;
            font-size: 14px;
            font-family: "微软雅黑";
            height: 560px;
        }

        .content-info {
            margin: 25px;
            font-size: 14px;
            font-family: "微软雅黑";

            .cell-info-sammary {
                min-height: 190px;
                border-bottom: 1px solid @small-panel-border-color;

                .cell-info-title {
                    margin: 0 10px;
                }

                .cell-info-content {
                    margin: 15px 25px;

                    .cell-info-subject {
                        width: 100%;
                        display: inline-block;
                        line-height: 30px;

                        .cell-info-subject-label {
                            font-weight: bold;
                            line-height: 20px;
                        }

                        .formula-translator-wrapper {
                            display: inline;

                            .label {
                                word-break: break-all;
                                white-space: initial;
                                width: 100%;
                            }
                        }
                    }
                }
            }

            .data-source-info {
                min-height: 310px;
                margin: 0 10px;

                .data-source-title {
                    height: 60px;
                    line-height: 60px;
                    font-weight: bold;

                    .data-source-title-left {
                        float: left;
                    }

                    .data-source-title-right {
                        float: right;
                    }
                }

                a:link {
                    text-decoration: none;
                }

                .tab-container {
                    color: white;
                    cursor: pointer;

                    .removeTab {
                        float: right;
                        width: 30px;
                        position: absolute;
                        right: 0;
                        top: 0;
                    }


                    .tab-add {
                        display: inline-block;
                        float: right;
                        margin-right: 20px;
                        padding: 5px;
                        color: black;

                        .add-icon {
                            font-size: 20px;
                            vertical-align: middle;
                        }
                    }
                }

                .data-source-detail-container {

                    .tab-add-voucher-container {
                        border: solid 1px #ccc;
                        margin-bottom: -1px;
                        width: 100%;

                        .add-voucher {
                            display: inline-block;
                            width: 77px;
                            margin-left: 3px;
                            line-height: 28px;
                            text-align: center;
                            border-radius: 4px;
                            background-color: #eee;
                            cursor: pointer;
                            margin-top: 1px;
                        }
                    }

                    .tab-add-voucher-area {
                        display: inline-block;
                        float: right;
                        margin-right: 20px;
                        padding: 5px;
                        color: #37c;
                        cursor: pointer;
                    }

                    .add-invoice-top-line {
                        display: inline-block;
                        width: 100%;
                        line-height: 35px;
                        text-align: left;
                        border: 1px solid #ddd;
                        margin-bottom: -1px;

                        .add-invoice {
                            display: inline-block;
                            width: 77px;
                            margin-left: 3px;
                            line-height: 28px;
                            text-align: center;
                            border-radius: 4px;
                            background-color: #eee;
                            cursor: pointer;
                        }
                    }

                    height: 200px;
                    margin: 15px 0;

                    .hand-input-container {
                        border: solid 1px #ddd;
                        width: 60%;
                        height: 180px;

                        .hand-input-line {
                            display: inline-block;
                            width: 100%;
                            margin: 15px 10px;

                            .hand-input-value {
                                width: 150px;
                            }

                            .hand-input-memo {
                                width: 80%;
                                resize: none;
                            }
                        }
                    }
                }
            }
        }
    }

    .add-voucher-range-propover {
        cursor: default;
        height: 370px;
        width: 500px;
        font-family: "微软雅黑";
        border: 2px solid #bbb;
        border-radius: 5px;
        background-color: #fff;
        z-index: 10;
        top: -300px !important;

        .propover-header {
            width: 100%;
            height: 45px;
            line-height: 45px;
            display: inline-block;
            border-bottom: 1px solid #bbb;

            .left-title {
                float: left;
                color: black;
                font-size: 15px;
                padding-left: 20px;
            }

            .right-close-btn {
                float: right;
                text-align: center;
                font-size: 20px;
                color: #999;
                width: 40px;
                cursor: pointer;
            }
        }

        .propover-content {
            height: 260px;
            margin: 0 15px;

            .add-voucher-range-btn {
                display: inline-block;
                height: 45px;
                line-height: 45px;
                width: 100px;
                text-align: center;
                cursor: pointer;

                .add-icon {
                    vertical-align: middle;
                    font-size: 20px;
                }
            }

            .filter-way-pan {
                margin-top: 15px;
            }

            .add-remark-content {
                margin-top: 30px;

                input {
                    border-radius: 3px;
                    height: 32px;
                    width: 150px;
                }
            }
        }

        .propover-footer {
            height: 50px;
            width: 100%;
            padding-left: 4px;

            .btn {
                color: @btn-color;
                margin-left: 10px;
            }

            .btn-focus {
                background-color: @focus;
            }

            .btn-second {
                background-color: @btn-not-focus;
            }
        }
    }

    .content-footer {
        min-height: 40px;

        .btn {
            color: @btn-color;
            margin-left: 10px;
            font-family: "微软雅黑";
        }

        .btn-focus {
            background-color: @focus;
        }

        .btn-second {
            background-color: @btn-not-focus;
        }
    }

    .add-footer {
        padding: 20px;
    }

    .addDataSource {
        .title {
            line-height: 36px;
        }

        .btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
            border-top-right-radius: 0px;
            border-bottom-right-radius: 0px;
        }
    }

    .data-table {
        .dx-datagrid-rowsview .dx-select-checkboxes-hidden > tbody > tr > td > .dx-select-checkbox {
            display: inline-block;
        }

        .modal-dialog {
            width: 900px;
        }
    }

    .btn-default {
        min-width: 50px;
    }

    .table-border tr td {
        border-style: solid;
        border-width: 1px;
        padding: 5px;
    }

    .table-border, .table-border tr {
        border-style: solid;
        border-width: 1px;
    }

    .gray-circle {
        padding: 2px;
        background-color: #F0F0F0;
        border: 1px solid #E8E8E8;
        margin: 0px 4px;
        border-radius: 5px;
        font-size: 12px;
    }

    .modification-table .modal-dialog {
        width:650px;
    }

    a {
        color:#dc6900;
    }
}
.tree-multi-selector-wrapper {
    .modal-body {
        padding: 15px 15px 0;

        .tree-multi-selector-grid {
            margin: 0;

            .dx-treelist-header-panel .dx-toolbar-items-container > .dx-toolbar-after {
                width: 100%;
                padding-left: 0;

                .dx-treelist-search-panel {
                    min-width: 100%;
                    margin-left: 0;
                }
            }
        }
    }

    .modal-header {
        height: 50px;

        .modal-title {
            font-weight: bold;
        }
    }

    div:focus {
        outline: none;
    }

    .dx-treelist-select-all .dx-select-checkbox {
        display: none;
    }

    .modal-footer {
        padding-left: 15px;

        button {
            width: 115px;
            height: 37px;
            outline: none;
        }
    }
}

.user-bu-modal-wrap {
    @ui-grid-row-height: 30px;
    font-family: 'Microsoft YaHei';

    .text-ellipsis() {
        white-space: nowrap;
        word-break: normal;
        text-overflow: ellipsis;
        overflow-x: hidden;
    }
    /*弹框*/
    #userBuModal {
        /*ui grid 统一设置*/
        .ui-grid-custom() {

            .text-align-left {
                text-align: left;
                .text-ellipsis();
            }

            .text-align-left-padding {
                text-align: left;
                padding-left: 10px;
                .text-ellipsis();
            }

            .text-align-center {
                text-align: center;
                .text-ellipsis();
            }

            .red-color {
                /*border: 1px solid #D04A02;*/
                background-color: #fed5a9 !important;
            }


            .icon-right {
                text-align: right;
                padding-right: 5px;
                float: right;
                line-height: @ui-grid-row-height;
            }


            .ui-grid-row {
                line-height: @ui-grid-row-height;
            }


            .ui-grid-contents-wrapper .ui-grid-render-container .ui-grid-row:nth-child(even) .ui-grid-cell {
                background-color: white;
            }

            .ui-grid-viewport {
                font-size: 13px;
            }

            .ui-grid {
                border: 1px solid #d4d4d4;
                border-radius: 5px;
                overflow: hidden;
            }

            .ui-grid-header {
                border-bottom: 0;
            }

            .ui-grid-cell {
                border-bottom: 0;
            }

            .ui-grid-row .ui-grid-cell.ui-grid-row-header-cell {
                border-bottom: 0;
            }
            // 第一级是否加粗
            .ui-grid-tree-header-row {
                // font-weight:normal!important;
                font-size: 13px;
            }

            .ui-grid-cell-contents {
                padding: 3px 0 3px 12px !important;
            }

            .ui-grid-contents-wrapper .ui-grid-render-container .ui-grid-cell-contents .ui-grid-header-cell-label {
                font-size: 13px;
            }

            .ui-grid-header-cell-wrapper {
                /*margin: 5px 0px!important;*/
                border-bottom: 1px solid #e4e4e4 !important;
            }
            //http://stackoverflow.com/questions/20782368/use-font-awesome-icon-as-css-content
            //http://fontawesome.io/icons/
            //to change the icon of ui grid to font awesome
            .ui-grid-icon-plus-squared:before {
                font-family: FontAwesome;
                content: "\f067";
                font-size: 12px;
            }

            .ui-grid-icon-minus-squared:before {
                font-family: FontAwesome;
                content: "\f068";
                font-size: 12px;
            }
        }

        .ui-grid-row() {

            &:nth-child(odd) {
                .ui-grid-cell {
                    border-right-width: 0;
                    background-color: #fdfdfd;
                }
            }

            &:nth-child(even) {
                .ui-grid-cell {
                    border-right-width: 0;
                    background-color: #f3f3f3;
                }
            }

            &:last-child {
                .ui-grid-cell {
                    border-bottom-width: 1px;
                }
            }

            &.ui-grid-row-selected > [ui-grid-row] > .ui-grid-cell {
                background-color: #fed5a9 !important;
            }
        }

        .fa-check {
            font-size: 15px;
        }

        .icon-add {
            font-size: 18px;
            color: #333333 !important;
        }

        .material-icons {
            font-size: 16px;
            color: #a1a1a1;
            vertical-align: middle;
        }

        .sub-title {
            font-family: 'Microsoft YaHei';
            font-weight: 409;
            font-style: normal;
            font-size: 13px;
            color: #434343;
            font-weight: bold;
        }

        .modal-dialog {
            width: 600px;
            height: 400px;
        }
        /*用户列表*/
        .user-list {
            height: 300px;

            .title {
                height: 30px;
                display: inline-block;
            }

            .user-data-grid {
                height: 250px;


                #userUIGrid {
                    height: 250px;

                    .ui-grid-row {
                        .ui-grid-row();
                    }
                }

                .ui-grid-custom();
            }
        }
        /*特殊权限*/
        .privilege-list {
            /*margin-top: 20px;*/
            height: 180px;

            .title {
                padding-bottom: 10px;
                font-family: 'Microsoft YaHei';
                font-style: normal;
                color: #D04A02;
            }

            .pri-data-grid {
                height: 160px;

                #priUIGrid {
                    height: 160px;

                    .ui-grid-row {
                        .ui-grid-row();
                    }
                }

                .ui-grid-custom();
            }
        }

        .modal-footer {
            padding-left: 15px !important;
        }

        .assign-user-box {
            display: none;
            position: absolute;
            top: 0;
            left: 0;
            z-index: 999;
            background-color: #fff;
            border: 1px solid #949494;
            border-radius: 5px;
            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
            font-size: 13px;

            .up-triangle {
                height: 15px;
                width: 21px;
                position: relative;
                float: left;
                margin-left: 30px;

                img {
                    margin-right: 24px;
                }
            }

            .role-item-container {
                padding: 15px;
                width: 220px;
                min-height: 70px;
                max-height: 200px;
                overflow-y: auto;
                /*border: 1px solid #999999;
                border: 1px solid rgba(0, 0, 0, 0.2);
                border-radius: 6px;
                box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);*/
                .title-left {
                    padding-left: 5px;
                    vertical-align: text-bottom;
                }

                .role-box {
                    padding-top: 10px;
                    padding-left: 20px;
                }

                .role-item {
                    margin: 5px 10px;
                    .text-ellipsis();
                }
            }

            .card-footer {
                border-top: 1px solid #e5e5e5;
                padding-top: 10px;
                padding-bottom: 10px;

                .btn {
                    margin-left: 26px;
                    min-width: 70px !important;
                }
            }
        }
    }
}

.user-organization-access-modal {
    @color-red-ext1: #DB6942;
    @ui-grid-row-height: 30px;

    font-family: 'Microsoft YaHei';

    .text-ellipsis() {
        white-space: nowrap;
        word-break: normal;
        text-overflow: ellipsis;
        overflow-x: hidden;
    }

    select.extra-select {
        border: 0;
        outline: 0;
        background: transparent;
    }
    /*自定义属性弹框*/
    #userOrgModal {

        .icon-delete {
            color: #d04a02;
            font-size: 18px;
        }

        .modal-header {
            .modal-title {
                .user-title {
                    display: inline-block;

                    .icon-user {
                        vertical-align: middle;
                    }

                    .header {
                        padding-left: 20px;
                        padding-right: 10px;
                        width: 100px;
                    }

                    .user-name {
                        font-family: "Arial";
                        color: #d04a02;
                        padding-right: 10px;
                    }

                    .left-icon {
                        padding-left: 5px;
                    }
                }
            }
        }
        /*.modal-footer {
            padding-left: 104px !important;
        }*/
        /*ui grid 统一设置*/
        .ui-grid-custom() {

            .text-align-left {
                text-align: left;
                height: 30px;
            }

            .text-align-left-padding {
                text-align: left;
                padding-left: 10px;
                height: 30px;
            }

            .text-align-center {
                text-align: center;
                height: 30px;
            }

            .red-color {
                /*border: 1px solid #D04A02;*/
                background-color: #fed5a9 !important;
            }


            .icon-right {
                text-align: right;
                padding-right: 5px;
                float: right;
                line-height: @ui-grid-row-height;
                height: @ui-grid-row-height;
            }


            .ui-grid-row {
                line-height: @ui-grid-row-height;
            }


            .ui-grid-contents-wrapper .ui-grid-render-container .ui-grid-row:nth-child(even) .ui-grid-cell {
                background-color: white;
            }

            .ui-grid-viewport {
                font-size: 13px;
            }

            .ui-grid {
                border: 1px solid #d4d4d4;
                border-radius: 5px;
                overflow: hidden;
            }

            .ui-grid-header {
                border-bottom: 0;
            }

            .ui-grid-cell {
                border-bottom: 0;
            }

            .ui-grid-row .ui-grid-cell.ui-grid-row-header-cell {
                border-bottom: 0;
            }
            // 第一级是否加粗
            .ui-grid-tree-header-row {
                // font-weight:normal!important;
                font-size: 13px;
            }

            .ui-grid-cell-contents {
                padding: 3px 0 3px 12px !important;
            }

            .ui-grid-contents-wrapper .ui-grid-render-container .ui-grid-cell-contents .ui-grid-header-cell-label {
                font-size: 13px;
            }

            .ui-grid-header-cell-wrapper {
                /*margin: 5px 0px!important;*/
                border-bottom: 1px solid #e4e4e4 !important;
            }
            //http://stackoverflow.com/questions/20782368/use-font-awesome-icon-as-css-content
            //http://fontawesome.io/icons/
            //to change the icon of ui grid to font awesome
            .ui-grid-icon-plus-squared:before {
                font-family: FontAwesome;
                content: "\f067";
                font-size: 12px;
            }

            .ui-grid-icon-minus-squared:before {
                font-family: FontAwesome;
                content: "\f068";
                font-size: 12px;
            }
        }

        .ui-grid-row() {

            &:nth-child(odd) {
                .ui-grid-cell {
                    border-right-width: 0;
                    background-color: #fdfdfd;
                }
            }

            &:nth-child(even) {
                .ui-grid-cell {
                    border-right-width: 0;
                    background-color: #f3f3f3;
                }
            }

            &:last-child {
                .ui-grid-cell {
                    border-bottom-width: 1px;
                }
            }

            &.ui-grid-row-selected > [ui-grid-row] > .ui-grid-cell {
                background-color: #fed5a9 !important;
            }
        }


        .user-role {
            height: 300px;

            #userRoleUIGrid {
                height: 280px;

                .ui-grid-row {
                    .ui-grid-row();
                }
            }

            .ui-grid-custom();
        }

        .user-access {
            .grid-container {
                /*height: 300px;*/
                #GridContainerRole {
                    height: 280px;
                    overflow-y: auto;
                }
            }
        }

        md-content {
            overflow-y: hidden !important;
        }

            md-content.md-default-theme, md-content {
                background-color: #fff !important;
            }

        .md-button.md-default-theme.md-accent, .md-button.md-accent {
            color: black !important;
        }

        md-nav-bar.md-default-theme md-nav-ink-bar,
        md-nav-bar md-nav-ink-bar {
            color: @color-red-ext1;
            background: @color-red-ext1;
        }

        .alert-danger {
            background-color: #f2dede;
            border-color: #ebccd1;
            color: #a94442;
            display: inline-block;
            width: 250px;
        }

        .alert {
            margin-bottom: 0px;
            padding: 6px;
            vertical-align: middle;

            .close {
                right: 0px;
            }
        }

        .ext-content {
            margin-top: 10px;
            height: 300px;
            padding-top: 15px;
        }

        .md-button.md-active {
            font-weight: bold;
        }

        .add-role-row {
            display: block;
            padding-top: 6px;
            height: 20px;

            #add-role {
                float: left;
                padding: 5px;
            }

            .error-msg {
                float: right;
                width: 320px !important;
                font-size: 13px !important;
            }
        }

        .assign-role-box {
            display: none;
            position: absolute;
            top: 0;
            left: 0;
            z-index: 999;
            background-color: #fff;
            border: 1px solid #949494;
            border-radius: 5px;
            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
            font-size: 13px;

            .up-triangle {
                height: 15px;
                width: 21px;
                position: relative;
                float: left;
                margin-left: 30px;

                img {
                    margin-right: 24px;
                }
            }

            .role-item-container {
                padding: 15px;
                width: 220px;
                min-height: 70px;
                max-height: 200px;
                overflow-y: auto;
                /*border: 1px solid #999999;
                border: 1px solid rgba(0, 0, 0, 0.2);
                border-radius: 6px;
                box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);*/
                .title-left {
                    padding-left: 5px;
                    vertical-align: text-bottom;
                }

                .role-box {
                    padding-top: 5px;
                    padding-left: 20px;
                }

                .role-item {
                    margin: 5px 10px;
                    .text-ellipsis();
                }
            }

            .card-footer {
                border-top: 1px solid #e5e5e5;
                padding-top: 10px;
                padding-bottom: 10px;

                .btn {
                    margin-left: 26px;
                    min-width: 70px !important;
                }
            }
        }
    }
}

.operate-log-wrapper {

    .modal-body {
        padding-left: 30px;
        padding-right: 30px;
        padding-top: 5px;
        padding-bottom: 0px;
    }

    .row {
        margin-left: 0px;
        margin-right: 0px;
        margin-bottom: 5px;

        .log-search-warp {
            border: 1px solid #CDCDCD;
            border-radius: 4px;
            padding: 1px;
            display: inline-block;
            width: 280px;
            vertical-align: middle;

            input {
                margin-bottom: -1px;
                border: 0px;
                width: 85%;
                // width: 220px;
                box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0);
                -webkit-box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0);
            }

            span {
                background-color: white;
                border: 0px;
                box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0);
                -webkit-box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0);
            }
        }

        .btn-query {
            border: 1px solid #949494;

             &:hover, &.active {
                background-color: #e74000;
                color: #fff;        
            }
        }

        .btn-refresh {
            float: right;

            .material-icons {
                font-size: 14px;
                vertical-align: middle;
            }

            span {
                vertical-align: middle;
            }
        }
    }

    .foot-container {
        text-align: right;
        margin-right: 20px;

        .spa-active {
            background-color: #CCCCCC !important;
        }

        .tcdPageCode {
            padding: 15px 20px;
            color: #ccc;
            display: inline-block;
            padding-left: 0;
            border-radius: 4px;
        }

            .tcdPageCode a {
                display: inline-block;
                color: #0D0D0D;
                display: inline-block;
                height: 36px;
                padding: 6px 12px;
                border: 1px solid #ddd;
                vertical-align: middle;
                padding: 6px 12px;
                text-decoration: none;
                border-radius: 4px;
            }


            .tcdPageCode span.current {
                display: inline-block;
                height: 36px;
                padding: 6px 12px;
                color: #0D0D0D;
                background-color: #CCCCCC;
                border: 1px solid #ddd;
                vertical-align: middle;
                text-decoration: none;
                border-radius: 4px;
            }

        .tcdPageCode-ellipsis {
            display: inline-block;
            width: 24px;
            text-align: center;
        }

        .tcdPageCode span.disabled {
            display: inline-block;
            height: 36px;
            line-height: 36px;
            padding: 0 12px;
            color: #bfbfbf;
            background: #f2f2f2;
            border: 1px solid #bfbfbf;
            border-radius: 4px;
            vertical-align: middle;
        }

        .sap-pagination {
            display: inline-block;
            padding-left: 0;
            margin: 5px 0 10px 0;
            border-radius: 4px;
        }

            .sap-pagination > li {
                display: inline;
            }


                .sap-pagination > li:first-child > a,
                .pagination > li:first-child > span {
                    margin-left: 0;
                    border-top-left-radius: 4px;
                    border-bottom-left-radius: 4px;
                }

                .sap-pagination > li > a,
                .pagination > li > span {
                    position: relative;
                    float: left;
                    padding: 0 12px;
                    margin-left: -1px;
                    line-height: 36px;
                    color: #337ab7;
                    text-decoration: none;
                    background-color: #fff;
                    border: 1px solid #ddd;
                }


        #spa-page-size {
            border: 0px;
            color: #868686;
            display: inline-block;
            text-align: left;
            padding-right: 10px;
        }
    }
}

.parent-code-modal-wrapper {

    #showParentCodePop {

        .ui-grid-contents-wrapper .ui-grid-render-container .ui-grid-cell-contents .ui-grid-header-cell-label,
        .ui-grid-tree-header-row {
            font-weight: normal !important;
        }

        .ui-grid-cell-contents {
            padding: 3px 0 0px 0px !important;
        }

        .ui-grid-top-panel {
            height: 30px;
        }


        .ui-grid-header-cell-wrapper {
            /*margin: 5px 0px!important;*/
            /*border-bottom: 1px solid #e4e4e4 !important;*/
        }

        .parentCodePopGrid {
            width: 700px;
            height: 450px;
        }

        .ui-grid-contents-wrapper .ui-grid-render-container .ui-grid-row {
            line-height: 40px;
        }

        .ui-grid {
            border-top: 1px solid #d4d4d4 !important;
        }

        .ui-grid-contents-wrapper .ui-grid-render-container .ui-grid-cell-contents .ui-grid-selection-row-header-buttons {
            margin: 0;
            border: 1px solid black;
            width: 22px;
        }

        .ui-grid-contents-wrapper .ui-grid-render-container .ui-grid-header-cell {
            background-color: #F1F1F1 !important;
            border-right: none;
        }

        .ui-grid-contents-wrapper .ui-grid-header-canvas {
            background-color: #F1F1F1 !important;
        }
        /*.ui-grid-selection-row-header-buttons{
            opacity: 0.2 !important;
        }*/
    }
}

.workflow-node-wrapper {


    .dropdown-header {
        padding: 0px 0px;
        /*display: block;
        
        font-size: 12px;
        line-height: 1.4285;
        color: black;
        white-space: nowrap;
        font-weight: bold;
        background-color: #eb8c00;
        cursor: auto;
        border-radius: 0px;
        outline: none !important;
        border: 1px;
        padding-bottom: 5px;
        padding-top: 5px;
        margin-top: -5px;*/
    }


    .brandedColor {
        color: grey;
        /*cursor: pointer;*/
    }


    .brandedDoneColor {
        color: #eb8c00;
        cursor: pointer;
    }

    .brandedFailedColor
    {
          color: red;
        cursor: pointer;
    }

    .disabledbutton {
        pointer-events: none;
        opacity: 0.4;
    }

    .rightMenu {
        position: absolute;
        float: right;
        top: 0;
        left: 30px;
    }

    .stickOut {
        position: relative;
        z-index: 999;
    }

    .paddingTop2 {
        padding-top: 2px;
    }
}