body.f-body {
    /*padding: 5px;*/
}

.marginr {
    margin-right: 5px;
}

.clear {
    clear: both;
}

ul.result, ol.result {
    margin: 10px 0;
    padding: 0;
    border-top: solid 1px #ddd;
}

    ul.result li, ol.result li {
        list-style-type: none;
        margin: 0;
        padding: 5px;
        border-bottom: solid 1px #ddd;
    }

.f-shadow {
    box-shadow: 5px 5px 20px 0 #4e4e4e;
}

/*Grid列自动换行*/
.f-grid-cell .f-grid-cell-inner {
    white-space: normal;
    word-break: break-all;
}
/*Grid表头自动换行*/
.f-grid-colheader .f-grid-colheader-text {
    white-space: normal;
    word-break: break-all;
}

table.result {
    margin: 10px 0;
    width: 500px;
    border-collapse: collapse;
}

    table.result th {
        font-weight: bold;
    }

    table.result td, table.result th {
        border-bottom: solid 1px #ddd;
        padding: 5px;
        text-align: left;
    }


.highlight {
    font-weight: bold;
    color: red;
}

.display_none {
    display: none;
}

/*Grid合计行样式*/
.f-grid-summary-bottom .f-grid-table-summary.f-grid-row-lines .f-grid-cell {
    background-color: #b8b8b8;
    color: #fff;
}

/*不显示Grid单元格编辑后左上角的红色标识*/
.f-grid-cell.f-grid-cell-dirty{
    background-image:none !important;
}

/*主按钮文字样式*/
.f-btn.f-state-default.f-btn-color-primary i:nth-of-type(1) {
    color: #fff !important;
}

.btn {
    border: none !important;
    color: #fff !important;
}
    .btn i {
        color: #fff !important;
    }

    .btn.red {
        background-color: #ff4d4f !important;
        
    }
        .btn.red:hover {
            background-color: #ff7875 !important;
        }

    .btn.blue {
        background-color: #4096ff !important;
    }

        .btn.blue:hover {
            background-color: #69b1ff !important;
        }

    .btn.green {
        background-color: #52c41a !important;
    }

        .btn.green:hover {
            background-color: #b1eb84 !important;
        }

    .btn.yellow {
        background-color: #faad14 !important;
    }

        .btn.yellow:hover {
            background-color: #ffd666 !important;
        }

    .btn.purple {
        background-color: #9254de !important;
    }

        .btn.purple:hover {
            background-color: #b37feb !important;
        }

    .btn.magenta {
        background-color: #f759ab !important;
    }

        .btn.magenta:hover {
            background-color: #ff85c0 !important;
        }

/* 单元格颜色样式 */
.cell_color_yellow {
    background-color: #ffa502;
    color: #fff;
}

    .cell_color_yellow a {
        color: #fff;
    }

.cell_color_green {
    background-color: #2ed573;
    color: #fff;
}

    .cell_color_green a {
        color: #fff;
    }

.cell_color_red {
    background-color: #ff4d4f;
    color: #fff;
}

    .cell_color_red a {
        color: #fff;
    }

/* 自定义表格内按钮样式 */
/* 自定义表格内按钮基本样式，需将LinkButtonField的AttributeDataTag属性设置为：cellBtn */
.cell_btn {
    border-radius: 6px;
    border: none !important;
    margin: 0.5px !important;
    color: #fff !important;
    padding: 5px 10px;
}
    .cell_btn.left {
        border-top-right-radius:0px;
        border-bottom-right-radius:0px;
    }
    .cell_btn.center {
        border-radius: 0px;
    }
    .cell_btn.right {
        border-top-left-radius: 0px;
        border-bottom-left-radius: 0px;
    }
/* 取消包含按钮单元格的padding，防止行过高 */
td:has(.cell_btn) div {
    padding:1px 0px !important;
}
    .cell_btn:hover {
        cursor: pointer;
    }
    .cell_btn i:nth-of-type(1) {
        color: #fff !important;
    }
    /*红色*/
    .cell_btn.red {
        background-color: #ff4d4f !important;
    }
        .cell_btn.red:hover {
            background-color: #ff7875 !important;
        }
    /*蓝色*/
    .cell_btn.blue {
        background-color: #4096ff !important;
    }
        .cell_btn.blue:hover {
            background-color: #69b1ff !important;
        }
    /*绿色*/
    .cell_btn.green {
        background-color: #52c41a !important;
    }
        .cell_btn.green:hover {
            background-color: #b1eb84 !important;
        }
    /*黄色*/
    .cell_btn.yellow {
        background-color: #faad14 !important;
    }
        .cell_btn.yellow:hover {
            background-color: #ffd666 !important;
        }
    /*紫色*/
    .cell_btn.purple {
        background-color: #9254de !important;
    }
        .cell_btn.purple:hover {
            background-color: #b37feb !important;
        }
    /*洋红色*/
    .cell_btn.magenta {
        background-color: #f759ab !important;
    }
        .cell_btn.magenta:hover {
            background-color: #ff85c0 !important;
        }

/*动效*/
.f-badge {
    animation: flash;
    animation-duration: 3s;
    animation-iteration-count: infinite;
}

.f-window {
    animation: pulse;
    /*animation: fadeInDown;*/
    animation-duration: 0.2s;
}