.x-tip {
    margin-top: -8px;
}

.x-tip .x-tip-body-default {
    padding: 4px !important;
}

.x-mask {
    width: auto !important;
    height: auto !important;
    top: 0 !important;
    right: 0 !important;
    left: 0 !important;
    bottom: 0 !important;
}

.x-grid-body {
    border-width: 1px;
}

.x-grid-locked .x-grid-inner-locked {
    border-width: 0 1px 0 0;
}

.x-grid-scrollbar-clipper-locked,
.x-grid-scrollbar-locked {
    border-width: 0 1px 0 0;
}

/*confirm*/
.x-messagebox .x-panelheader-body-el {
    border-bottom: 1px solid #e8e8e8;
}

.x-messagebox .x-messagebox-body-el {
    padding: 10px;
}

.x-messagebox .x-toolbar-footer .x-toolbar-body-el {
    background: #f5f6f8;
    border-top: 1px solid #e8e8e8;
}

/*grid*/
.x-grid-row-editor-buttons-default-bottom {
    background: #fff;
    box-shadow: 2px 2px 3px 0 rgb(0 0 0 / 12%), 2px 2px 3px 0 rgb(0 0 0 / 8%);
}

/*-分页*/
.tmPaging {
    font-size: 12px !important;
    font-weight: 100 !important;
}

.tmPaging .x-btn-plain-toolbar-small {
    padding: 5px;
}

.tmPaging .x-toolbar-text-default {
    padding: 5px;
    font-size: 12px
}

.tmPaging .x-btn-icon-el.x-tbar-loading:before {
    font-size: 12px;
}

/*-弹窗*/
/*-底部操作条*/
.tmToolbar>.x-toolbar-body-el {
    background: #f5f6f8;
    border-top: 1px solid #e8e8e8;
}

/*-Form*/
.tmFieldBox>div>div>div {
    padding-bottom: 10px;
}

/*--Toggle*/
.tmFieldToggle .x-slider-thumb {
    background-color: #2196f3 !important;
    border-radius: 9px;
}

.tmFieldToggle .x-slider {
    max-width: 32px;
    height: 18px;
}

.tmFieldToggle .x-slider:before {
    border-radius: 8px;
    height: 16px;
    margin-top: -7px;
    background-color: #e2e2e2;
}

.tmFieldToggle .x-slider-thumb:before {
    color: #fff !important
}

.tmFieldToggle-toggled .x-slider:before {
    background-color: #64b5f6;
}

/**/
.tmBaseRange .x-box-target>.x-form-item:first-child .x-form-trigger-wrap {
    border-right: 0
}

.tmBaseRange .x-box-target>.x-form-item-label {
    border: 1px solid #d0d0d0;
    border-left: 0;
    border-right: 0;
    background: #f3f3f3
}

.tmBaseRange .x-box-target>.x-form-item:last-child .x-form-trigger-wrap {
    border-left: 0
}

/*--子表*/
.tmFieldChildGrid {
    min-height: 220px;
    width: 100% !important
}

.tmFieldFile .x-form-text-field-body-default {
    max-width: none;
    min-width: auto
}

/*--文件上传*/
.tmFieldFileTip {
    line-height: 20px;
    color: #666;
    font-size: 12px;
}

.tmFieldFileList {
    width: 300px
}

.tmFieldFileItem .x-box-target .x-component {
    font-size: 12px;
    line-height: 20px;
}

.tmFieldFileItem .x-box-target .x-btn {
    padding: 0;
    margin: 0;
    border: 0;
    background: none;
    margin-right: 5px;
}

.tmFieldFileItem .x-box-target .tmicon {
    color: #f00;
    font-weight: bold;
    line-height: 20px;
    height: 20px;
}

/*--图片上传*/
.tmFieldImageList {
    display: block;
}

.tmFieldImageBtn {
    display: block;
    float: left;
    width: 128px;
    height: 128px;
    margin: 0 10px 10px 0;
    background: none !important;
    border: 1px solid #ccc;
}

