.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; } }