.row_tab {
    position: relative;
    display: flex;
    align-items: center;
    .row_monitors {
        display: flex;
        padding: 0 10px;
        flex-flow: row wrap;
        row-gap: 8px;
        .col {
            position: relative;
            max-width: 100%;
            min-height: 1px;
            .item {
                display: flex;
                justify-content: center;
                align-items: center;
                height: 30px;
                min-width: 80px;
                padding: 0 8px;
                transform: skew(30deg);
                border: 1px solid rgba(0,255,252,.35);
                cursor: pointer;
                span {
                    transform: skew(-30deg);
                    color: #09c;
                }
                &.select {
                    background-color: #09c;
                    span {
                        color: #fff;
                    }
                }
            }
        }
    }
    .search-form {
        flex: 1;
        display: flex;
        position: relative;
        align-items: center;
        padding-right: 24px;
        justify-content: flex-end;
        .form-type {
            position: relative;
            right: 14px;
            top: -5px;
        }
        .form-date {
            position: relative;
            width: 260px;
            .el-date-editor {
                width: 100%;
            }
        }
    }
}
.row_data_statistics {
    display: flex;
    flex-flow: row wrap;
    width: 100%;
    row-gap: 0;
    margin-top: 14px;
    .statistics_item_container {
        width: 50%;
        .statistics_item {
            height: 80px;
            width: 100%;
            display: flex;
            justify-content: space-around;
            align-items: center;
            &.blue {
                background-color: rgba(0,153,204,.55);
                border: 1px solid rgba(0,153,204,.65);
            }
            &.purple {
                background-color: rgba(153,51,255,.55);
                border: 1px solid rgba(153,51,255,.65);
            }
            .left_text {
                color: hsla(0,0%,100%,.85);
                text-align: center;
                width: 50%;
                .number {
                    font-size: 1.2em;
                    font-weight: 500;
                    color: hsla(0,0%,100%,.85);
                }
                .text {
                    font-size: 1em;
                }
            }
            .divider {
                position: relative;
                display: inline-block;
                margin: 0 8px;
                vertical-align: middle;
                border-top: 0;
                border-left: 1px solid hsla(0,0%,100%,.3);
                padding-left: 6px;
                padding-right: 6px;
                height: 60%;
                top: -.06em;
                color: rgba(0,0,0,.85);
                font-size: 14px;
                font-variant: tabular-nums;
                line-height: 1.5715;
                list-style: none;
                font-feature-settings: "tnum","tnum";
            }
            .right_text {
                width: 50%;
                font-size: 1em;
                color: hsla(0,0%,100%,.85);
                line-height: 30px;
            }
        }
    }
}
.row_radio_group {
    position: relative;
    margin: 14px 0;
    .el-radio-group .el-radio {
        height: 26px;
        --el-radio-text-color: #09c;
        --el-border: var(--el-border-width) var(--el-border-style) #09c;
        --el-radio-input-border-color: #09c;
        --el-radio-input-border-color-hover: #00fffc;
        &.is-checked {
            --el-color-primary: #00fffc;
            --el-color-white: #09c;
        }
    }
}
.data_container {
    position: relative;
    width: 100%;
    height: calc(100% - 200px);
    .data_table_box {
        position: relative;
        height: calc(100% - 55px);
        .el-table {
            --el-table-header-text-color: hsla(0,0%,100%,.85);
            --el-table-header-bg-color: rgba(0,153,204,.85);
            --el-table-border-color: rgba(0,153,204,.3);
            --el-table-text-color: rgba(0,153,204,.85);
            --el-table-row-hover-bg-color: rgb(41 41 65);
        }
    }
    .data_page_box {
        position: relative;
        display: flex;
        justify-content: flex-end;
        margin-top: 20px;
        .el-pagination {
            --el-color-primary: #09c;
            --el-text-color-regular: #09c;
            --el-disabled-bg-color: rgba(0,153,204,.1);
            --el-pagination-button-bg-color: rgba(0,153,204,.3);
        }
    }
}