.tmFieldImageBtn .tmicon {
    width: 48px;
    height: 48px;
    line-height: 48px;
    font-size: 48px;
    text-align: center;
    color: #000;
}

.tmFieldImageBtn:hover .tmicon {
    color: var(--base-pressed-color);
}

.tmFieldImageItem {
    display: block;
    float: left;
    margin-right: 10px;
    margin-bottom: 10px;
    width: 128px;
    height: 128px;
}

.tmFieldImageItem .x-box-target {
    max-width: 128px;
    max-height: 128px;
}

.tmFieldImageItem .x-box-target .x-component {
    position: absolute;
    width: 128px;
    height: 128px;
    vertical-align: middle;
    left: 0 !important;
    top: 0 !important;
    z-index: 2;
    border: 1px solid #ccc;
    text-align: center;
}

.tmFieldImageItem .x-box-target .imgBox {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center
}

.tmFieldImageItem .x-box-target .x-component img {
    max-width: 100%;
    max-height: 100%;
}

.tmFieldImageItem .x-box-target .x-btn {
    padding: 5px;
    margin: 0;
    border: 0;
    background: none;
    position: absolute;
    z-index: 3;
    left: auto !important;
    right: 0 !important;
}

.tmFieldImageItem .x-box-target .tmicon {
    color: #666;
    font-weight: bold;
    line-height: 20px;
    height: 20px;
}


.tmFieldImageItem .x-box-target .tmicon:hover {
    color: var(--base-pressed-color);
}

/*--富文本*/
.tmFieldRich .x-form-trigger-wrap {
    border: 0
}

.tmFieldRich .ck.ck-content {
    min-height: 200px;
}

.ck-powered-by-balloon {
    display: none !important
}

/*-Grid*/
.gridColumnHideIcon .x-grid-cell-treecolumn .x-tree-icon {
    display: none
}

/*--Column*/
.tmColumnAction .x-action-col-icon {
    margin-left: 5px;
}

.grid-tdCls-def {
    color: #333
}

.grid-tdCls-red {
    color: #F30
}

.grid-tdCls-blue {
    color: #06F
}

/*-CURD*/
/*--主工具栏*/
.tmToolbar {
    background: #f1f1f1
}

.tmCurdMainBar {
    border-bottom: 1px solid #d0d0d0 !important
}

/*指标卡*/
.tmStatisCard {
    border-radius: 2px;
}

.tmStatisCard>.x-header {
    border-radius: 2px 2px 0 0;
    border-color: #eee !important;
    background: #fff !important;
}

.tmStatisCard>.x-header::after {
    left: 0;
    bottom: 0;
    position: absolute;
    display: block;
    content: " ";
    width: 100% !important;
    height: 1px !important;
    background: #eee;
}

.tmStatisCard>.x-header .x-title-text {
    color: rgba(0, 0, 0, .85);
}

.tmStatisCard>.x-panel-bodyWrap>.x-panel-body {
    border-radius: 0 0 2px 2px;
    border-color: #eee !important;
}

/*指标*/
.tmStatis-header-title {
    margin-bottom: 4px;
    color: rgba(42, 46, 54, 0.45);
    font-size: 14px;
    line-height: 22px;
}

.tmStatisPointer {
    cursor: pointer;
    
}

.tmStatis-header-top {
    margin-left: 4px;
    margin-bottom: 4px;
    color: rgba(42, 46, 54, 0.45);
    font-size: 14px;
    line-height: 22px;
}

.tmStatis-content-prefix {
    color: rgba(42, 46, 54, 0.88);
    font-size: 24px;
    margin-right: 4px;
    line-height: 38px;
}

.tmStatis-content-value {
    color: rgba(42, 46, 54, 0.88);
    font-size: 24px;
    line-height: 38px;
}

.tmStatis-content-suffix {
    color: rgba(42, 46, 54, 0.88);
    font-size: 24px;
    margin-left: 4px;
    line-height: 38px;
}

.tmStatis-description {
    font-size: 12px;
    line-height: 22px;
}