.DATAGRID-BOX{padding:10px 0;padding-right:10px;height:100%;width:100%}.DATAGRID-BOX table>span,.DATAGRID-BOX td>span,.DATAGRID-BOX th>span{width:-moz-max-content;width:max-content;display:flex;width:100%;justify-content:center}.DATAGRID-BOX table>span.fliter-select,.DATAGRID-BOX td>span.fliter-select,.DATAGRID-BOX th>span.fliter-select{width:100%}.DATAGRID-BOX table span,.DATAGRID-BOX td span,.DATAGRID-BOX th span{font-size:15px;font-weight:400}.DATAGRID-BOX td{border:1px solid #ccc}.DATAGRID-BOX .table-container{height:100%}.DATAGRID-BOX .table-container .scroll-box{border:1px solid #ccc;width:inherit;max-width:-webkit-fill-available;height:calc(100% - 50px);overflow:auto}.DATAGRID-BOX .table-container table{table-layout:fixed;height:calc(100% - 42px);position:relative;min-width:-moz-fit-content;min-width:fit-content;font-weight:700;width:auto;border-collapse:collapse;padding:0;margin:0}.DATAGRID-BOX .table-container table div{font-size:15px;font-weight:400}.DATAGRID-BOX .table-container table thead{position:sticky;top:0;z-index:9}.DATAGRID-BOX .table-container table thead tr.title-tr{position:sticky;top:0;z-index:1;display:block}.DATAGRID-BOX .table-container table thead tr.title-tr td{width:auto;padding:0 0 0 25px;height:35px;line-height:35px;text-align:center;word-break:normal;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:sticky;top:0;border-top:0;border-left:0}.DATAGRID-BOX .table-container table thead tr.title-tr td.center,.DATAGRID-BOX .table-container table thead tr.title-tr td.opt{margin:0 auto;padding:0 5px}.DATAGRID-BOX .table-container table thead tr.title-tr td .label{display:flex;width:100%;height:35px}.DATAGRID-BOX .table-container table thead tr.title-tr td .label .name{flex:1;cursor:grab}.DATAGRID-BOX .table-container table thead tr.title-tr td .label .sort{width:25px;height:35px;cursor:pointer}.DATAGRID-BOX .table-container table thead tr.filter-tr{display:block;position:sticky;top:36px;z-index:9}.DATAGRID-BOX .table-container table thead tr.filter-tr td{position:sticky;top:36px;text-align:center;height:35px;border-left:0;border-top:0}.DATAGRID-BOX .table-container table thead tr.filter-tr td.filter{height:25px;padding:5px;text-align:center}.DATAGRID-BOX .table-container table tbody{position:relative;display:block;width:100%}.DATAGRID-BOX .table-container table tbody.noResult{display:none}.DATAGRID-BOX .table-container table tbody tr td{height:35px;border-left:0}.DATAGRID-BOX .table-container table tbody tr td .col-container{padding:5px;height:100%;width:100%;display:flex;align-items:center}.DATAGRID-BOX .table-container table tbody tr td .col-container.col-checkbox{display:flex;justify-content:center;text-align:center}.DATAGRID-BOX .table-container table tbody tr td.isNoTextBreak .col-container{word-break:keep-all;white-space:nowrap}.DATAGRID-BOX td:focus{outline:none}.DATAGRID-BOX .resize-line{position:absolute;top:0;right:0;bottom:0;width:1px;cursor:col-resize}.DATAGRID-BOX .page-box{padding:10px 0 0 0;display:flex;justify-content:flex-start;align-items:center}.DATAGRID-BOX /deep/ .ivu-select-arrow{top:50%}.spin-icon-load{animation:ani-spin 1s linear infinite}@keyframes ani-spin{0%{transform:rotate(0deg)}50%{transform:rotate(180deg)}to{transform:rotate(1turn)}}.spin-col{height:100px;position:relative;border:1px solid #eee}.overlay{width:100%;height:100%;transition:all .6s cubic-bezier(.335,.01,.03,1.36)}.overlay.show{opacity:1;visibility:visible}.overlay.hide{opacity:0;visibility:hidden;height:0}.overlay /deep/.ivu-spin-fix .ivu-spin-main{top:200px;left:200px}.DATAGRID-BOX .ivu-checkbox-wrapper{margin-right:0}.DATAGRID-BOX .floatLabelBox-container{border-bottom:0!important}.DATAGRID-BOX .AutoComplete{padding-top:0!important}.DATAGRID-BOX .AutoComplete input{border:1px solid #dcdee2!important;background-color:#fff!important}.DATAGRID-BOX .search-btn.ivu-btn.ivu-btn-text:hover:hover{background-color:transparent!important}