/* _content/SmartAnswer/Components/Chat/ChatTag.razor.rz.scp.css */
/* _content/SmartAnswer/Components/Toolbar/DxGridSearchToolBar.razor.rz.scp.css */
.tb-icon[b-bdkmu7lhja] {
    width: 1rem;
    height: 1rem;
    background-size: contain;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    background-position: center center;
    background-color: currentColor;
    opacity: 0.7;
}

.tb-icon-settings[b-bdkmu7lhja] {
    mask-image: url("../images/icons/settings.svg");
    -webkit-mask-image: url("../images/icons/settings.svg");
}

.tb-icon-refresh[b-bdkmu7lhja] {
    mask-image: url("../images/icons/refresh.svg");
    -webkit-mask-image: url("../images/icons/refresh.svg");
}

.icon-logo[b-bdkmu7lhja] {
    display: flex;
    height: 20px;
    width: 120px;
    opacity: 0.7;
    background-color: currentColor;
    mask-repeat: no-repeat;
    -webkit-mask-repeat: no-repeat;
    mask-image: url("../images/icons/logo-monochrome.svg");
    -webkit-mask-image: url("../images/icons/logo-monochrome.svg");
}

.toolBarStyle[b-bdkmu7lhja]{
    margin-left:10px;
}


/* _content/SmartAnswer/Components/Toolbar/SearchItem.razor.rz.scp.css */
.search[b-bcq798ltc3] {
    padding: 0.25rem;
    position: relative;
    min-width: 123px;
}

    .search .search-input[b-bcq798ltc3] {
        padding-right: calc(24px+0.5rem);
    }

    .search .search-button[b-bcq798ltc3] {
        right: 0px;
        top: 0px;
        pointer-events: auto;
        z-index: 3;
        width: auto;
        display: flex;
        align-items: center;
        height: 100%;
        position: absolute;
    }

        .search .search-button .search-icon[b-bcq798ltc3] {
            background-color: currentColor;
            width: 16px;
            height: 16px;
            mask-image: url("images/icons/search.svg");
            -webkit-mask-image: url("images/icons/search.svg");
            opacity: 0.6;
        }
/* _content/SmartAnswer/Pages/ChannelSupportConfigView.razor.rz.scp.css */
/* _content/SmartAnswer/Pages/Chat/ChatLeftTree.razor.rz.scp.css */
/* 基础容器 */
.chat-tree[b-4fdd311rgu] {
    width: 100%;
    height: 100%;
    background-color: #ffffff;
    min-width: 240px;
}

.chat-tree__container[b-4fdd311rgu] {
    height: 95%;
    width: 100%;
}

.chat-tree__list[b-4fdd311rgu] {
    overflow-y: auto;
}

/* 分组样式 */
.chat-tree__group[b-4fdd311rgu] {
    padding: 8px;
}

.chat-tree__group-content[b-4fdd311rgu] {
    display: flex;
    align-items: center;
    gap: 4px;
}

.chat-tree__group-name[b-4fdd311rgu] {
    font-weight: 500;
    color: #1f2937;
    margin-left: 4px;
}

.chat-tree__group-count[b-4fdd311rgu] {
    font-size: 0.875rem;
}

.chat-tree__group-toggle[b-4fdd311rgu] {
    cursor: pointer;
    transition: all 0.2s ease;
    margin-left: 4px;
}

.chat-tree__group-toggle:hover[b-4fdd311rgu] {
    color: #1f2937;
}

/* 聊天项样式 */
.chat-tree__item[b-4fdd311rgu] {
    padding: 8px;
    cursor: pointer;
    transition: all 0.2s ease;
}


.chat-tree__item:hover[b-4fdd311rgu] {
    background-color: #f3f4f6;
}

.chat-tree__item-content[b-4fdd311rgu] {
    display: flex;
    gap: 8px;
    align-items: flex-start;
}

/* 头像样式 */
.chat-tree__avatar[b-4fdd311rgu] {
    flex-shrink: 0;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    overflow: hidden;
    margin-right: 4px;
}

.chat-tree__avatar-img[b-4fdd311rgu] {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* 信息区域 */
.chat-tree__info[b-4fdd311rgu] {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.chat-tree__header[b-4fdd311rgu] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}

.chat-tree__name[b-4fdd311rgu] {
    font-weight: 500;
    color: #1f2937;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 120px;
}

.chat-tree__time[b-4fdd311rgu] {
    font-size: 0.75rem;
    color: #6b7280;
    flex-shrink: 0;
    margin-left: auto;
}

.chat-tree__body[b-4fdd311rgu] {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.chat-tree__message-row[b-4fdd311rgu] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}

.chat-tree__message[b-4fdd311rgu] {
    color: #1f2937;
    font-size: 0.875rem;
    white-space: nowrap;
    text-overflow: ellipsis;
    flex: 1;
    margin-right: 8px;
}

.chat-tree__channel[b-4fdd311rgu] {
    font-size: 0.75rem;
    color: #6b7280;
    white-space: nowrap;
    flex-shrink: 0;
}

/* 客服状态图标样式 */
.class_online[b-4fdd311rgu] {
    background-color: #00c800;
    color: #fff;
    border-radius: 10px;
    display: inline-block;
    font-size: 12px;
    width: 8px !important;
    height: 8px !important;
}

.class_offline[b-4fdd311rgu] {
    background-color: #9a9a9a;
    color: #fff;
    border-radius: 10px;
    display: inline-block;
    font-size: 12px;
    width: 8px !important;
    height: 8px !important;
}

.class_hiding[b-4fdd311rgu] {
    background-color: #f25d5d;
    color: #fff;
    border-radius: 10px;
    display: inline-block;
    font-size: 12px;
    width: 8px !important;
    height: 8px !important;
}
/* _content/SmartAnswer/Pages/Chat/HistoryChat.razor.rz.scp.css */


.gridlayout-item[b-2fy177nk3a] {
    height: 100%;
    position: relative;
    z-index: 0;
    display: flex;
    align-items: start;
    justify-content: center;
}

    .gridlayout-item[b-2fy177nk3a]:before {
        content: " ";
        position: absolute;
        z-index: -1;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
    }


.gridlayout-content[b-2fy177nk3a]:before {
}

.gridlayout-footer[b-2fy177nk3a] {
    padding-bottom: 2rem;
    padding-top: 5px;
}

    .gridlayout-footer[b-2fy177nk3a]:before {
    }

.gridlayout-left-side-bar[b-2fy177nk3a] {
    padding: 0rem 1rem 2rem 1rem;
    overflow-y: auto;
    background-color: #F5F5F5;
    box-shadow: 1px 0px 5px #dfdddd;
}

    .gridlayout-left-side-bar[b-2fy177nk3a]:before {
    }

@media (max-width: 575.98px) {
    .gridlayout-item[b-2fy177nk3a] {
        font-size: 0.9em;
    }
}

.wy-qm-default-tips[b-2fy177nk3a] {
    margin: -3px 0 0 0.5rem;
    background: #9a9a9a;
    color: #fff;
    vertical-align: middle;
    position: relative;
    width: 1rem;
    height: 1rem;
    line-height: 1.1rem;
    font-size: 0.9rem;
    text-align: center;
    border-radius: 50%;
    display: inline-block;
}

.logo-box[b-2fy177nk3a] {
    text-align: center;
    padding: 1rem 0;
}

.robot-box[b-2fy177nk3a] {
    padding: 1rem 0 0 1rem;
    display: inline-flex;
}

.robot-photo-box[b-2fy177nk3a] {
    display: inline-block;
}

.robot-photo[b-2fy177nk3a] {
    width: 32px;
    height: 32px;
    border-radius: 10px;
}

.robot-content[b-2fy177nk3a] {
    display: inline-block;
    width: 93%;
    padding-left: 10px;
}

[b-2fy177nk3a] .robot-content > p {
    margin-bottom: 0;
}

/*提问框整体框架*/
.class_sendBox_div[b-2fy177nk3a] {
    width: 100%;
    /*min-height: 65px !important;
    max-height: 185px !important;*/
    padding-left: 5px;
    padding-right: 5px;
    border-top: 2px solid #A9A9A9 !important;
    /*padding: 0 5px 0 5px;*/
}
/*提问框按钮*/
.sendBox[b-2fy177nk3a] {
    position: relative;
    width: 100%;
    height: auto;
    float: left;
    padding-left: 5px;
    padding-top: 5px;
}

.send-group-button[b-2fy177nk3a] {
    position: absolute;
    display: inline-block;
    background-color: #1d93ab;
    border-radius: 10px;
    right: 10px;
    top: 50%;
}

.disable-button[b-2fy177nk3a] {
    opacity: 0.5;
}

.input-box-button[b-2fy177nk3a] {
    height: 2rem;
    width: 3.5rem;
    background-color: #1d93ab;
    border-radius: 10px;
    color: #ffffff;
    outline: none;
    border: none;
}

.modelChatBox[b-2fy177nk3a] {
    min-width: 400px;
    width: 100%;
    padding: 0 20px;
    overflow-y: auto;
    height: 80%;
}


.ImgButtonBoxCss[b-2fy177nk3a] {
    border: solid 1px #E8E9EB;
    border-radius: 7px;
    max-width: 95%;
    cursor: pointer;
    padding: 10px 0;
}

.ImgButtonBoxCss-selected[b-2fy177nk3a] {
    border: solid 1px #04519F;
    background-color: #EEF3FE;
}

.ImgButtonBoxCss-disabled[b-2fy177nk3a] {
    cursor: inherit;
}

.ImgButtonBoxCss .gridlayout-img[b-2fy177nk3a] {
    align-items: center;
}

.ImgButtonBoxCss .gridlayout-remark[b-2fy177nk3a] {
    color: #5c5f66;
    font-size: 12px;
    line-height: 20px;
    justify-content: left;
}

.ImgButtonBoxCss .gridlayout-text[b-2fy177nk3a] {
    font-size: 14px;
    font-weight: 500;
    line-height: 32px;
    justify-content: left;
}

.answerRemarkCss[b-2fy177nk3a] {
    color: #84868c;
    line-height: 30px;
    font-size: 12px;
}

.modelDetailBoxCss[b-2fy177nk3a] {
    display: flex;
    justify-content: space-between;
    line-height: 40px;
}

    .modelDetailBoxCss .left[b-2fy177nk3a] {
        font-size: 14px;
    }

    .modelDetailBoxCss .right[b-2fy177nk3a] {
        color: #04519F;
    }

.modelDetailBoxCss[b-2fy177nk3a] {
    width: 100%;
    height: 40px;
    margin-top: 10px;
    border: 1px solid;
}

.class_user_radius[b-2fy177nk3a] {
    border-radius: 3px;
    border-bottom: 1px solid #A9A9A9 !important;
}

.class_user_border[b-2fy177nk3a] {
    border: 1px solid #A9A9A9 !important;
}

.class_user_border_box[b-2fy177nk3a] {
    width: 100%;
    height: 100%;
}

/* 左侧当前会话客户区域 鼠标移入移出 背景色 */
.class_userlistbox_color[b-2fy177nk3a] {
    background-color: #D9D9D9;
}
/* 左侧当前会话客户区域 选中客户 背景色 */
.class_userlistbox_color_checked[b-2fy177nk3a] {
    background-color: #D9D9D9;
}

/* 测试：客户1001被选中 左侧当前会话客户区域 选中客户 背景色 */
/*#UserListBoxTemplate_1001 {
    background-color: #D9D9D9;
}*/

.class_form_div[b-2fy177nk3a] {
    width: 100%;
    min-width: 240px !important;
}

/* 左侧当前会话用户列表区域 */
.questionUserList-box[b-2fy177nk3a] {
    padding-top: 0.2rem;
    padding-bottom: 0.6rem;
}

.msgContentDiv[b-2fy177nk3a] {
    width: 100% !important;
    padding-top: 3px;
    float: left;
}

/* 左侧当前会话用户列表-标题区 */
.questionUserList-title[b-2fy177nk3a] {
    width: 100%;
    height: 50px;
    margin-top: 5px;
    padding: 15px 5px 15px 5px;
    /*text-align: left;*/
    float: left;
    font-size: 14px;
    /*background-color: #F5F5F5;*/
    /*border-radius: 3px;*/
    /*border-top: 2px solid #A9A9A9 !important;*/
}

    .questionUserList-title .content-text[b-2fy177nk3a] {
        float: left;
        width: 90%;
    }

    .questionUserList-title .content-icon[b-2fy177nk3a] {
        float: right;
        width: 10%;
    }


/* 左侧用户列表-空头像 */
.questionUserList-photo[b-2fy177nk3a] {
    background-color: #2196F4;
    color: #fff;
    border-radius: 10px;
    display: inline-block;
    padding: 7px 4px;
    font-size: 12px;
}

/* 左侧"我的对话"用户列表-div */
.questionUserList-div[b-2fy177nk3a] {
    width: 100%;
    min-width: 240px !important;
    /*padding-top: 20px;*/
}
/* 左侧"同事的对话"用户列表-div */
.questionUserListOther-div[b-2fy177nk3a] {
    width: 100%;
    padding-top: 20px;
}
/* 左侧"排队"用户列表-div */
.questionUserListQueue-div[b-2fy177nk3a] {
    width: 100%;
    padding-top: 20px;
}

/* 我的对话-展开用户列表 */
.questionUserList-open[b-2fy177nk3a] {
    /*height:80% !important;*/
    /*margin-bottom: 100%;*/
    min-height: 80vh;
}

/* 左侧显示用户区域 */
.user-box[b-2fy177nk3a] {
    width: 100%;
    /*height: 60px;
    padding: 0.5rem 0 0 0.5rem;*/
    display: inline-flex;
}

.user-photo-box[b-2fy177nk3a] {
    width: 32px;
    height:35px;
    float: left;
    display: inline-block;
}

.user-photo[b-2fy177nk3a] {
    width: 32px;
    height: 32px;
    border-radius: 10px;
}

.user-content-box[b-2fy177nk3a] {
    display: inline-block;
    width: 88%;
    /*height: 40px;*/
    float: left;
    padding-left:5px;
}

    .user-content-box .userName[b-2fy177nk3a] {
        width: 70%;
        max-width: 350px;
        min-width: 150px;
        float: left;
        text-align: left;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
    }

    .user-content-box .lastTime[b-2fy177nk3a] {
        width: 30%;
        max-width: 90px;
        float: left;
        text-align: right;
        padding-right: 5px;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
    }

    .user-content-box .lastQuestion[b-2fy177nk3a] {
        width: 70%;
        max-width: 300px;
        min-width: 150px;
        float: left;
        text-align: left;
        white-space: nowrap;
        overflow: hidden;
        color: #F94906;
        text-overflow: ellipsis;
    }

    .user-content-box .TopStar[b-2fy177nk3a] {
        float: right;
        width: 20%;
        padding-left: 10px;
        padding-right: 5px;
    }

    .user-content-box .staricon[b-2fy177nk3a] {
        width: 20px;
        height: 20px;
        float: right;
        margin-right: 10px;
    }

.channelName[b-2fy177nk3a] {
    float: left;
    width: 30%;
    max-width: 90px;
    text-align: right;
    padding-left: 5px;
    padding-right: 5px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

[b-2fy177nk3a] .user-content-box > p {
    margin-bottom: 0;
}

/* 右侧整体对话区域 */
.answerQuestion-box[b-2fy177nk3a] {
    /*padding-top: 1rem;*/
    padding-top: 0.2rem;
    padding-bottom: 0.6rem;
}

/* 右侧客户回复区域 */
.questionUser-box[b-2fy177nk3a] {
    /*background-color: #F5F5F5;*/
    width: 100%;
    float: left;
    border-radius: 10px;
    padding: 0.5rem 0 0.5rem 0.5rem;
}

    /* 右侧客户回复区域-标题：头像+昵称+时间 */
    .questionUser-box .questionUser-title[b-2fy177nk3a] {
        height: 32px;
        width: 100%;
        float: left;
    }
    /* 右侧客户头像 */
    .questionUser-box .questionUser-photo[b-2fy177nk3a] {
        background-color: #2196F4;
        color: #fff;
        border-radius: 10px;
        display: inline-block;
        padding: 7px 4px;
        font-size: 12px;
        width: 32px !important;
        height: 32px !important;
    }
    /* 右侧客户回复区域-回复内容 */
    .questionUser-box .questionUser-content[b-2fy177nk3a] {
        display: inline-block;
        /*width: 100%;*/
        background-color: #F5F5F5;
        float: left;
        margin-left: 20px;
        border-radius: 10px;
        padding: 1rem;
    }
    /* 右侧客户回复区域-回复内容-具体消息标题 */
    .questionUser-box .questionUser-content-title[b-2fy177nk3a] {
        display: inline-block;
        width: auto;
        float: left;
        margin-left: 37px;
        border-radius: 10px;
    }

/* 待下载文件 右侧“下载”小图标 */
.download-icon-box[b-2fy177nk3a] {
    width: 23px;
    height: 20px;
    padding-left: 3px;
    cursor: pointer;
}

.download-icon[b-2fy177nk3a] {
    width: 20px;
    height: 20px;
    border-radius: 10px;
    background-color: white;
}



/* 右侧客服回复区域 */
.answerUser-box[b-2fy177nk3a] {
    /*width:100%;
    padding: 1rem 0 0 1rem;
    display: inline-flex;*/

    width: 100%;
    float: right;
    border-radius: 10px;
    padding: 0.5rem 0.5rem 0.5rem 0.5rem;
}

    /* 右侧客服回复区域-客服回复-标题：名称+时间 */
    .answerUser-box .answerUser-title[b-2fy177nk3a] {
        width: 100%;
        float: right;
        padding: 0.5rem 0 0.5rem 0.5rem;
    }

    /* 右侧客服回复区域-客服回复-内容 */
    .answerUser-box .answerUser-content[b-2fy177nk3a] {
        display: inline-block;
        /*width: 100%;*/
        float: right;
        background-color: #D9EDFA;
        border-radius: 10px;
        padding: 1rem;
    }

/* 当前对话窗口-内部消息-内容 */
.inner-content[b-2fy177nk3a] {
    background-color: #fef0c7 !important;
}

/*顶部框架*/
.class_ToolBar[b-2fy177nk3a] {
    height: 34px;
    width: 100%;
    /*padding-top: 5px;*/
    padding-left: 3px;
}


/*当前对话窗口-顶部框架*/
.gridlayout-toolbar[b-2fy177nk3a] {
    padding-bottom: 1rem;
    padding-top: 5px;
}
/*当前对话窗口-顶部框架*/
.class_AnswerQuestionRecordToolBar[b-2fy177nk3a] {
    height: 50px;
    width: 100%;
    min-width: 560px !important;
    border-bottom: 1px solid #A9A9A9 !important;
}

#chat-list-box[b-2fy177nk3a] {
    height: 100%;
    overflow-y: auto;
    width: 100%;
    float: left;
    min-width: 560px !important;
    flex-direction: column-reverse;
}
/*当前对话窗口-右侧框架*/
.class_AnswerQuestionRecordRightSide[b-2fy177nk3a] {
    height: 100%;
    overflow-y: auto;
    width: 100%;
    float: left;
}

    /*当前对话窗口-右侧框架-客户信息-描述-输入框-外部框架*/
    .class_AnswerQuestionRecordRightSide .sendQuestionUserRemarksBox[b-2fy177nk3a] {
        width: 100%;
        position: relative;
        float: left;
        margin-bottom: 25px;
    }

        /*当前对话窗口-右侧框架-客户信息-描述-输入框*/
        .class_AnswerQuestionRecordRightSide .sendQuestionUserRemarksBox #QuestionUserRemarks[b-2fy177nk3a] {
            border-radius: 4px !important;
            min-height: 30px !important;
            max-height: 120px !important;
        }

    /*当前对话窗口-右侧框架-客户信息-描述-输入框-外部框架*/
    .class_AnswerQuestionRecordRightSide .class_RightSide_TabPage[b-2fy177nk3a] {
        width: 100%;
        height: 100%;
        border-radius: 10px;
        padding: 0.5rem 0.5rem 0.5rem 0.5rem;
    }

.class_TabPage_Item[b-2fy177nk3a] {
    margin-top: 5px;
    padding-top: 5px;
    padding-bottom: 5px;
}

    .class_TabPage_Item .class_TabPage_Item_Div[b-2fy177nk3a] {
        width: 100%;
        padding: 0px 5px 0px 5px;
        text-align: left;
    }

.div_p[b-2fy177nk3a] {
    float: left;
    width: 100%;
    margin-top: 5px;
    margin-bottom: 3px;
    text-align: left;
}

    .div_p .div_p_span[b-2fy177nk3a] {
        width: 25%;
        color: dimgrey;
        text-align: left;
        float: left;
        padding-top: 3px;
    }

    .div_p .div_p_box[b-2fy177nk3a] {
        width: 70%;
        text-align: left;
        float: left;
    }

.class_div_Toolbar[b-2fy177nk3a] {
    width: 100% !important;
    height: 100% !important;
    padding: 5px;
}

.filterList-title[b-2fy177nk3a] {
    width: 100%;
    margin-top: 15px;
    float: left;
    font-size: 14px;
}
.content-text[b-2fy177nk3a] {
    font-size: 16px;
}


/* 左侧显示用户区域 */
.chatromm-user-box[b-2fy177nk3a] {
    width: 100%;
    height: 40px;
    padding: 0.5rem 0 0 0.5rem;
    display: inline-flex;
}

.chatromm-user-photo-box[b-2fy177nk3a] {
    width: 40px;
    height: 40px;
    float: left;
    display: inline-block;
}

.chatromm-user-photo[b-2fy177nk3a] {
    width: 32px;
    height: 32px;
    border-radius: 10px;
}

.chatromm-user-content-box[b-2fy177nk3a] {
    display: inline-block;
    width: 88%;
    height: 40px;
    float: left;
}

    .chatromm-user-content-box .userName[b-2fy177nk3a] {
        width: 70%;
        float: left;
        text-align: left;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        padding-top: 6px;
    }

    .chatromm-user-content-box .lastTime[b-2fy177nk3a] {
        width: 30%;
        float: left;
        text-align: right;
        padding-right: 15px;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
    }

    .chatromm-user-content-box .lastQuestion[b-2fy177nk3a] {
        width: 80%;
        max-width: 200px;
        /*width: 160px;
        max-width: 200px;
        min-width: 120px;*/
        float: left;
        text-align: left;
        white-space: nowrap;
        overflow: hidden;
        color: #F94906;
        text-overflow: ellipsis;
    }

[b-2fy177nk3a] .chatromm-user-content-box > p {
    margin-bottom: 0;
}

.fp-header[b-2fy177nk3a] {
    width: 100%;
}


.list-bar-title-style[b-2fy177nk3a] {
    text-align: left;
    width: 100%;
    height: 50px;
    line-height: 50px;
    font-size: 17.5px;
    padding-left: 5px;
}

.left-bar-title-style[b-2fy177nk3a] {
    text-align: left;
    width: 100%;
    height: 50px;
    line-height: 50px;
    font-size: 17.5px;
    padding-left: 5px;
}

.left-bar-style[b-2fy177nk3a] {
    overflow-y: auto;
    background-color: #F5F5F5;
    box-shadow: 1px 0px 5px #dfdddd;
}

    .left-bar-style[b-2fy177nk3a]:before {
    }


.list-bar-style[b-2fy177nk3a] {
    overflow-y: auto;
    background-color: #F5F5F5;
    box-shadow: 1px 0px 5px #dfdddd;
}
    .list-bar-style[b-2fy177nk3a]:before {
        
    }

.toobar-title-style[b-2fy177nk3a] {
    width: 100%;
    height: 50px;
    line-height: 50px;
}
.toolbar-icon-style[b-2fy177nk3a] {
    height: 30px;
    width: 30px;
    padding: 0.25rem;
}

/* WebKit 滚动条样式 */
div[b-2fy177nk3a]::-webkit-scrollbar {
    width: 8px;
    border-radius: 10px;
}

div[b-2fy177nk3a]::-webkit-scrollbar-thumb {
    background: #c1c1c1;
    border-radius: 10px;
}

div[b-2fy177nk3a]::-webkit-scrollbar-track {
    background: #f1f1f1;
}


@supports (scrollbar-width: thin) {
    div[b-2fy177nk3a] {
        scrollbar-width: thin;
    }
}


.chat-tree__message[b-2fy177nk3a] {
    color: gray;
    font-size: 0.875rem;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    flex: 1;
    margin-right: 8px;
    line-height: 1.2; /* 确保行高一致 */
}


/* _content/SmartAnswer/Pages/Chat/MsgItemComponent.razor.rz.scp.css */
.gridlayout-item[b-xh1c1b6q8j] {
    height: 100%;
    position: relative;
    z-index: 0;
    display: flex;
    align-items: start;
    justify-content: center;
}

.gridlayout-item[b-xh1c1b6q8j]:before {
    content: " ";
    position: absolute;
    z-index: -1;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}


.gridlayout-content[b-xh1c1b6q8j]:before {
}

.gridlayout-footer[b-xh1c1b6q8j] {
    padding-bottom: 2rem;
    padding-top: 5px;
}

.gridlayout-footer[b-xh1c1b6q8j]:before {
}

.gridlayout-left-side-bar[b-xh1c1b6q8j] {
    padding: 0rem 1rem 2rem 1rem;
    overflow-y: auto;
    background-color: #F5F5F5;
    box-shadow: 1px 0px 5px #dfdddd;
}

.gridlayout-left-side-bar[b-xh1c1b6q8j]:before {
}

@media (max-width: 575.98px) {
    .gridlayout-item[b-xh1c1b6q8j] {
        font-size: 0.9em;
    }
}

.wy-qm-default-tips[b-xh1c1b6q8j] {
    margin: -3px 0 0 0.5rem;
    background: #9a9a9a;
    color: #fff;
    vertical-align: middle;
    position: relative;
    width: 1rem;
    height: 1rem;
    line-height: 1.1rem;
    font-size: 0.9rem;
    text-align: center;
    border-radius: 50%;
    display: inline-block;
}

.logo-box[b-xh1c1b6q8j] {
    text-align: center;
    padding: 1rem 0;
}

.robot-box[b-xh1c1b6q8j] {
    padding: 1rem 0 0 1rem;
    display: inline-flex;
}

.robot-photo-box[b-xh1c1b6q8j] {
    display: inline-block;
}

.robot-photo[b-xh1c1b6q8j] {
    width: 32px;
    height: 32px;
    border-radius: 10px;
}

.robot-content[b-xh1c1b6q8j] {
    display: inline-block;
    width: 93%;
    padding-left: 10px;
}

[b-xh1c1b6q8j] .robot-content > p {
    margin-bottom: 0;
}

/*提问框整体框架*/
.class_sendBox_div[b-xh1c1b6q8j] {
    width: 100%;
    /*min-height: 65px !important;
    max-height: 185px !important;*/
    padding-left: 5px;
    padding-right: 5px;
    border-top: 2px solid #A9A9A9 !important;
    /*padding: 0 5px 0 5px;*/
}
/*提问框按钮*/
.sendBox[b-xh1c1b6q8j] {
    position: relative;
    width: 100%;
    height: auto;
    float: left;
    padding-left: 5px;
    padding-top: 5px;
}

.send-group-button[b-xh1c1b6q8j] {
    position: absolute;
    display: inline-block;
    background-color: #1d93ab;
    border-radius: 10px;
    right: 10px;
    top: 50%;
}

.disable-button[b-xh1c1b6q8j] {
    opacity: 0.5;
}

.input-box-button[b-xh1c1b6q8j] {
    height: 2rem;
    width: 3.5rem;
    background-color: #1d93ab;
    border-radius: 10px;
    color: #ffffff;
    outline: none;
    border: none;
}

.modelChatBox[b-xh1c1b6q8j] {
    min-width: 400px;
    width: 100%;
    padding: 0 20px;
    overflow-y: auto;
    height: 80%;
}


.ImgButtonBoxCss[b-xh1c1b6q8j] {
    border: solid 1px #E8E9EB;
    border-radius: 7px;
    max-width: 95%;
    cursor: pointer;
    padding: 10px 0;
}

.ImgButtonBoxCss-selected[b-xh1c1b6q8j] {
    border: solid 1px #04519F;
    background-color: #EEF3FE;
}

.ImgButtonBoxCss-disabled[b-xh1c1b6q8j] {
    cursor: inherit;
}

.ImgButtonBoxCss .gridlayout-img[b-xh1c1b6q8j] {
    align-items: center;
}

.ImgButtonBoxCss .gridlayout-remark[b-xh1c1b6q8j] {
    color: #5c5f66;
    font-size: 12px;
    line-height: 20px;
    justify-content: left;
}

.ImgButtonBoxCss .gridlayout-text[b-xh1c1b6q8j] {
    font-size: 14px;
    font-weight: 500;
    line-height: 32px;
    justify-content: left;
}

.answerRemarkCss[b-xh1c1b6q8j] {
    color: #84868c;
    line-height: 30px;
    font-size: 12px;
}

.modelDetailBoxCss[b-xh1c1b6q8j] {
    display: flex;
    justify-content: space-between;
    line-height: 40px;
}

.modelDetailBoxCss .left[b-xh1c1b6q8j] {
    font-size: 14px;
}

.modelDetailBoxCss .right[b-xh1c1b6q8j] {
    color: #04519F;
}

.modelDetailBoxCss[b-xh1c1b6q8j] {
    width:100%;
    height:40px;
    margin-top:10px;
    border:1px solid;
}

.class_user_radius[b-xh1c1b6q8j] {
    border-radius: 3px;
    border-bottom: 1px solid #A9A9A9 !important;
}

.class_user_border[b-xh1c1b6q8j] {
    border: 1px solid #A9A9A9 !important;
}
.class_user_border_box[b-xh1c1b6q8j] {
    width: 100%;
    height: 100%;
}

/* 左侧当前会话客户区域 鼠标移入移出 背景色 */
.class_userlistbox_color[b-xh1c1b6q8j] {
    background-color: #D9D9D9;
}
/* 左侧当前会话客户区域 选中客户 背景色 */
.class_userlistbox_color_checked[b-xh1c1b6q8j] {
    background-color: #D9D9D9;
}

/* 测试：客户1001被选中 左侧当前会话客户区域 选中客户 背景色 */
/*#UserListBoxTemplate_1001 {
    background-color: #D9D9D9;
}*/

.class_form_div[b-xh1c1b6q8j] {
    width: 100%;
    min-width:320px !important;
}

/* 左侧当前会话用户列表区域 */
.questionUserList-box[b-xh1c1b6q8j] {
    padding-top: 0.2rem;
    padding-bottom: 0.6rem;
}

.msgContentDiv[b-xh1c1b6q8j] {
    width: 100% !important;
    padding-top: 3px;
    float: left;
}

/* 左侧当前会话用户列表-标题区 */
.questionUserList-title[b-xh1c1b6q8j] {
    width: 100%;
    height: 40px;
    margin-top: 5px;
    padding: 10px 5px 10px 5px;
    /*text-align: left;*/
    float:left;
    font-size: 14px;
    /*background-color: #F5F5F5;*/
    /*border-radius: 3px;*/
    /*border-top: 2px solid #A9A9A9 !important;*/
}

.questionUserList-title .content-text[b-xh1c1b6q8j] {
    float:left;
    width: 90%;
}
.questionUserList-title .content-icon[b-xh1c1b6q8j] {
    float: right;
    width: 10%;
}


/* 左侧用户列表-空头像 */
.questionUserList-photo[b-xh1c1b6q8j] {
    background-color: #2196F4;
    color: #fff;
    border-radius: 10px;
    display: inline-block;
    padding: 7px 4px;
    font-size: 12px;
}

/* 左侧"我的对话"用户列表-div */
.questionUserList-div[b-xh1c1b6q8j] {
    width: 100%;
    min-width: 340px !important;
    /*padding-top: 20px;*/
}
/* 左侧"同事的对话"用户列表-div */
.questionUserListOther-div[b-xh1c1b6q8j] {
    width: 100%;
    padding-top: 20px;
}
/* 左侧"排队"用户列表-div */
.questionUserListQueue-div[b-xh1c1b6q8j] {
    width: 100%;
    padding-top: 20px;
}

/* 我的对话-展开用户列表 */
.questionUserList-open[b-xh1c1b6q8j] {
    /*height:80% !important;*/
    /*margin-bottom: 100%;*/
    min-height: 80vh;
}

/* 左侧显示用户区域 */
.user-box[b-xh1c1b6q8j] {
    width: 100%;
    /*height: 60px;*/
    padding: 0.3rem 0 0 0.5rem;
    display: inline-flex;
}

.user-photo-box[b-xh1c1b6q8j] {
    /*width: 40px;
    height: 40px;*/
    float: left;
    display: inline-block;
}

.user-photo[b-xh1c1b6q8j] {
    width: 32px;
    height: 32px;
    border-radius: 10px;
}

.user-content-box[b-xh1c1b6q8j] {
    display: inline-block;
    width: 88%;
    height: 40px;
    float: left;
    padding-left: 5px;
}
.user-content-box .userName[b-xh1c1b6q8j] {
    width: 70%;
    max-width: 350px;
    min-width: 179px;
    float: left;
    text-align: left;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.user-content-box .lastTime[b-xh1c1b6q8j] {
    width: 30%;
    max-width: 90px;
    float: left;
    text-align: right;
    padding-right: 5px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.user-content-box .lastQuestion[b-xh1c1b6q8j] {
    width: 70%;
    max-width: 350px;
    min-width: 179px;
    float: left;
    text-align: left;
    white-space: nowrap;
    overflow: hidden;
    color: #F94906;
    text-overflow: ellipsis;
}
.user-content-box .lastQuestion1[b-xh1c1b6q8j] {
    width: 70%;
    max-width: 350px;
    min-width: 179px;
    float: left;
    text-align: left;
    white-space: nowrap;
    overflow: hidden;
    color: red;
    text-overflow: ellipsis;
}
.user-content-box .lastQuestion0[b-xh1c1b6q8j] {
    width: 70%;
    max-width: 350px;
    min-width: 179px;
    float: left;
    text-align: left;
    white-space: nowrap;
    overflow: hidden;
    color: darkgrey;
    text-overflow: ellipsis;
}

.user-content-box .TopStar[b-xh1c1b6q8j] {
    float: right;
    width: 20%;
    padding-left: 10px;
    padding-right: 5px;
}

.user-content-box .staricon[b-xh1c1b6q8j] {
    width: 20px;
    height: 20px;
    float: right;
    margin-right: 10px;
}

.channelName[b-xh1c1b6q8j] {
    float: left;
    width: 30%;
    max-width: 90px;
    text-align:right;
    padding-left: 5px;
    padding-right: 5px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

[b-xh1c1b6q8j] .user-content-box > p {
    margin-bottom: 0;
}

/* 右侧整体对话区域 */
.answerQuestion-box[b-xh1c1b6q8j] {
    /*padding-top: 1rem;*/
    padding-top: 0.2rem;
    padding-bottom: 0.6rem;
}

/* 右侧客户回复区域 */
.questionUser-box[b-xh1c1b6q8j] {
    /*background-color: #F5F5F5;*/
    width: 100%;
    float: left;
    border-radius: 10px;
    padding: 0.5rem 0 0.5rem 0.5rem;
}

/* 右侧客户回复区域-标题：头像+昵称+时间 */
.questionUser-box .questionUser-title[b-xh1c1b6q8j] {
    height: 32px;
    width: 100%;
    float: left;
}
/* 右侧客户头像 */
.questionUser-box .questionUser-photo[b-xh1c1b6q8j] {
    background-color: #2196F4;
    color: #fff;
    border-radius: 10px;
    display: inline-block;
    padding: 7px 4px;
    font-size: 12px;
    width: 32px !important;
    height: 32px !important;
}
/* 右侧客户回复区域-回复内容 */
.questionUser-box .questionUser-content[b-xh1c1b6q8j] {
    display: inline-block;
    /*width: 100%;*/
    background-color: #F5F5F5;
    float: left;
    margin-left: 20px;
    border-radius: 10px;
    padding: 1rem;
}
/* 右侧客户回复区域-回复内容-具体消息-时间显示 */
.questionUser-box .questionUser-content-title[b-xh1c1b6q8j] {
    display: inline-block;
    width: auto;
    float: left;
    margin-left: 37px;
    border-radius: 10px;
}

/* 待下载文件 右侧“下载”小图标 */
.download-icon-box[b-xh1c1b6q8j] {
    width: 23px;
    height: 20px;
    padding-left:3px;
    cursor: pointer;
}

.download-icon[b-xh1c1b6q8j] {
    width: 20px;
    height: 20px;
    border-radius: 6px;
    background-color: white;
}

/* 右侧客服回复区域 */
.answerUser-box[b-xh1c1b6q8j] {
    /*width:100%;
    padding: 1rem 0 0 1rem;
    display: inline-flex;*/

    width: 100%;
    float: right;
    border-radius: 10px;
    padding: 0.5rem 0.5rem 0.5rem 0.5rem;
}

/* 右侧客服回复区域-客服回复-标题：名称+时间 */
.answerUser-box .answerUser-title[b-xh1c1b6q8j] {
    width: 100%;
    float: right;
    padding: 0.5rem 0 0.5rem 0.5rem;
}

/* 右侧客服回复区域-客服回复-内容 */
.answerUser-box .answerUser-content[b-xh1c1b6q8j] {
    display: inline-block;
    /*width: 100%;*/
    float: right;
    background-color: #D9EDFA;
    border-radius: 10px;
    padding: 1rem;
}

/* 当前对话窗口-内部消息-内容 */
.inner-content[b-xh1c1b6q8j] {
    background-color: #fef0c7 !important;
}

/*当前对话窗口-顶部框架*/
.gridlayout-toolbar[b-xh1c1b6q8j] {
    padding-bottom: 1rem;
    padding-top: 5px;
}
/*当前对话窗口-顶部框架*/
.class_AnswerQuestionRecordToolBar[b-xh1c1b6q8j] {
    height: 50px;
    width: 100%;
    min-width: 560px !important;
    border-bottom: 1px solid #A9A9A9 !important;
}

#chat-list-box[b-xh1c1b6q8j] {
    height: 100%;
    overflow-y: auto;
    width: 100%;
    float: left;
    min-width: 560px !important;
    flex-direction: column-reverse;
}
#aichat-list-box[b-xh1c1b6q8j] {
    height: 100%;
    overflow-y: auto;
    width: 100%;
    float: left;
    flex-direction: column-reverse;
}
#osschat-list-box[b-xh1c1b6q8j] {
    height: 100%;
    overflow-y: auto;
    width: 100%;
    float: left;
    flex-direction: column-reverse;
}
/*当前对话窗口-右侧框架*/
.class_AnswerQuestionRecordRightSide[b-xh1c1b6q8j] {
    height: 100%;
    overflow-y: auto;
    width: 100%;
    float: left;
}

/*当前对话窗口-右侧框架-客户信息-描述-输入框-外部框架*/
.class_AnswerQuestionRecordRightSide .sendQuestionUserRemarksBox[b-xh1c1b6q8j] {
    width: 100%;
    position: relative;
    float: left;
    margin-bottom: 25px;
}

/*当前对话窗口-右侧框架-客户信息-描述-输入框*/
.class_AnswerQuestionRecordRightSide .sendQuestionUserRemarksBox #QuestionUserRemarks[b-xh1c1b6q8j] {
    border-radius: 4px !important;
    min-height: 30px !important;
    max-height: 120px !important;
}

/*当前对话窗口-右侧框架-客户信息-描述-输入框-外部框架*/
.class_AnswerQuestionRecordRightSide .class_RightSide_TabPage[b-xh1c1b6q8j] {
    width: 100%;
    height: 100%;
    border-radius: 10px;
    padding: 0.5rem 0.5rem 0.5rem 0.5rem;
}

.class_TabPage_Item[b-xh1c1b6q8j] {
    margin-top: 5px;
    padding-top: 5px;
    padding-bottom: 5px;
}

.class_TabPage_Item .class_TabPage_Item_Div[b-xh1c1b6q8j] {
    width: 100%;
    padding: 0px 5px 0px 5px;
    text-align: left;
}

.div_p[b-xh1c1b6q8j] {
    float:left;
    width: 100%;
    margin-top: 5px;
    margin-bottom: 3px;
    text-align: left;
}
.div_p .div_p_span[b-xh1c1b6q8j] {
    width: 25%;
    color: dimgrey;
    text-align: left;
    float: left;
    padding-top: 3px;
}
.div_p .div_p_box[b-xh1c1b6q8j] {
    width: 70%;
    text-align: left;
    float: left;
}

.content-text[b-xh1c1b6q8j] {
    font-size:16px;
}


/* 左侧显示用户区域 */
.chatromm-user-box[b-xh1c1b6q8j] {
    width: 100%;
    height: 40px;
    padding: 0.4rem 0 0 0;
    display: inline-flex;
}

.chatromm-user-photo-box[b-xh1c1b6q8j] {
    width: 40px;
    height: 40px;
    float: left;
    display: inline-block;
}

.chatromm-user-photo[b-xh1c1b6q8j] {
    width: 32px;
    height: 32px;
    border-radius: 10px;
}

.chatromm-user-content-box[b-xh1c1b6q8j] {
    display: inline-block;
    width: 70%;
    height: 40px;
    float: left;
}


.chatromm-user-content-box .userName[b-xh1c1b6q8j] {
    width: 85%;
    padding-left: 3px;
    float: left;
    text-align: left;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    padding-top: 6px;
}

.chatromm-user-content-box .lastTime[b-xh1c1b6q8j] {
    width: 30%;
    float: right;
    text-align: right;
    padding-right: 15px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.chatromm-user-content-box .lastQuestion[b-xh1c1b6q8j] {
    width: 80%;
    max-width: 200px;
    /*width: 160px;
    max-width: 200px;
    min-width: 120px;*/
    float: left;
    text-align: left;
    white-space: nowrap;
    overflow: hidden;
    color: #F94906;
    text-overflow: ellipsis;
}


.chatromm-user-buttom-box[b-xh1c1b6q8j] {
    display: inline-block;
    width: 20%;
    height: 40px;
    float: left;
}

[b-xh1c1b6q8j] .chatromm-user-content-box > p {
    margin-bottom: 0;
}

.fp-header[b-xh1c1b6q8j] {
    width:100%;
}

/* _content/SmartAnswer/Pages/Chat/NewMsgItem.razor.rz.scp.css */
.gridlayout-item[b-q7s1nke6ai] {
    height: 100%;
    position: relative;
    z-index: 0;
    display: flex;
    align-items: start;
    justify-content: center;
}

.gridlayout-item[b-q7s1nke6ai]:before {
    content: " ";
    position: absolute;
    z-index: -1;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}


.gridlayout-content[b-q7s1nke6ai]:before {
}

.gridlayout-footer[b-q7s1nke6ai] {
    padding-bottom: 2rem;
    padding-top: 5px;
}

.gridlayout-footer[b-q7s1nke6ai]:before {
}

.gridlayout-left-side-bar[b-q7s1nke6ai] {
    padding: 0rem 1rem 2rem 1rem;
    overflow-y: auto;
    background-color: #F5F5F5;
    box-shadow: 1px 0px 5px #dfdddd;
}

.gridlayout-left-side-bar[b-q7s1nke6ai]:before {
}

@media (max-width: 575.98px) {
    .gridlayout-item[b-q7s1nke6ai] {
        font-size: 0.9em;
    }
}

.wy-qm-default-tips[b-q7s1nke6ai] {
    margin: -3px 0 0 0.5rem;
    background: #9a9a9a;
    color: #fff;
    vertical-align: middle;
    position: relative;
    width: 1rem;
    height: 1rem;
    line-height: 1.1rem;
    font-size: 0.9rem;
    text-align: center;
    border-radius: 50%;
    display: inline-block;
}

.logo-box[b-q7s1nke6ai] {
    text-align: center;
    padding: 1rem 0;
}

.robot-box[b-q7s1nke6ai] {
    padding: 1rem 0 0 1rem;
    display: inline-flex;
}

.robot-photo-box[b-q7s1nke6ai] {
    display: inline-block;
}

.robot-photo[b-q7s1nke6ai] {
    width: 32px;
    height: 32px;
    border-radius: 10px;
}

.robot-content[b-q7s1nke6ai] {
    display: inline-block;
    width: 93%;
    padding-left: 10px;
}

[b-q7s1nke6ai] .robot-content > p {
    margin-bottom: 0;
}

/*提问框整体框架*/
.class_sendBox_div[b-q7s1nke6ai] {
    width: 100%;
    /*min-height: 65px !important;
    max-height: 185px !important;*/
    padding-left: 5px;
    padding-right: 5px;
    border-top: 2px solid #A9A9A9 !important;
    /*padding: 0 5px 0 5px;*/
}
/*提问框按钮*/
.sendBox[b-q7s1nke6ai] {
    position: relative;
    width: 100%;
    height: auto;
    float: left;
    padding-left: 5px;
    padding-top: 5px;
}

.send-group-button[b-q7s1nke6ai] {
    position: absolute;
    display: inline-block;
    background-color: #1d93ab;
    border-radius: 10px;
    right: 10px;
    top: 50%;
}

.disable-button[b-q7s1nke6ai] {
    opacity: 0.5;
}

.input-box-button[b-q7s1nke6ai] {
    height: 2rem;
    width: 3.5rem;
    background-color: #1d93ab;
    border-radius: 10px;
    color: #ffffff;
    outline: none;
    border: none;
}

.modelChatBox[b-q7s1nke6ai] {
    min-width: 400px;
    width: 100%;
    padding: 0 20px;
    overflow-y: auto;
    height: 80%;
}


.ImgButtonBoxCss[b-q7s1nke6ai] {
    border: solid 1px #E8E9EB;
    border-radius: 7px;
    max-width: 95%;
    cursor: pointer;
    padding: 10px 0;
}

.ImgButtonBoxCss-selected[b-q7s1nke6ai] {
    border: solid 1px #04519F;
    background-color: #EEF3FE;
}

.ImgButtonBoxCss-disabled[b-q7s1nke6ai] {
    cursor: inherit;
}

.ImgButtonBoxCss .gridlayout-img[b-q7s1nke6ai] {
    align-items: center;
}

.ImgButtonBoxCss .gridlayout-remark[b-q7s1nke6ai] {
    color: #5c5f66;
    font-size: 12px;
    line-height: 20px;
    justify-content: left;
}

.ImgButtonBoxCss .gridlayout-text[b-q7s1nke6ai] {
    font-size: 14px;
    font-weight: 500;
    line-height: 32px;
    justify-content: left;
}

.answerRemarkCss[b-q7s1nke6ai] {
    color: #84868c;
    line-height: 30px;
    font-size: 12px;
}

.modelDetailBoxCss[b-q7s1nke6ai] {
    display: flex;
    justify-content: space-between;
    line-height: 40px;
}

.modelDetailBoxCss .left[b-q7s1nke6ai] {
    font-size: 14px;
}

.modelDetailBoxCss .right[b-q7s1nke6ai] {
    color: #04519F;
}

.modelDetailBoxCss[b-q7s1nke6ai] {
    width:100%;
    height:40px;
    margin-top:10px;
    border:1px solid;
}

.class_user_radius[b-q7s1nke6ai] {
    border-radius: 3px;
    border-bottom: 1px solid #A9A9A9 !important;
}

.class_user_border[b-q7s1nke6ai] {
    border: 1px solid #A9A9A9 !important;
}
.class_user_border_box[b-q7s1nke6ai] {
    width: 100%;
    height: 100%;
}

/* 左侧当前会话客户区域 鼠标移入移出 背景色 */
.class_userlistbox_color[b-q7s1nke6ai] {
    background-color: #D9D9D9;
}
/* 左侧当前会话客户区域 选中客户 背景色 */
.class_userlistbox_color_checked[b-q7s1nke6ai] {
    background-color: #D9D9D9;
}

/* 测试：客户1001被选中 左侧当前会话客户区域 选中客户 背景色 */
/*#UserListBoxTemplate_1001 {
    background-color: #D9D9D9;
}*/

.class_form_div[b-q7s1nke6ai] {
    width: 100%;
    min-width:320px !important;
}

/* 左侧当前会话用户列表区域 */
.questionUserList-box[b-q7s1nke6ai] {
    padding-top: 0.2rem;
    padding-bottom: 0.6rem;
}

.msgContentDiv[b-q7s1nke6ai] {
    width: 100% !important;
    padding-top: 3px;
    float: left;
}

/* 左侧当前会话用户列表-标题区 */
.questionUserList-title[b-q7s1nke6ai] {
    width: 100%;
    height: 40px;
    margin-top: 5px;
    padding: 10px 5px 10px 5px;
    /*text-align: left;*/
    float:left;
    font-size: 14px;
    /*background-color: #F5F5F5;*/
    /*border-radius: 3px;*/
    /*border-top: 2px solid #A9A9A9 !important;*/
}

.questionUserList-title .content-text[b-q7s1nke6ai] {
    float:left;
    width: 90%;
}
.questionUserList-title .content-icon[b-q7s1nke6ai] {
    float: right;
    width: 10%;
}


/* 左侧用户列表-空头像 */
.questionUserList-photo[b-q7s1nke6ai] {
    background-color: #2196F4;
    color: #fff;
    border-radius: 10px;
    display: inline-block;
    padding: 7px 4px;
    font-size: 12px;
}

/* 左侧"我的对话"用户列表-div */
.questionUserList-div[b-q7s1nke6ai] {
    width: 100%;
    min-width: 340px !important;
    /*padding-top: 20px;*/
}
/* 左侧"同事的对话"用户列表-div */
.questionUserListOther-div[b-q7s1nke6ai] {
    width: 100%;
    padding-top: 20px;
}
/* 左侧"排队"用户列表-div */
.questionUserListQueue-div[b-q7s1nke6ai] {
    width: 100%;
    padding-top: 20px;
}

/* 我的对话-展开用户列表 */
.questionUserList-open[b-q7s1nke6ai] {
    /*height:80% !important;*/
    /*margin-bottom: 100%;*/
    min-height: 80vh;
}

/* 左侧显示用户区域 */
.user-box[b-q7s1nke6ai] {
    width: 100%;
    /*height: 60px;*/
    padding: 0.3rem 0 0 0.5rem;
    display: inline-flex;
}

.user-photo-box[b-q7s1nke6ai] {
    /*width: 40px;
    height: 40px;*/
    float: left;
    display: inline-block;
}

.user-photo[b-q7s1nke6ai] {
    width: 32px;
    height: 32px;
    border-radius: 10px;
}

.user-content-box[b-q7s1nke6ai] {
    display: inline-block;
    width: 88%;
    height: 40px;
    float: left;
    padding-left: 5px;
}
.user-content-box .userName[b-q7s1nke6ai] {
    width: 70%;
    max-width: 350px;
    min-width: 179px;
    float: left;
    text-align: left;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.user-content-box .lastTime[b-q7s1nke6ai] {
    width: 30%;
    max-width: 90px;
    float: left;
    text-align: right;
    padding-right: 5px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.user-content-box .lastQuestion[b-q7s1nke6ai] {
    width: 70%;
    max-width: 350px;
    min-width: 179px;
    float: left;
    text-align: left;
    white-space: nowrap;
    overflow: hidden;
    color: #F94906;
    text-overflow: ellipsis;
}
.user-content-box .lastQuestion1[b-q7s1nke6ai] {
    width: 70%;
    max-width: 350px;
    min-width: 179px;
    float: left;
    text-align: left;
    white-space: nowrap;
    overflow: hidden;
    color: red;
    text-overflow: ellipsis;
}
.user-content-box .lastQuestion0[b-q7s1nke6ai] {
    width: 70%;
    max-width: 350px;
    min-width: 179px;
    float: left;
    text-align: left;
    white-space: nowrap;
    overflow: hidden;
    color: darkgrey;
    text-overflow: ellipsis;
}

.user-content-box .TopStar[b-q7s1nke6ai] {
    float: right;
    width: 20%;
    padding-left: 10px;
    padding-right: 5px;
}

.user-content-box .staricon[b-q7s1nke6ai] {
    width: 20px;
    height: 20px;
    float: right;
    margin-right: 10px;
}

.channelName[b-q7s1nke6ai] {
    float: left;
    width: 30%;
    max-width: 90px;
    text-align:right;
    padding-left: 5px;
    padding-right: 5px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

[b-q7s1nke6ai] .user-content-box > p {
    margin-bottom: 0;
}

/* 右侧整体对话区域 */
.answerQuestion-box[b-q7s1nke6ai] {
    /*padding-top: 1rem;*/
    padding-top: 0.2rem;
    padding-bottom: 0.6rem;
}

/* 右侧客户回复区域 */
.questionUser-box[b-q7s1nke6ai] {
    /*background-color: #F5F5F5;*/
    width: 100%;
    float: left;
    border-radius: 10px;
    padding: 0.5rem 0 0.5rem 0.5rem;
}

/* 右侧客户回复区域-标题：头像+昵称+时间 */
.questionUser-box .questionUser-title[b-q7s1nke6ai] {
    height: 32px;
    width: 100%;
    float: left;
}
/* 右侧客户头像 */
.questionUser-box .questionUser-photo[b-q7s1nke6ai] {
    background-color: #2196F4;
    color: #fff;
    border-radius: 10px;
    display: inline-block;
    padding: 7px 4px;
    font-size: 12px;
    width: 32px !important;
    height: 32px !important;
}
/* 右侧客户回复区域-回复内容 */
.questionUser-box .questionUser-content[b-q7s1nke6ai] {
    display: inline-block;
    /*width: 100%;*/
    background-color: #F5F5F5;
    float: left;
    margin-left: 20px;
    border-radius: 10px;
    padding: 1rem;
}
/* 右侧客户回复区域-回复内容-具体消息-时间显示 */
.questionUser-box .questionUser-content-title[b-q7s1nke6ai] {
    display: inline-block;
    width: auto;
    float: left;
    margin-left: 37px;
    border-radius: 10px;
}

/* 待下载文件 右侧"下载"小图标 */
.download-icon-box[b-q7s1nke6ai] {
    width: 23px;
    height: 20px;
    padding-left:3px;
    cursor: pointer;
}

.download-icon[b-q7s1nke6ai] {
    width: 20px;
    height: 20px;
    border-radius: 6px;
    background-color: white;
}

/* 右侧客服回复区域 */
.answerUser-box[b-q7s1nke6ai] {
    /*width:100%;
    padding: 1rem 0 0 1rem;
    display: inline-flex;*/

    width: 100%;
    float: right;
    border-radius: 10px;
    padding: 0.5rem 0.5rem 0.5rem 0.5rem;
}

/* 右侧客服回复区域-客服回复-标题：名称+时间 */
.answerUser-box .answerUser-title[b-q7s1nke6ai] {
    width: 100%;
    float: right;
    padding: 0.5rem 0 0.5rem 0.5rem;
}

/* 右侧客服回复区域-客服回复-内容 */
.answerUser-box .answerUser-content[b-q7s1nke6ai] {
    display: inline-block;
    /*width: 100%;*/
    float: right;
    background-color: #D9EDFA;
    border-radius: 10px;
    padding: 1rem;
}

/* 当前对话窗口-内部消息-内容 */
.inner-content[b-q7s1nke6ai] {
    background-color: #fef0c7 !important;
}

/*当前对话窗口-顶部框架*/
.gridlayout-toolbar[b-q7s1nke6ai] {
    padding-bottom: 1rem;
    padding-top: 5px;
}
/*当前对话窗口-顶部框架*/
.class_AnswerQuestionRecordToolBar[b-q7s1nke6ai] {
    height: 50px;
    width: 100%;
    min-width: 560px !important;
    border-bottom: 1px solid #A9A9A9 !important;
}

#chat-list-box[b-q7s1nke6ai] {
    height: 100%;
    overflow-y: auto;
    width: 100%;
    float: left;
    min-width: 560px !important;
    flex-direction: column-reverse;
}
#aichat-list-box[b-q7s1nke6ai] {
    height: 100%;
    overflow-y: auto;
    width: 100%;
    float: left;
    flex-direction: column-reverse;
}
#osschat-list-box[b-q7s1nke6ai] {
    height: 100%;
    overflow-y: auto;
    width: 100%;
    float: left;
    flex-direction: column-reverse;
}
/*当前对话窗口-右侧框架*/
.class_AnswerQuestionRecordRightSide[b-q7s1nke6ai] {
    height: 100%;
    overflow-y: auto;
    width: 100%;
    float: left;
}

/*当前对话窗口-右侧框架-客户信息-描述-输入框-外部框架*/
.class_AnswerQuestionRecordRightSide .sendQuestionUserRemarksBox[b-q7s1nke6ai] {
    width: 100%;
    position: relative;
    float: left;
    margin-bottom: 25px;
}

/*当前对话窗口-右侧框架-客户信息-描述-输入框*/
.class_AnswerQuestionRecordRightSide .sendQuestionUserRemarksBox #QuestionUserRemarks[b-q7s1nke6ai] {
    border-radius: 4px !important;
    min-height: 30px !important;
    max-height: 120px !important;
}

/*当前对话窗口-右侧框架-客户信息-描述-输入框-外部框架*/
.class_AnswerQuestionRecordRightSide .class_RightSide_TabPage[b-q7s1nke6ai] {
    width: 100%;
    height: 100%;
    border-radius: 10px;
    padding: 0.5rem 0.5rem 0.5rem 0.5rem;
}

.class_TabPage_Item[b-q7s1nke6ai] {
    margin-top: 5px;
    padding-top: 5px;
    padding-bottom: 5px;
}

.class_TabPage_Item .class_TabPage_Item_Div[b-q7s1nke6ai] {
    width: 100%;
    padding: 0px 5px 0px 5px;
    text-align: left;
}

.div_p[b-q7s1nke6ai] {
    float:left;
    width: 100%;
    margin-top: 5px;
    margin-bottom: 3px;
    text-align: left;
}
.div_p .div_p_span[b-q7s1nke6ai] {
    width: 25%;
    color: dimgrey;
    text-align: left;
    float: left;
    padding-top: 3px;
}
.div_p .div_p_box[b-q7s1nke6ai] {
    width: 70%;
    text-align: left;
    float: left;
}

.content-text[b-q7s1nke6ai] {
    font-size:16px;
}


/* 左侧显示用户区域 */
.chatromm-user-box[b-q7s1nke6ai] {
    width: 100%;
    height: 40px;
    padding: 0.4rem 0 0 0;
    display: inline-flex;
}

.chatromm-user-photo-box[b-q7s1nke6ai] {
    width: 40px;
    height: 40px;
    float: left;
    display: inline-block;
}

.chatromm-user-photo[b-q7s1nke6ai] {
    width: 32px;
    height: 32px;
    border-radius: 10px;
}

.chatromm-user-content-box[b-q7s1nke6ai] {
    display: inline-block;
    width: 70%;
    height: 40px;
    float: left;
}


.chatromm-user-content-box .userName[b-q7s1nke6ai] {
    width: 85%;
    padding-left: 3px;
    float: left;
    text-align: left;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    padding-top: 6px;
}

.chatromm-user-content-box .lastTime[b-q7s1nke6ai] {
    width: 30%;
    float: right;
    text-align: right;
    padding-right: 15px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.chatromm-user-content-box .lastQuestion[b-q7s1nke6ai] {
    width: 80%;
    max-width: 200px;
    /*width: 160px;
    max-width: 200px;
    min-width: 120px;*/
    float: left;
    text-align: left;
    white-space: nowrap;
    overflow: hidden;
    color: #F94906;
    text-overflow: ellipsis;
}


.chatromm-user-buttom-box[b-q7s1nke6ai] {
    display: inline-block;
    width: 20%;
    height: 40px;
    float: left;
}

[b-q7s1nke6ai] .chatromm-user-content-box > p {
    margin-bottom: 0;
}

.fp-header[b-q7s1nke6ai] {
    width:100%;
}
/* _content/SmartAnswer/Pages/Chat/OnlineChat.razor.rz.scp.css */
.gridlayout-item[b-px43v99cwi] {
    height: 100%;
    position: relative;
    z-index: 0;
    display: flex;
    align-items: start;
    justify-content: center;
}

    .gridlayout-item[b-px43v99cwi]:before {
        content: " ";
        position: absolute;
        z-index: -1;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
    }


.gridlayout-content[b-px43v99cwi]:before {
}

.gridlayout-footer[b-px43v99cwi] {
    padding-bottom: 2rem;
    padding-top: 5px;
}

    .gridlayout-footer[b-px43v99cwi]:before {
    }

.gridlayout-left-side-bar-2[b-px43v99cwi] {
    padding: 0rem 0.2rem 1.4rem 0.2rem;
    overflow-y: auto;
    background-color: #F5F5F5;
    box-shadow: 1px 0px 5px #dfdddd;
}
    .gridlayout-left-side-bar-2[b-px43v99cwi]:before {
    }

.gridlayout-left-side-bar[b-px43v99cwi] {
    padding: 0rem 1rem 2rem 1rem;
    overflow-y: auto;
    background-color: #F5F5F5;
    box-shadow: 1px 0px 5px #dfdddd;
}

    .gridlayout-left-side-bar[b-px43v99cwi]:before {
    }

@media (max-width: 575.98px) {
    .gridlayout-item[b-px43v99cwi] {
        font-size: 0.9em;
    }
}

.wy-qm-default-tips[b-px43v99cwi] {
    margin: -3px 0 0 0.5rem;
    background: #9a9a9a;
    color: #fff;
    vertical-align: middle;
    position: relative;
    width: 1rem;
    height: 1rem;
    line-height: 1.1rem;
    font-size: 0.9rem;
    text-align: center;
    border-radius: 50%;
    display: inline-block;
}

.logo-box[b-px43v99cwi] {
    text-align: center;
    padding: 1rem 0;
}

.robot-box[b-px43v99cwi] {
    padding: 1rem 0 0 1rem;
    display: inline-flex;
}

.robot-photo-box[b-px43v99cwi] {
    display: inline-block;
}

.robot-photo[b-px43v99cwi] {
    width: 32px;
    height: 32px;
    border-radius: 10px;
}

.robot-content[b-px43v99cwi] {
    display: inline-block;
    width: 93%;
    padding-left: 10px;
}

[b-px43v99cwi] .robot-content > p {
    margin-bottom: 0;
}

/*提问框整体框架*/
.class_sendBox_div[b-px43v99cwi] {
    width: 100%;
    /*min-height: 65px !important;
    max-height: 185px !important;*/
    padding-left: 5px;
    padding-right: 5px;
    border-top: 2px solid #A9A9A9 !important;
    /*padding: 0 5px 0 5px;*/
}
/*提问框按钮*/
.sendBox[b-px43v99cwi] {
    position: relative;
    width: 100%;
    height: auto;
    display: flex;
    align-items: flex-end;
    gap: 8px;
    padding-left: 5px;
    padding-top: 5px;
}

.sendBox > div:first-child[b-px43v99cwi] {
    flex: 1;
    width: 96%;
}

.send-group-button[b-px43v99cwi] {
    flex-shrink: 0;
    display: flex;
    align-items: flex-end;
    border-radius: 10px;
    padding: 8px;
}

.disable-button[b-px43v99cwi] {
    opacity: 0.5;
}

.input-box-button[b-px43v99cwi] {
    height: 2rem;
    width: 3.5rem;
    background-color: #1d93ab;
    border-radius: 10px;
    color: #ffffff;
    outline: none;
    border: none;
}

.modelChatBox[b-px43v99cwi] {
    min-width: 400px;
    width: 100%;
    padding: 0 20px;
    overflow-y: auto;
    height: 80%;
}


.ImgButtonBoxCss[b-px43v99cwi] {
    border: solid 1px #E8E9EB;
    border-radius: 7px;
    max-width: 95%;
    cursor: pointer;
    padding: 10px 0;
}

.ImgButtonBoxCss-selected[b-px43v99cwi] {
    border: solid 1px #04519F;
    background-color: #EEF3FE;
}

.ImgButtonBoxCss-disabled[b-px43v99cwi] {
    cursor: inherit;
}

.ImgButtonBoxCss .gridlayout-img[b-px43v99cwi] {
    align-items: center;
}

.ImgButtonBoxCss .gridlayout-remark[b-px43v99cwi] {
    color: #5c5f66;
    font-size: 12px;
    line-height: 20px;
    justify-content: left;
}

.ImgButtonBoxCss .gridlayout-text[b-px43v99cwi] {
    font-size: 14px;
    font-weight: 500;
    line-height: 32px;
    justify-content: left;
}

.answerRemarkCss[b-px43v99cwi] {
    color: #84868c;
    line-height: 30px;
    font-size: 12px;
}

.modelDetailBoxCss[b-px43v99cwi] {
    display: flex;
    justify-content: space-between;
    line-height: 40px;
}

    .modelDetailBoxCss .left[b-px43v99cwi] {
        font-size: 14px;
    }

    .modelDetailBoxCss .right[b-px43v99cwi] {
        color: #04519F;
    }

.modelDetailBoxCss[b-px43v99cwi] {
    width:100%;
    height:40px;
    margin-top:10px;
    border:1px solid;
}

.class_user_radius[b-px43v99cwi] {
    border-radius: 3px;
    border-bottom: 1px solid #A9A9A9 !important;
}

.class_user_border[b-px43v99cwi] {
    border: 1px solid #A9A9A9 !important;
}
.class_user_border_box[b-px43v99cwi] {
    width: 100%;
    height: 100%;
}

/* 左侧当前会话客户区域 鼠标移入移出 背景色 */
.class_userlistbox_color[b-px43v99cwi] {
    background-color: #D9D9D9;
}
/* 左侧当前会话客户区域 选中客户 背景色 */
.class_userlistbox_color_checked[b-px43v99cwi] {
    background-color: #D9D9D9;
}

/* 测试：客户1001被选中 左侧当前会话客户区域 选中客户 背景色 */
/*#UserListBoxTemplate_1001 {
    background-color: #D9D9D9;
}*/

.class_form_div[b-px43v99cwi] {
    width: 100%;
    min-width:320px !important;
}

/* 左侧当前会话用户列表区域 */
.questionUserList-box[b-px43v99cwi] {
    padding-top: 0.2rem;
    padding-bottom: 0.6rem;
}

.msgContentDiv[b-px43v99cwi] {
    width: 100% !important;
    padding-top: 3px;
    float: left;
}

/* 左侧当前会话用户列表-标题区 */
.questionUserList-title[b-px43v99cwi] {
    width: 100%;
    height: 40px;
    margin-top: 5px;
    padding: 10px 5px 10px 5px;
    /*text-align: left;*/
    float:left;
    font-size: 14px;
    /*background-color: #F5F5F5;*/
    /*border-radius: 3px;*/
    /*border-top: 2px solid #A9A9A9 !important;*/
}

    .questionUserList-title .content-text[b-px43v99cwi] {
        float:left;
        width: 90%;
    }
    .questionUserList-title .content-icon[b-px43v99cwi] {
        float: right;
        width: 10%;
    }


/* 左侧用户列表-空头像 */
.questionUserList-photo[b-px43v99cwi] {
    background-color: #2196F4;
    color: #fff;
    border-radius: 10px;
    display: inline-block;
    padding: 7px 4px;
    font-size: 12px;
}

/* 左侧"我的对话"用户列表-div */
.questionUserList-div[b-px43v99cwi] {
    width: 100%;
    min-width: 340px !important;
    /*padding-top: 20px;*/
}
/* 左侧"同事的对话"用户列表-div */
.questionUserListOther-div[b-px43v99cwi] {
    width: 100%;
    padding-top: 20px;
}
/* 左侧"排队"用户列表-div */
.questionUserListQueue-div[b-px43v99cwi] {
    width: 100%;
    padding-top: 20px;
}

/* 我的对话-展开用户列表 */
.questionUserList-open[b-px43v99cwi] {
    /*height:80% !important;*/
    /*margin-bottom: 100%;*/
    min-height: 80vh;
}

/* 左侧显示用户区域 */
.user-box[b-px43v99cwi] {
    width: 100%;
    /*height: 60px;*/
    padding: 0.3rem 0 0 0.5rem;
    display: inline-flex;
}

.user-photo-box[b-px43v99cwi] {
    /*width: 40px;
    height: 40px;*/
    float: left;
    display: inline-block;
}

.user-photo[b-px43v99cwi] {
    width: 32px;
    height: 32px;
    border-radius: 10px;
}

.user-content-box[b-px43v99cwi] {
    display: inline-block;
    width: 88%;
    height: 40px;
    float: left;
    padding-left: 5px;
}
    .user-content-box .userName[b-px43v99cwi] {
        width: 60%;
        max-width: 120px;
        min-width: 120px;
        float: left;
        text-align: left;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
    }
    .user-content-box .lastTime[b-px43v99cwi] {
        width: 40%;
        min-width: 90px;
        max-width: 90px;
        float: right;
        text-align: right;
        padding-right: 5px;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
    }
    .user-content-box .lastQuestion0[b-px43v99cwi],
    .user-content-box .lastQuestion1[b-px43v99cwi],
    .user-content-box .lastQuestion[b-px43v99cwi] {
        width: 65%;
        max-width: 200px;
        min-width: 120px;
        float: left;
        text-align: left;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .user-content-box .lastQuestion1[b-px43v99cwi] {
        color: red;
    }

    .user-content-box .lastQuestion0[b-px43v99cwi] {
        color: darkgrey;
    }

    .user-content-box .lastQuestion[b-px43v99cwi] {
        color: #F94906;
    }

    .user-content-box .TopStar[b-px43v99cwi] {
        float: right;
        width: 20%;
        padding-left: 10px;
        padding-right: 5px;
    }

    .user-content-box .staricon[b-px43v99cwi] {
        width: 20px;
        height: 20px;
        float: right;
        margin-right: 10px;
    }

    .channelName[b-px43v99cwi] {
        float: right;
        width: 35%;
        min-width: 80px;
        max-width: 80px;
        text-align: right;
        padding-right: 5px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

[b-px43v99cwi] .user-content-box > p {
    margin-bottom: 0;
}

/* 右侧整体对话区域 */
.answerQuestion-box[b-px43v99cwi] {
    /*padding-top: 1rem;*/
    /*padding-top: 0.2rem;*/
    /*padding-bottom: 0.6rem;*/
    font-size: 12px !important;
    line-height: 1 !important;
}

/* 右侧客户回复区域 */
.questionUser-box[b-px43v99cwi] {
    /*background-color: #F5F5F5;*/
    width: 100%;
    float: left;
    border-radius: 10px;
    padding: 0.5rem 0 0.5rem 0.5rem;
}

    /* 右侧客户回复区域-标题：头像+昵称+时间 */
    .questionUser-box .questionUser-title[b-px43v99cwi] {
        height: 32px;
        width: 100%;
        float: left;
    }
    /* 右侧客户头像 */
    .questionUser-box .questionUser-photo[b-px43v99cwi] {
        background-color: #2196F4;
        color: #fff;
        border-radius: 10px;
        display: inline-block;
        padding: 7px 4px;
        font-size: 12px;
        width: 32px !important;
        height: 32px !important;
    }
    /* 右侧客户回复区域-回复内容 */
    .questionUser-box .questionUser-content[b-px43v99cwi] {
        display: inline-block;
        /*width: 100%;*/
        background-color: #F5F5F5;
        float: left;
        margin-left: 20px;
        border-radius: 10px;
        padding: 1rem;
    }
    /* 右侧客户回复区域-回复内容-具体消息-时间显示 */
    .questionUser-box .questionUser-content-title[b-px43v99cwi] {
        display: inline-block;
        width: auto;
        float: left;
        margin-left: 37px;
        border-radius: 10px;
    }

/* 待下载文件 右侧“下载”小图标 */
.download-icon-box[b-px43v99cwi] {
    width: 23px;
    height: 20px;
    padding-left:3px;
    cursor: pointer;
}

.download-icon[b-px43v99cwi] {
    width: 20px;
    height: 20px;
    border-radius: 6px;
    background-color: white;
}

/* 右侧客服回复区域 */
.answerUser-box[b-px43v99cwi] {
    /*width:100%;
    padding: 1rem 0 0 1rem;
    display: inline-flex;*/

    width: 100%;
    float: right;
    border-radius: 10px;
    padding: 0.5rem 0.5rem 0.5rem 0.5rem;
}

    /* 右侧客服回复区域-客服回复-标题：名称+时间 */
    .answerUser-box .answerUser-title[b-px43v99cwi] {
        width: 100%;
        float: right;
        padding: 0.5rem 0 0.5rem 0.5rem;
    }

    /* 右侧客服回复区域-客服回复-内容 */
    .answerUser-box .answerUser-content[b-px43v99cwi] {
        display: inline-block;
        /*width: 100%;*/
        float: right;
        background-color: #D9EDFA;
        border-radius: 10px;
        padding: 1rem;
    }

/* 当前对话窗口-内部消息-内容 */
.inner-content[b-px43v99cwi] {
    background-color: #fef0c7 !important;
}

/*当前对话窗口-顶部框架*/
.class_AnswerQuestionRecordToolBar[b-px43v99cwi] {
    height: 50px;
    width: 100%;
    min-width: 560px !important;
    border-bottom: 1px solid #A9A9A9 !important;
}

#chat-list-box[b-px43v99cwi] {
    height: 100%;
    overflow-y: auto;
    width: 100%;
    float: left;
    min-width: 560px !important;
    flex-direction: column-reverse;
}
#aichat-list-box[b-px43v99cwi] {
    height: 100%;
    overflow-y: auto;
    width: 100%;
    float: left;
    flex-direction: column-reverse;
}
#osschat-list-box[b-px43v99cwi] {
    height: 100%;
    overflow-y: auto;
    width: 100%;
    float: left;
    flex-direction: column-reverse;
}
/*当前对话窗口-右侧框架*/
.class_AnswerQuestionRecordRightSide[b-px43v99cwi] {
    height: 100%;
    overflow-y: auto;
    width: 100%;
    float: left;
}

    /*当前对话窗口-右侧框架-客户信息-描述-输入框-外部框架*/
    .class_AnswerQuestionRecordRightSide .sendQuestionUserRemarksBox[b-px43v99cwi] {
        width: 100%;
        position: relative;
        float: left;
        margin-bottom: 25px;
    }

        /*当前对话窗口-右侧框架-客户信息-描述-输入框*/
        .class_AnswerQuestionRecordRightSide .sendQuestionUserRemarksBox #QuestionUserRemarks[b-px43v99cwi] {
            border-radius: 4px !important;
            min-height: 30px !important;
            max-height: 120px !important;
        }

    /*当前对话窗口-右侧框架-客户信息-描述-输入框-外部框架*/
    .class_AnswerQuestionRecordRightSide .class_RightSide_TabPage[b-px43v99cwi] {
        width: 100%;
        height: 100%;
        border-radius: 10px;
        padding: 0.5rem 0.5rem 0.5rem 0.5rem;
    }

.class_TabPage_Item[b-px43v99cwi] {
    margin-top: 5px;
    padding-top: 5px;
    padding-bottom: 5px;
}

    .class_TabPage_Item .class_TabPage_Item_Div[b-px43v99cwi] {
        width: 100%;
        padding: 0px 5px 0px 5px;
        text-align: left;
    }

.div_p[b-px43v99cwi] {
    float:left;
    width: 100%;
    margin-top: 5px;
    margin-bottom: 3px;
    text-align: left;
}
.div_p .div_p_span[b-px43v99cwi] {
    width: 25%;
    color: dimgrey; 
    text-align: left;
    float: left;
    padding-top: 3px;
}
.div_p .div_p_box[b-px43v99cwi] {
    width: 70%;
    text-align: left;
    float: left;
}

.content-text[b-px43v99cwi] {
    font-size:16px;
}


/* 左侧显示用户区域 */
.chatromm-user-box[b-px43v99cwi] {
    width: 100%;
    height: 40px;
    padding: 0.4rem 0 0 0;
    display: inline-flex;
}

.chatromm-user-photo-box[b-px43v99cwi] {
    width: 40px;
    height: 40px;
    float: left;
    display: inline-block;
}

.chatromm-user-photo[b-px43v99cwi] {
    width: 32px;
    height: 32px;
    border-radius: 10px;
}

.chatromm-user-content-box[b-px43v99cwi] {
    display: inline-block;
    width: 70%;
    height: 40px;
    float: left;
}


    .chatromm-user-content-box .userName[b-px43v99cwi] {
    width: 85%;
    padding-left: 3px;
    float: left;
    text-align: left;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    padding-top: 6px;
}

    .chatromm-user-content-box .lastTime[b-px43v99cwi] {
        width: 30%;
        float: right;
        text-align: right;
        padding-right: 15px;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
    }

    .chatromm-user-content-box .lastQuestion[b-px43v99cwi] {
        width: 80%;
        max-width: 200px;
        /*width: 160px;
        max-width: 200px;
        min-width: 120px;*/
        float: left;
        text-align: left;
        white-space: nowrap;
        overflow: hidden;
        color: #F94906;
        text-overflow: ellipsis;
    }


.chatromm-user-buttom-box[b-px43v99cwi] {
    display: inline-block;
    width: 20%;
    height: 40px;
    float: left;
}

[b-px43v99cwi] .chatromm-user-content-box > p {
    margin-bottom: 0;
}

.fp-header[b-px43v99cwi] {
    width:100%;
}
/* _content/SmartAnswer/Pages/Chat/OnlineChatAI.razor.rz.scp.css */
.gridlayout-item[b-nrnmpe6c19] {
    height: 100%;
    position: relative;
    z-index: 0;
    display: flex;
    align-items: start;
    justify-content: center;
}

    .gridlayout-item[b-nrnmpe6c19]:before {
        content: " ";
        position: absolute;
        z-index: -1;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
    }


.gridlayout-content[b-nrnmpe6c19]:before {
}

.gridlayout-footer[b-nrnmpe6c19] {
    padding-bottom: 2rem;
    padding-top: 5px;
}

    .gridlayout-footer[b-nrnmpe6c19]:before {
    }

.gridlayout-left-side-bar[b-nrnmpe6c19] {
    padding: 0rem 1rem 2rem 1rem;
    overflow-y: auto;
    background-color: #F5F5F5;
    box-shadow: 1px 0px 5px #dfdddd;
}

    .gridlayout-left-side-bar[b-nrnmpe6c19]:before {
    }

@media (max-width: 575.98px) {
    .gridlayout-item[b-nrnmpe6c19] {
        font-size: 0.9em;
    }
}

.logo-box[b-nrnmpe6c19] {
    text-align: center;
    padding: 1rem 0;
}

.robot-box[b-nrnmpe6c19] {
    padding: 1rem 0 0 1rem;
    display: inline-flex;
}

.robot-photo-box[b-nrnmpe6c19] {
    display: inline-block;
}

.robot-photo[b-nrnmpe6c19] {
    width: 32px;
    height: 32px;
    border-radius: 10px;
}

.robot-content[b-nrnmpe6c19] {
    display: inline-block;
    width: 93%;
    padding-left: 10px;
}

[b-nrnmpe6c19] .robot-content > p {
    margin-bottom: 0;
}

/*提问框整体框架*/
.class_sendBox_div[b-nrnmpe6c19] {
    width: 100%;
    /*min-height: 65px !important;
    max-height: 185px !important;*/
    padding-left: 5px;
    padding-right: 5px;
    border-top: 2px solid #A9A9A9 !important;
    /*padding: 0 5px 0 5px;*/
}
/*提问框按钮*/
.sendBox[b-nrnmpe6c19] {
    position: relative;
    width: 100%;
    height: auto;
    float: left;
    padding-left: 5px;
    padding-top: 5px;
}

.send-group-button[b-nrnmpe6c19] {
    position: absolute;
    display: inline-block;
    background-color: #1d93ab;
    border-radius: 10px;
    right: 10px;
    top: 25%;
}

.disable-button[b-nrnmpe6c19] {
    opacity: 0.5;
}

.input-box-button[b-nrnmpe6c19] {
    height: 2rem;
    width: 3.5rem;
    background-color: #1d93ab;
    border-radius: 10px;
    color: #ffffff;
    outline: none;
    border: none;
}

.modelChatBox[b-nrnmpe6c19] {
    min-width: 400px;
    width: 100%;
    padding: 0 20px;
    overflow-y: auto;
    height: 80%;
}


.ImgButtonBoxCss[b-nrnmpe6c19] {
    border: solid 1px #E8E9EB;
    border-radius: 7px;
    max-width: 95%;
    cursor: pointer;
    padding: 10px 0;
}

.ImgButtonBoxCss-selected[b-nrnmpe6c19] {
    border: solid 1px #04519F;
    background-color: #EEF3FE;
}

.ImgButtonBoxCss-disabled[b-nrnmpe6c19] {
    cursor: inherit;
}

.ImgButtonBoxCss .gridlayout-img[b-nrnmpe6c19] {
    align-items: center;
}

.ImgButtonBoxCss .gridlayout-remark[b-nrnmpe6c19] {
    color: #5c5f66;
    font-size: 12px;
    line-height: 20px;
    justify-content: left;
}

.ImgButtonBoxCss .gridlayout-text[b-nrnmpe6c19] {
    font-size: 14px;
    font-weight: 500;
    line-height: 32px;
    justify-content: left;
}

.answerRemarkCss[b-nrnmpe6c19] {
    color: #84868c;
    line-height: 30px;
    font-size: 12px;
}

.modelDetailBoxCss[b-nrnmpe6c19] {
    display: flex;
    justify-content: space-between;
    line-height: 40px;
}

    .modelDetailBoxCss .left[b-nrnmpe6c19] {
        font-size: 14px;
    }

    .modelDetailBoxCss .right[b-nrnmpe6c19] {
        color: #04519F;
    }

.modelDetailBoxCss[b-nrnmpe6c19] {
    width: 100%;
    height: 40px;
    margin-top: 10px;
    border: 1px solid;
}

.class_user_radius[b-nrnmpe6c19] {
    border-radius: 3px;
    border-bottom: 1px solid #A9A9A9 !important;
}

.class_user_border[b-nrnmpe6c19] {
    border: 1px solid #A9A9A9 !important;
}

.class_user_border_box[b-nrnmpe6c19] {
    width: 100%;
    height: 100%;
}

/* 左侧当前会话客户区域 鼠标移入移出 背景色 */
.class_userlistbox_color[b-nrnmpe6c19] {
    background-color: #D9D9D9;
}
/* 左侧当前会话客户区域 选中客户 背景色 */
.class_userlistbox_color_checked[b-nrnmpe6c19] {
    background-color: #D9D9D9;
}

/* 测试：客户1001被选中 左侧当前会话客户区域 选中客户 背景色 */
/*#UserListBoxTemplate_1001 {
    background-color: #D9D9D9;
}*/

.class_form_div[b-nrnmpe6c19] {
    width: 100%;
}

/* 左侧当前会话用户列表区域 */
.questionUserList-box[b-nrnmpe6c19] {
    padding-top: 0.2rem;
    padding-bottom: 0.6rem;
}

/* 左侧当前会话用户列表-标题区 */
.questionUserList-title[b-nrnmpe6c19] {
    width: 100%;
    height: 50px;
    margin-top: 5px;
    padding: 15px 5px 15px 5px;
    /*text-align: left;*/
    float: left;
    font-size: 14px;
    /*background-color: #F5F5F5;*/
    /*border-radius: 3px;*/
    /*border-top: 2px solid #A9A9A9 !important;*/
}

    .questionUserList-title .content-text[b-nrnmpe6c19] {
        float: left;
        width: 90%;
    }

    .questionUserList-title .content-icon[b-nrnmpe6c19] {
        float: right;
        width: 10%;
    }


/* 左侧用户列表-空头像 */
.questionUserList-photo[b-nrnmpe6c19] {
    background-color: #2196F4;
    color: #fff;
    border-radius: 10px;
    display: inline-block;
    padding: 7px 4px;
    font-size: 12px;
}

/* 左侧"我的对话"用户列表-div */
.questionUserList-div[b-nrnmpe6c19] {
    width: 100%;
    /*padding-top: 20px;*/
}
/* 左侧"同事的对话"用户列表-div */
.questionUserListOther-div[b-nrnmpe6c19] {
    width: 100%;
    padding-top: 20px;
}
/* 左侧"排队"用户列表-div */
.questionUserListQueue-div[b-nrnmpe6c19] {
    width: 100%;
    padding-top: 20px;
}

/* 我的对话-展开用户列表 */
.questionUserList-open[b-nrnmpe6c19] {
    /*height:80% !important;*/
    /*margin-bottom: 100%;*/
    min-height: 80vh;
}

/* 左侧显示用户区域 */
.user-box[b-nrnmpe6c19] {
    width: 100%;
    height: 60px;
    padding: 1rem 0 0 1rem;
    display: inline-flex;
}

.user-photo-box[b-nrnmpe6c19] {
    width: 40px;
    height: 40px;
    float: left;
    display: inline-block;
}

.user-photo[b-nrnmpe6c19] {
    width: 32px;
    height: 32px;
    border-radius: 10px;
}

.user-content-box[b-nrnmpe6c19] {
    display: inline-block;
    width: 88%;
    height: 60px;
    float: left;
}

    .user-content-box .userName[b-nrnmpe6c19] {
        width: 70%;
        float: left;
        text-align: left;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
    }

    .user-content-box .lastTime[b-nrnmpe6c19] {
        width: 30%;
        float: left;
        text-align: right;
        padding-right: 15px;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
    }

    .user-content-box .lastQuestion[b-nrnmpe6c19] {
        width: 80%;
        max-width: 200px;
        /*width: 160px;
        max-width: 200px;
        min-width: 120px;*/
        float: left;
        text-align: left;
        white-space: nowrap;
        overflow: hidden;
        color: #F94906;
        text-overflow: ellipsis;
    }

[b-nrnmpe6c19] .user-content-box > p {
    margin-bottom: 0;
}

/* 右侧整体对话区域 */
.answerQuestion-box[b-nrnmpe6c19] {
    /*padding-top: 1rem;*/
    padding-top: 0.2rem;
    padding-bottom: 0.6rem;
}

/* 右侧客户回复区域 */
.questionUser-box[b-nrnmpe6c19] {
    /*background-color: #F5F5F5;*/
    width: 100%;
    float: left;
    border-radius: 10px;
    padding: 0.5rem 0 0.5rem 0.5rem;
}

    /* 右侧客户回复区域-标题：头像+昵称+时间 */
    .questionUser-box .questionUser-title[b-nrnmpe6c19] {
        height: 32px;
        width: 100%;
        float: left;
    }
    /* 右侧客户头像 */
    .questionUser-box .questionUser-photo[b-nrnmpe6c19] {
        background-color: #2196F4;
        color: #fff;
        border-radius: 10px;
        display: inline-block;
        padding: 7px 4px;
        font-size: 12px;
        width: 32px !important;
        height: 32px !important;
    }
    /* 右侧客户回复区域-回复内容 */
    .questionUser-box .questionUser-content[b-nrnmpe6c19] {
        display: inline-block;
        /*width: 100%;*/
        background-color: #F5F5F5;
        float: left;
        margin-left: 20px;
        border-radius: 10px;
        padding: 1rem;
    }


/* 右侧客服回复区域 */
.answerUser-box[b-nrnmpe6c19] {
    /*width:100%;
    padding: 1rem 0 0 1rem;
    display: inline-flex;*/

    width: 100%;
    float: right;
    border-radius: 10px;
    padding: 0.5rem 0.5rem 0.5rem 0.5rem;
}

    /* 右侧客服回复区域-客服回复-标题：名称+时间 */
    .answerUser-box .answerUser-title[b-nrnmpe6c19] {
        width: 100%;
        float: right;
        padding: 0.5rem 0 0.5rem 0.5rem;
    }

    /* 右侧客服回复区域-客服回复-内容 */
    .answerUser-box .answerUser-content[b-nrnmpe6c19] {
        display: inline-block;
        /*width: 100%;*/
        float: right;
        background-color: #D9EDFA;
        border-radius: 10px;
        padding: 1rem;
    }


/*当前对话窗口-顶部框架*/
.gridlayout-toolbar[b-nrnmpe6c19] {
    padding-bottom: 1rem;
    padding-top: 5px;
}
/*当前对话窗口-顶部框架*/
.class_AnswerQuestionRecordToolBar[b-nrnmpe6c19] {
    height: 50px;
    width: 100%;
    border-bottom: 1px solid #A9A9A9 !important;
}

#chat-list-box[b-nrnmpe6c19] {
    height: 100%;
    overflow-y: auto;
    width: 100%;
    float: left;
    flex-direction: column-reverse;
}
#aichat-list-box[b-nrnmpe6c19] {
    height: 100%;
    overflow-y: auto;
    width: 100%;
    float: left;
    flex-direction: column-reverse;
}

#osschat-list-box[b-nrnmpe6c19] {
    height: 100%;
    overflow-y: auto;
    width: 100%;
    float: left;
    flex-direction: column-reverse;
}
/*当前对话窗口-右侧框架*/
.class_AnswerQuestionRecordRightSide[b-nrnmpe6c19] {
    height: 100%;
    overflow-y: auto;
    width: 100%;
    float: left;
}

    /*当前对话窗口-右侧框架-客户信息-描述-输入框-外部框架*/
    .class_AnswerQuestionRecordRightSide .sendQuestionUserRemarksBox[b-nrnmpe6c19] {
        width: 100%;
        position: relative;
        float: left;
        margin-bottom: 25px;
    }

        /*当前对话窗口-右侧框架-客户信息-描述-输入框*/
        .class_AnswerQuestionRecordRightSide .sendQuestionUserRemarksBox #QuestionUserRemarks[b-nrnmpe6c19] {
            border-radius: 4px !important;
            min-height: 30px !important;
            max-height: 120px !important;
        }

    /*当前对话窗口-右侧框架-客户信息-描述-输入框-外部框架*/
    .class_AnswerQuestionRecordRightSide .class_RightSide_TabPage[b-nrnmpe6c19] {
        width: 100%;
        height: 100%;
        border-radius: 10px;
        padding: 0.5rem 0.5rem 0.5rem 0.5rem;
    }

.class_TabPage_Item[b-nrnmpe6c19] {
    margin-top: 5px;
    padding-top: 5px;
    padding-bottom: 5px;
}

    .class_TabPage_Item .class_TabPage_Item_Div[b-nrnmpe6c19] {
        width: 100%;
        padding: 0px 5px 0px 5px;
        text-align: left;
    }

.div_p[b-nrnmpe6c19] {
    float: left;
    width: 100%;
    margin-top: 5px;
    margin-bottom: 3px;
    text-align: left;
}

    .div_p .div_p_span[b-nrnmpe6c19] {
        width: 25%;
        color: dimgrey;
        text-align: left;
        float: left;
        padding-top: 3px;
    }

    .div_p .div_p_box[b-nrnmpe6c19] {
        width: 70%;
        text-align: left;
        float: left;
    }

.content-text[b-nrnmpe6c19] {
    font-size: 16px;
}


/* 左侧显示用户区域 */
.chatromm-user-box[b-nrnmpe6c19] {
    width: 100%;
    height: 40px;
    padding: 0.5rem 0 0 0.5rem;
    display: inline-flex;
}

.chatromm-user-photo-box[b-nrnmpe6c19] {
    width: 40px;
    height: 40px;
    float: left;
    display: inline-block;
}

.chatromm-user-photo[b-nrnmpe6c19] {
    width: 32px;
    height: 32px;
    border-radius: 10px;
}

.chatromm-user-content-box[b-nrnmpe6c19] {
    display: inline-block;
    width: 88%;
    height: 40px;
    float: left;
}

    .chatromm-user-content-box .userName[b-nrnmpe6c19] {
        width: 70%;
        float: left;
        text-align: left;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        padding-top: 6px;
    }

    .chatromm-user-content-box .lastTime[b-nrnmpe6c19] {
        width: 30%;
        float: left;
        text-align: right;
        padding-right: 15px;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
    }

    .chatromm-user-content-box .lastQuestion[b-nrnmpe6c19] {
        width: 80%;
        max-width: 200px;
        /*width: 160px;
        max-width: 200px;
        min-width: 120px;*/
        float: left;
        text-align: left;
        white-space: nowrap;
        overflow: hidden;
        color: #F94906;
        text-overflow: ellipsis;
    }

[b-nrnmpe6c19] .chatromm-user-content-box > p {
    margin-bottom: 0;
}
/* _content/SmartAnswer/Pages/Chat/OnlineChatChatMaxCount.razor.rz.scp.css */
.gridlayout-item[b-sca9q56hdb] {
    height: 100%;
    position: relative;
    z-index: 0;
    display: flex;
    align-items: start;
    justify-content: center;
}

    .gridlayout-item[b-sca9q56hdb]:before {
        content: " ";
        position: absolute;
        z-index: -1;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
    }


.gridlayout-footer[b-sca9q56hdb] {
    padding-bottom: 2rem;
    padding-top: 20px;
}

    .gridlayout-footer[b-sca9q56hdb]:before {
    }

.gridlayout-left-side-bar[b-sca9q56hdb] {
    padding: 1rem 1rem 2rem 1rem;
    overflow-y: auto;
    /*background-color: #F5F5F5;*/
    box-shadow: 1px 0px 5px #dfdddd;
}

@media (max-width: 575.98px) {
    .gridlayout-item[b-sca9q56hdb] {
        font-size: 0.9em;
    }
}

.logo-box[b-sca9q56hdb] {
    text-align: center;
    padding: 1rem 0;
}

.robot-box[b-sca9q56hdb] {
    padding: 1rem 0 0 1rem;
    display: inline-flex;
}

.robot-photo-box[b-sca9q56hdb] {
    display: inline-block;
}

.robot-photo[b-sca9q56hdb] {
    width: 32px;
    height: 32px;
    border-radius: 10px;
}

.filterList-title[b-sca9q56hdb] {
    width: 100%;
    margin-top: 15px;
    float: left;
    font-size: 14px;
}

/* 右侧客户头像 */
.questionUser-photo[b-sca9q56hdb] {
    background-color: #2196F4;
    color: #fff;
    border-radius: 10px;
    display: inline-block;
    padding: 7px 4px;
    font-size: 12px;
}

/* 最上层按钮 */
.class_div_Toolbar[b-sca9q56hdb] {
    width: 100% !important;
    height: 100% !important;
    padding: 5px;
}

    .class_div_Toolbar .ToolbarTitle[b-sca9q56hdb] {
        padding-left: 3px;
        padding-top: 7px;
        font-size: 14px;
        text-align: left;
    }

    .class_div_Toolbar .ToolbarButton[b-sca9q56hdb] {
        padding-left: 5px;
        float: right;
    }

/* 按钮图片 */
.btn-icon-listOpen[b-sca9q56hdb] {
    height: 35px !important;
    margin-left: 10px;
    margin-right: 10px;
    float: right;
    -webkit-mask-image: url("https://demos.devexpress.com/blazor/_content/BlazorDemo/images/icons/like.svg");
    mask-image: url("https://demos.devexpress.com/blazor/_content/BlazorDemo/images/icons/like.svg");
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    background-color: currentColor;
}

/* 列表外部高度 */
.class_div_GridData[b-sca9q56hdb] {
    width: 100% !important;
    height: 100% !important;
}

.questionUser-photo[b-sca9q56hdb] {
    background-color: #2196F4;
    color: #fff;
    border-radius: 10px;
    display: inline-block;
    padding: 7px 4px;
    font-size: 12px;
}


.class_online[b-sca9q56hdb] {
    background-color: #00c800;
    color: #fff;
    border-radius: 10px;
    display: inline-block;
    font-size: 12px;
    width: 8px !important;
    height: 8px !important;
}


.class_offline[b-sca9q56hdb] {
    background-color: #9a9a9a;
    color: #fff;
    border-radius: 10px;
    display: inline-block;
    font-size: 12px;
    width: 8px !important;
    height: 8px !important;
}

.class_hiding[b-sca9q56hdb] {
    background-color: #f25d5d;
    color: #fff;
    border-radius: 10px;
    display: inline-block;
    font-size: 12px;
    width: 8px !important;
    height: 8px !important;
}
/* _content/SmartAnswer/Pages/Chat/OnlineChatOss.razor.rz.scp.css */
.gridlayout-item[b-yf948q7mpn] {
    height: 100%;
    position: relative;
    z-index: 0;
    display: flex;
    align-items: start;
    justify-content: center;
}

    .gridlayout-item[b-yf948q7mpn]:before {
        content: " ";
        position: absolute;
        z-index: -1;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
    }


.gridlayout-content[b-yf948q7mpn]:before {
}

.gridlayout-footer[b-yf948q7mpn] {
    padding-bottom: 2rem;
    padding-top: 5px;
}

    .gridlayout-footer[b-yf948q7mpn]:before {
    }

.gridlayout-left-side-bar[b-yf948q7mpn] {
    padding: 0rem 1rem 2rem 1rem;
    overflow-y: auto;
    background-color: #F5F5F5;
    box-shadow: 1px 0px 5px #dfdddd;
}

    .gridlayout-left-side-bar[b-yf948q7mpn]:before {
    }

@media (max-width: 575.98px) {
    .gridlayout-item[b-yf948q7mpn] {
        font-size: 0.9em;
    }
}

.logo-box[b-yf948q7mpn] {
    text-align: center;
    padding: 1rem 0;
}

.robot-box[b-yf948q7mpn] {
    padding: 1rem 0 0 1rem;
    display: inline-flex;
}

.robot-photo-box[b-yf948q7mpn] {
    display: inline-block;
}

.robot-photo[b-yf948q7mpn] {
    width: 32px;
    height: 32px;
    border-radius: 10px;
}

.robot-content[b-yf948q7mpn] {
    display: inline-block;
    width: 93%;
    padding-left: 10px;
}

[b-yf948q7mpn] .robot-content > p {
    margin-bottom: 0;
}

/*提问框整体框架*/
.class_sendBox_div[b-yf948q7mpn] {
    width: 100%;
    /*min-height: 65px !important;
    max-height: 185px !important;*/
    padding-left: 5px;
    padding-right: 5px;
    border-top: 2px solid #A9A9A9 !important;
    /*padding: 0 5px 0 5px;*/
}
/*提问框按钮*/
.sendBox[b-yf948q7mpn] {
    position: relative;
    width: 100%;
    height: auto;
    float: left;
    padding-left: 5px;
    padding-top: 5px;
}

.send-group-button[b-yf948q7mpn] {
    position: absolute;
    display: inline-block;
    background-color: #1d93ab;
    border-radius: 10px;
    right: 10px;
    top: 25%;
}

.disable-button[b-yf948q7mpn] {
    opacity: 0.5;
}

.input-box-button[b-yf948q7mpn] {
    height: 2rem;
    width: 3.5rem;
    background-color: #1d93ab;
    border-radius: 10px;
    color: #ffffff;
    outline: none;
    border: none;
}

.modelChatBox[b-yf948q7mpn] {
    min-width: 400px;
    width: 100%;
    padding: 0 20px;
    overflow-y: auto;
    height: 80%;
}


.ImgButtonBoxCss[b-yf948q7mpn] {
    border: solid 1px #E8E9EB;
    border-radius: 7px;
    max-width: 95%;
    cursor: pointer;
    padding: 10px 0;
}

.ImgButtonBoxCss-selected[b-yf948q7mpn] {
    border: solid 1px #04519F;
    background-color: #EEF3FE;
}

.ImgButtonBoxCss-disabled[b-yf948q7mpn] {
    cursor: inherit;
}

.ImgButtonBoxCss .gridlayout-img[b-yf948q7mpn] {
    align-items: center;
}

.ImgButtonBoxCss .gridlayout-remark[b-yf948q7mpn] {
    color: #5c5f66;
    font-size: 12px;
    line-height: 20px;
    justify-content: left;
}

.ImgButtonBoxCss .gridlayout-text[b-yf948q7mpn] {
    font-size: 14px;
    font-weight: 500;
    line-height: 32px;
    justify-content: left;
}

.answerRemarkCss[b-yf948q7mpn] {
    color: #84868c;
    line-height: 30px;
    font-size: 12px;
}

.modelDetailBoxCss[b-yf948q7mpn] {
    display: flex;
    justify-content: space-between;
    line-height: 40px;
}

    .modelDetailBoxCss .left[b-yf948q7mpn] {
        font-size: 14px;
    }

    .modelDetailBoxCss .right[b-yf948q7mpn] {
        color: #04519F;
    }

.modelDetailBoxCss[b-yf948q7mpn] {
    width: 100%;
    height: 40px;
    margin-top: 10px;
    border: 1px solid;
}

.class_user_radius[b-yf948q7mpn] {
    border-radius: 3px;
    border-bottom: 1px solid #A9A9A9 !important;
}

.class_user_border[b-yf948q7mpn] {
    border: 1px solid #A9A9A9 !important;
}

.class_user_border_box[b-yf948q7mpn] {
    width: 100%;
    height: 100%;
}

/* 左侧当前会话客户区域 鼠标移入移出 背景色 */
.class_userlistbox_color[b-yf948q7mpn] {
    background-color: #D9D9D9;
}
/* 左侧当前会话客户区域 选中客户 背景色 */
.class_userlistbox_color_checked[b-yf948q7mpn] {
    background-color: #D9D9D9;
}

/* 测试：客户1001被选中 左侧当前会话客户区域 选中客户 背景色 */
/*#UserListBoxTemplate_1001 {
    background-color: #D9D9D9;
}*/

.class_form_div[b-yf948q7mpn] {
    width: 100%;
}

/* 左侧当前会话用户列表区域 */
.questionUserList-box[b-yf948q7mpn] {
    padding-top: 0.2rem;
    padding-bottom: 0.6rem;
}

/* 左侧当前会话用户列表-标题区 */
.questionUserList-title[b-yf948q7mpn] {
    width: 100%;
    height: 50px;
    margin-top: 5px;
    padding: 15px 5px 15px 5px;
    /*text-align: left;*/
    float: left;
    font-size: 14px;
    /*background-color: #F5F5F5;*/
    /*border-radius: 3px;*/
    /*border-top: 2px solid #A9A9A9 !important;*/
}

    .questionUserList-title .content-text[b-yf948q7mpn] {
        float: left;
        width: 90%;
    }

    .questionUserList-title .content-icon[b-yf948q7mpn] {
        float: right;
        width: 10%;
    }


/* 左侧用户列表-空头像 */
.questionUserList-photo[b-yf948q7mpn] {
    background-color: #2196F4;
    color: #fff;
    border-radius: 10px;
    display: inline-block;
    padding: 7px 4px;
    font-size: 12px;
}

/* 左侧"我的对话"用户列表-div */
.questionUserList-div[b-yf948q7mpn] {
    width: 100%;
    /*padding-top: 20px;*/
}
/* 左侧"同事的对话"用户列表-div */
.questionUserListOther-div[b-yf948q7mpn] {
    width: 100%;
    padding-top: 20px;
}
/* 左侧"排队"用户列表-div */
.questionUserListQueue-div[b-yf948q7mpn] {
    width: 100%;
    padding-top: 20px;
}

/* 我的对话-展开用户列表 */
.questionUserList-open[b-yf948q7mpn] {
    /*height:80% !important;*/
    /*margin-bottom: 100%;*/
    min-height: 80vh;
}

/* 左侧显示用户区域 */
.user-box[b-yf948q7mpn] {
    width: 100%;
    height: 60px;
    padding: 1rem 0 0 1rem;
    display: inline-flex;
}

.user-photo-box[b-yf948q7mpn] {
    width: 40px;
    height: 40px;
    float: left;
    display: inline-block;
}

.user-photo[b-yf948q7mpn] {
    width: 32px;
    height: 32px;
    border-radius: 10px;
}

.user-content-box[b-yf948q7mpn] {
    display: inline-block;
    width: 88%;
    height: 60px;
    float: left;
}

    .user-content-box .userName[b-yf948q7mpn] {
        width: 70%;
        float: left;
        text-align: left;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
    }

    .user-content-box .lastTime[b-yf948q7mpn] {
        width: 30%;
        float: left;
        text-align: right;
        padding-right: 15px;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
    }

    .user-content-box .lastQuestion[b-yf948q7mpn] {
        width: 80%;
        max-width: 200px;
        /*width: 160px;
        max-width: 200px;
        min-width: 120px;*/
        float: left;
        text-align: left;
        white-space: nowrap;
        overflow: hidden;
        color: #F94906;
        text-overflow: ellipsis;
    }

[b-yf948q7mpn] .user-content-box > p {
    margin-bottom: 0;
}

/* 右侧整体对话区域 */
.answerQuestion-box[b-yf948q7mpn] {
    /*padding-top: 1rem;*/
    padding-top: 0.2rem;
    padding-bottom: 0.6rem;
}

/* 右侧客户回复区域 */
.questionUser-box[b-yf948q7mpn] {
    /*background-color: #F5F5F5;*/
    width: 100%;
    float: left;
    border-radius: 10px;
    padding: 0.5rem 0 0.5rem 0.5rem;
}

    /* 右侧客户回复区域-标题：头像+昵称+时间 */
    .questionUser-box .questionUser-title[b-yf948q7mpn] {
        height: 32px;
        width: 100%;
        float: left;
    }
    /* 右侧客户头像 */
    .questionUser-box .questionUser-photo[b-yf948q7mpn] {
        background-color: #2196F4;
        color: #fff;
        border-radius: 10px;
        display: inline-block;
        padding: 7px 4px;
        font-size: 12px;
        width: 32px !important;
        height: 32px !important;
    }
    /* 右侧客户回复区域-回复内容 */
    .questionUser-box .questionUser-content[b-yf948q7mpn] {
        display: inline-block;
        /*width: 100%;*/
        background-color: #F5F5F5;
        float: left;
        margin-left: 20px;
        border-radius: 10px;
        padding: 1rem;
    }


/* 右侧客服回复区域 */
.answerUser-box[b-yf948q7mpn] {
    /*width:100%;
    padding: 1rem 0 0 1rem;
    display: inline-flex;*/

    width: 100%;
    float: right;
    border-radius: 10px;
    padding: 0.5rem 0.5rem 0.5rem 0.5rem;
}

    /* 右侧客服回复区域-客服回复-标题：名称+时间 */
    .answerUser-box .answerUser-title[b-yf948q7mpn] {
        width: 100%;
        float: right;
        padding: 0.5rem 0 0.5rem 0.5rem;
    }

    /* 右侧客服回复区域-客服回复-内容 */
    .answerUser-box .answerUser-content[b-yf948q7mpn] {
        display: inline-block;
        /*width: 100%;*/
        float: right;
        background-color: #D9EDFA;
        border-radius: 10px;
        padding: 1rem;
    }


/*当前对话窗口-顶部框架*/
.gridlayout-toolbar[b-yf948q7mpn] {
    padding-bottom: 1rem;
    padding-top: 5px;
}
/*当前对话窗口-顶部框架*/
.class_AnswerQuestionRecordToolBar[b-yf948q7mpn] {
    height: 50px;
    width: 100%;
    border-bottom: 1px solid #A9A9A9 !important;
}

#chat-list-box[b-yf948q7mpn] {
    height: 100%;
    overflow-y: auto;
    width: 100%;
    float: left;
    flex-direction: column-reverse;
}
#aichat-list-box[b-yf948q7mpn] {
    height: 100%;
    overflow-y: auto;
    width: 100%;
    float: left;
    flex-direction: column-reverse;
}

#osschat-list-box[b-yf948q7mpn] {
    height: 100%;
    overflow-y: auto;
    width: 100%;
    float: left;
    flex-direction: column-reverse;
}
/*当前对话窗口-右侧框架*/
.class_AnswerQuestionRecordRightSide[b-yf948q7mpn] {
    height: 100%;
    overflow-y: auto;
    width: 100%;
    float: left;
}

    /*当前对话窗口-右侧框架-客户信息-描述-输入框-外部框架*/
    .class_AnswerQuestionRecordRightSide .sendQuestionUserRemarksBox[b-yf948q7mpn] {
        width: 100%;
        position: relative;
        float: left;
        margin-bottom: 25px;
    }

        /*当前对话窗口-右侧框架-客户信息-描述-输入框*/
        .class_AnswerQuestionRecordRightSide .sendQuestionUserRemarksBox #QuestionUserRemarks[b-yf948q7mpn] {
            border-radius: 4px !important;
            min-height: 30px !important;
            max-height: 120px !important;
        }

    /*当前对话窗口-右侧框架-客户信息-描述-输入框-外部框架*/
    .class_AnswerQuestionRecordRightSide .class_RightSide_TabPage[b-yf948q7mpn] {
        width: 100%;
        height: 100%;
        border-radius: 10px;
        padding: 0.5rem 0.5rem 0.5rem 0.5rem;
    }

.class_TabPage_Item[b-yf948q7mpn] {
    margin-top: 5px;
    padding-top: 5px;
    padding-bottom: 5px;
}

    .class_TabPage_Item .class_TabPage_Item_Div[b-yf948q7mpn] {
        width: 100%;
        padding: 0px 5px 0px 5px;
        text-align: left;
    }

.div_p[b-yf948q7mpn] {
    float: left;
    width: 100%;
    margin-top: 5px;
    margin-bottom: 3px;
    text-align: left;
}

    .div_p .div_p_span[b-yf948q7mpn] {
        width: 25%;
        color: dimgrey;
        text-align: left;
        float: left;
        padding-top: 3px;
    }

    .div_p .div_p_box[b-yf948q7mpn] {
        width: 70%;
        text-align: left;
        float: left;
    }

.content-text[b-yf948q7mpn] {
    font-size: 16px;
}


/* 左侧显示用户区域 */
.chatromm-user-box[b-yf948q7mpn] {
    width: 100%;
    height: 40px;
    padding: 0.5rem 0 0 0.5rem;
    display: inline-flex;
}

.chatromm-user-photo-box[b-yf948q7mpn] {
    width: 40px;
    height: 40px;
    float: left;
    display: inline-block;
}

.chatromm-user-photo[b-yf948q7mpn] {
    width: 32px;
    height: 32px;
    border-radius: 10px;
}

.chatromm-user-content-box[b-yf948q7mpn] {
    display: inline-block;
    width: 88%;
    height: 40px;
    float: left;
}

    .chatromm-user-content-box .userName[b-yf948q7mpn] {
        width: 70%;
        float: left;
        text-align: left;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        padding-top: 6px;
    }

    .chatromm-user-content-box .lastTime[b-yf948q7mpn] {
        width: 30%;
        float: left;
        text-align: right;
        padding-right: 15px;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
    }

    .chatromm-user-content-box .lastQuestion[b-yf948q7mpn] {
        width: 80%;
        max-width: 200px;
        /*width: 160px;
        max-width: 200px;
        min-width: 120px;*/
        float: left;
        text-align: left;
        white-space: nowrap;
        overflow: hidden;
        color: #F94906;
        text-overflow: ellipsis;
    }

[b-yf948q7mpn] .chatromm-user-content-box > p {
    margin-bottom: 0;
}
/* _content/SmartAnswer/Pages/Chat/OnlineChatQuickReply.razor.rz.scp.css */
.gridlayout-item[b-cvvynyhg4l] {
    height: 100%;
    position: relative;
    z-index: 0;
    display: flex;
    align-items: start;
    justify-content: center;
}

    .gridlayout-item[b-cvvynyhg4l]:before {
        content: " ";
        position: absolute;
        z-index: -1;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
    }


.gridlayout-footer[b-cvvynyhg4l] {
    padding-bottom: 2rem;
    padding-top: 20px;
}

    .gridlayout-footer[b-cvvynyhg4l]:before {
    }

.gridlayout-left-side-bar[b-cvvynyhg4l] {
    padding: 1rem 1rem 2rem 1rem;
    overflow-y: auto;
    /*background-color: #F5F5F5;*/
    box-shadow: 1px 0px 5px #dfdddd;
}

@media (max-width: 575.98px) {
    .gridlayout-item[b-cvvynyhg4l] {
        font-size: 0.9em;
    }
}

.logo-box[b-cvvynyhg4l] {
    text-align: center;
    padding: 1rem 0;
}

.robot-box[b-cvvynyhg4l] {
    padding: 1rem 0 0 1rem;
    display: inline-flex;
}

.robot-photo-box[b-cvvynyhg4l] {
    display: inline-block;
}

.robot-photo[b-cvvynyhg4l] {
    width: 32px;
    height: 32px;
    border-radius: 10px;
}

.filterList-title[b-cvvynyhg4l] {
    width: 100%;
    margin-top: 15px;
    float: left;
    font-size: 14px;
}

/* 右侧客户头像 */
.questionUser-photo[b-cvvynyhg4l] {
    background-color: #2196F4;
    color: #fff;
    border-radius: 10px;
    display: inline-block;
    padding: 7px 4px;
    font-size: 12px;
}

/* 最上层按钮 */
.class_div_Toolbar[b-cvvynyhg4l] {
    width: 100% !important;
    height: 100% !important;
    padding: 5px;
}

    .class_div_Toolbar .ToolbarTitle[b-cvvynyhg4l] {
        padding-left: 3px;
        padding-top: 7px;
        font-size: 14px;
        text-align: left;
    }

    .class_div_Toolbar .ToolbarButton[b-cvvynyhg4l] {
        padding-left: 5px;
        float: right;
    }

/* 按钮图片 */
.btn-icon-listOpen[b-cvvynyhg4l] {
    height: 35px !important;
    margin-left: 10px;
    margin-right: 10px;
    float: right;
    -webkit-mask-image: url("https://demos.devexpress.com/blazor/_content/BlazorDemo/images/icons/like.svg");
    mask-image: url("https://demos.devexpress.com/blazor/_content/BlazorDemo/images/icons/like.svg");
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    background-color: currentColor;
}

/* 列表外部高度 */
.class_div_GridData[b-cvvynyhg4l] {
    width: 100% !important;
    height: 100% !important;
}

.questionUser-photo[b-cvvynyhg4l] {
    background-color: #2196F4;
    color: #fff;
    border-radius: 10px;
    display: inline-block;
    padding: 7px 4px;
    font-size: 12px;
}


.class_online[b-cvvynyhg4l] {
    background-color: #00c800;
    color: #fff;
    border-radius: 10px;
    display: inline-block;
    font-size: 12px;
    width: 8px !important;
    height: 8px !important;
}


.class_offline[b-cvvynyhg4l] {
    background-color: #9a9a9a;
    color: #fff;
    border-radius: 10px;
    display: inline-block;
    font-size: 12px;
    width: 8px !important;
    height: 8px !important;
}

.class_hiding[b-cvvynyhg4l] {
    background-color: #f25d5d;
    color: #fff;
    border-radius: 10px;
    display: inline-block;
    font-size: 12px;
    width: 8px !important;
    height: 8px !important;
}
/* _content/SmartAnswer/Pages/Chat/OnlineChatSearch.razor.rz.scp.css */
.gridlayout-item[b-nm6g3kd3ed] {
    height: 100%;
    position: relative;
    z-index: 0;
    display: flex;
    align-items: start;
    justify-content: center;
}

    .gridlayout-item[b-nm6g3kd3ed]:before {
        content: " ";
        position: absolute;
        z-index: -1;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
    }


.gridlayout-footer[b-nm6g3kd3ed] {
    padding-bottom: 2rem;
    padding-top: 20px;
}

    .gridlayout-footer[b-nm6g3kd3ed]:before {
    }

.gridlayout-left-side-bar[b-nm6g3kd3ed] {
    padding: 1rem 1rem 2rem 1rem;
    overflow-y: auto;
    /*background-color: #F5F5F5;*/
    box-shadow: 1px 0px 5px #dfdddd;
}

@media (max-width: 575.98px) {
    .gridlayout-item[b-nm6g3kd3ed] {
        font-size: 0.9em;
    }
}

.logo-box[b-nm6g3kd3ed] {
    text-align: center;
    padding: 1rem 0;
}

.robot-box[b-nm6g3kd3ed] {
    padding: 1rem 0 0 1rem;
    display: inline-flex;
}

.robot-photo-box[b-nm6g3kd3ed] {
    display: inline-block;
}

.robot-photo[b-nm6g3kd3ed] {
    width: 32px;
    height: 32px;
    border-radius: 10px;
}

.filterList-title[b-nm6g3kd3ed] {
    width: 100%;
    margin-top: 15px;
    float: left;
    font-size: 14px;
}

/* 右侧客户头像 */
.questionUser-photo[b-nm6g3kd3ed] {
    background-color: #2196F4;
    color: #fff;
    border-radius: 10px;
    display: inline-block;
    padding: 7px 4px;
    font-size: 12px;
}

/* 最上层按钮 */
.class_div_Toolbar[b-nm6g3kd3ed] {
    width: 100% !important;
    height: 100% !important;
    padding: 5px;
}

    .class_div_Toolbar .ToolbarTitle[b-nm6g3kd3ed] {
        padding-left: 3px;
        padding-top: 7px;
        font-size: 14px;
        text-align: left;
    }

    .class_div_Toolbar .ToolbarButton[b-nm6g3kd3ed] {
        padding-left: 5px;
        float: right;
    }

/* 按钮图片 */
.btn-icon-listOpen[b-nm6g3kd3ed] {
    height: 35px !important;
    margin-left: 10px;
    margin-right: 10px;
    float: right;
    -webkit-mask-image: url("https://demos.devexpress.com/blazor/_content/BlazorDemo/images/icons/like.svg");
    mask-image: url("https://demos.devexpress.com/blazor/_content/BlazorDemo/images/icons/like.svg");
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    background-color: currentColor;
}

/* 列表外部高度 */
.class_div_GridData[b-nm6g3kd3ed] {
    width: 100% !important;
    height: 100% !important;
}

.questionUser-photo[b-nm6g3kd3ed] {
    background-color: #2196F4;
    color: #fff;
    border-radius: 10px;
    display: inline-block;
    padding: 7px 4px;
    font-size: 12px;
}


.class_online[b-nm6g3kd3ed] {
    background-color: #00c800;
    color: #fff;
    border-radius: 10px;
    display: inline-block;
    font-size: 12px;
    width: 8px !important;
    height: 8px !important;
}


.class_offline[b-nm6g3kd3ed] {
    background-color: #9a9a9a;
    color: #fff;
    border-radius: 10px;
    display: inline-block;
    font-size: 12px;
    width: 8px !important;
    height: 8px !important;
}

.class_hiding[b-nm6g3kd3ed] {
    background-color: #f25d5d;
    color: #fff;
    border-radius: 10px;
    display: inline-block;
    font-size: 12px;
    width: 8px !important;
    height: 8px !important;
}

.class_TabPage[b-nm6g3kd3ed] {
    width: 100%;
    height: 220px;
    max-height: 220px;
    border-radius: 10px;
    padding: 0.5rem 0.5rem 0.1rem 0.5rem;
    overflow-y: auto !important;
}

.class_online[b-nm6g3kd3ed] {
    background-color: #00c800;
    color: #fff;
    border-radius: 10px;
    display: inline-block;
    font-size: 12px;
    width: 8px !important;
    height: 8px !important;
}


.class_offline[b-nm6g3kd3ed] {
    background-color: #9a9a9a;
    color: #fff;
    border-radius: 10px;
    display: inline-block;
    font-size: 12px;
    width: 8px !important;
    height: 8px !important;
}

.class_hiding[b-nm6g3kd3ed] {
    background-color: #f25d5d;
    color: #fff;
    border-radius: 10px;
    display: inline-block;
    font-size: 12px;
    width: 8px !important;
    height: 8px !important;
}

/* _content/SmartAnswer/Pages/Chat/OnlineChatTransfer.razor.rz.scp.css */

.class_online[b-1dma2skejd] {
    background-color: #00c800;
    color: #fff;
    border-radius: 10px;
    display: inline-block;
    font-size: 12px;
    width: 8px !important;
    height: 8px !important;
}


.class_offline[b-1dma2skejd] {
    background-color: #9a9a9a;
    color: #fff;
    border-radius: 10px;
    display: inline-block;
    font-size: 12px;
    width: 8px !important;
    height: 8px !important;
}

.class_hiding[b-1dma2skejd] {
    background-color: #f25d5d;
    color: #fff;
    border-radius: 10px;
    display: inline-block;
    font-size: 12px;
    width: 8px !important;
    height: 8px !important;
}
/* _content/SmartAnswer/Pages/Chat/OnlinePhoneChatList.razor.rz.scp.css */
/* 基础容器 */
.chat-tree[b-he7dctjjxr] {
    width: 100%;
    height: 100%;
    background-color: #ffffff;
    min-width: 240px;
}

.chat-tree__container[b-he7dctjjxr] {
    height: 100%;
    width: 100%;
}

.chat-tree__list[b-he7dctjjxr] {
    overflow-y: auto;
}

/* 分组样式 */
.chat-tree__group[b-he7dctjjxr] {
    padding: 8px;
}

.chat-tree__group-content[b-he7dctjjxr] {
    display: flex;
    align-items: center;
    gap: 4px;
}

.chat-tree__group-name[b-he7dctjjxr] {
    font-weight: 500;
    color: #1f2937;
    margin-left: 4px;
}

.chat-tree__group-count[b-he7dctjjxr] {
    font-size: 0.875rem;
}

.chat-tree__group-toggle[b-he7dctjjxr] {
    cursor: pointer;
    transition: all 0.2s ease;
    margin-left: 4px;
}

.chat-tree__group-toggle:hover[b-he7dctjjxr] {
    color: #1f2937;
}

/* 聊天项样式 */
.chat-tree__item[b-he7dctjjxr] {
    padding: 8px;
    cursor: pointer;
    transition: all 0.2s ease;
}


.chat-tree__item:hover[b-he7dctjjxr] {
    background-color: #f3f4f6;
}

.chat-tree__item-content[b-he7dctjjxr] {
    display: flex;
    gap: 8px;
    align-items: flex-start;
}

/* 头像样式 */
.chat-tree__avatar[b-he7dctjjxr] {
    flex-shrink: 0;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    overflow: hidden;
    margin-right: 4px;
}

.chat-tree__avatar-img[b-he7dctjjxr] {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* 信息区域 */
.chat-tree__info[b-he7dctjjxr] {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.chat-tree__header[b-he7dctjjxr] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}

.chat-tree__name[b-he7dctjjxr] {
    font-weight: 500;
    color: #1f2937;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 120px;
}

.chat-tree__time[b-he7dctjjxr] {
    font-size: 0.75rem;
    color: #6b7280;
    flex-shrink: 0;
    margin-left: auto;
}

.chat-tree__body[b-he7dctjjxr] {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.chat-tree__message-row[b-he7dctjjxr] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}

.chat-tree__message[b-he7dctjjxr] {
    color: #1f2937;
    font-size: 0.875rem;
    white-space: nowrap;
    text-overflow: ellipsis;
    flex: 1;
    margin-right: 8px;
}

.chat-tree__channel[b-he7dctjjxr] {
    font-size: 0.75rem;
    color: #6b7280;
    white-space: nowrap;
    flex-shrink: 0;
}


.list-bar-style[b-he7dctjjxr] {
    overflow-y: auto;
    background-color: #F5F5F5;
    box-shadow: 1px 0px 5px #dfdddd;
}
.list-bar-style[b-he7dctjjxr]:before {

}


.gridlayout-item[b-he7dctjjxr] {
    height: 100%;
    position: relative;
    z-index: 0;
    display: flex;
    align-items: start;
    justify-content: center;
}

.gridlayout-item[b-he7dctjjxr]:before {
    content: " ";
    position: absolute;
    z-index: -1;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}
/* _content/SmartAnswer/Pages/Chat/OnlinePhoneChatTransfer.razor.rz.scp.css */

.class_online[b-ufhmqbooiz] {
    background-color: #00c800;
    color: #fff;
    border-radius: 10px;
    display: inline-block;
    font-size: 12px;
    width: 8px !important;
    height: 8px !important;
}


.class_offline[b-ufhmqbooiz] {
    background-color: #9a9a9a;
    color: #fff;
    border-radius: 10px;
    display: inline-block;
    font-size: 12px;
    width: 8px !important;
    height: 8px !important;
}

.class_hiding[b-ufhmqbooiz] {
    background-color: #f25d5d;
    color: #fff;
    border-radius: 10px;
    display: inline-block;
    font-size: 12px;
    width: 8px !important;
    height: 8px !important;
}
/* _content/SmartAnswer/Pages/Chat/Oss/BillingUserDetailComponent.razor.rz.scp.css */

.childDivBox[b-zh69ukadgd] {
    float: left;
    width: 20%;
    /*border:1px solid red;*/
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: row;
}

.flexSpan2[b-zh69ukadgd] {
    width: 40%;
}

.childDiv[b-zh69ukadgd] {
    flex: 1
}

.firstLabelDiv[b-zh69ukadgd] {
    padding-top: 7px;
}

.labelDiv[b-zh69ukadgd] {
    padding-left: 20px
}

.buttonDiv[b-zh69ukadgd] {
    float: left;
    padding-left: 20px
}

.divHeader[b-zh69ukadgd] {
    align-items: center;
    text-align: center;
    vertical-align: middle;
    display: block;
}

.dx-datagrid-nowrap .dx-header-row > td > .dx-datagrid-text-content[b-zh69ukadgd] {
    display: block
}

.cellButtonStyle[b-zh69ukadgd] {
    height: 23px;
}

.cellDeleteButtonStyle[b-zh69ukadgd] {
    color: #f93e3e;
    /*color: white;*/
    /*background-color: #F56C6C;*/
    /*background-color: #f93e3e;*/
}

.marginStyle[b-zh69ukadgd] {
    margin: 0px 0px 0px 4px;
}

.cellTextButtonColorStyle[b-zh69ukadgd] {
    color: white;
    background-color: #337ab7;
    border-radius: 4px;
    border-width: 1px;
    border-style: solid;
}

#UserDetailLayer td[b-zh69ukadgd] {
    align-items: center;
    text-align: center;
    vertical-align: middle;
}

.dx-button[b-zh69ukadgd] {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    cursor: pointer;
    text-align: center;
    vertical-align: middle;
    max-width: 100%;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -webkit-user-drag: none;
}
.dx-icon-add[b-zh69ukadgd] {
    font: 14px/1 DXIcons;
}
.dx-icon-edit[b-zh69ukadgd] {
    font: 14px/1 DXIcons;
}
dx-icon-trash[b-zh69ukadgd] {
    font: 14px/1 DXIcons;
}
.btn-icon-like-Z[b-zh69ukadgd] {
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    background-color: green;
}
.btn-icon-like-F[b-zh69ukadgd] {
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    background-color: orange;
}
/* _content/SmartAnswer/Pages/Chat/Phone/MobileTabBar.razor.rz.scp.css */
.tab-bar[b-snr2yfwdba] {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    height: 60px;
    background-color: #fff;
    display: flex;
    border-top: 1px solid #eee;
    box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.05);
    z-index: 100;
}

.tab-item[b-snr2yfwdba] {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    color: #999;
    font-size: 12px;
    cursor: pointer;
    transition: all 0.3s ease;
}

.tab-item i[b-snr2yfwdba] {
    font-size: 22px;
    margin-bottom: 4px;
    position: relative;
}

.tab-item.active[b-snr2yfwdba] {
    color: #07c160;
}

.badge[b-snr2yfwdba] {
    position: absolute;
    top: -8px;
    right: -8px;
    background-color: #ff4d4f;
    color: white;
    border-radius: 10px;
    font-size: 10px;
    min-width: 16px;
    height: 16px;
    line-height: 16px;
    text-align: center;
    padding: 0 4px;
}

@font-face {
    font-family: 'Font Awesome 5 Free';
    font-style: normal;
    font-weight: 900;
    font-display: block;
    src: url("/fontawesome/webfonts/fa-solid-900.woff2") format("woff2"),
    url("/fontawesome/fa-solid-900.woff") format("woff"),
    url("/fontawesome/fa-solid-900.ttf") format("truetype");
}

.fas[b-snr2yfwdba] {
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
}
/* 适配iPhone X等有底部安全区域的设备 */
@supports (padding-bottom: env(safe-area-inset-bottom)) {
    .tab-bar[b-snr2yfwdba] {
        padding-bottom: env(safe-area-inset-bottom);
        height: calc(60px + env(safe-area-inset-bottom));
    }
}
/* _content/SmartAnswer/Pages/Chat/Phone/PhoneChatList.razor.rz.scp.css */
/* 基础容器 */
.chat-tree[b-1q2frkhzeu] {
    width: 100%;
    height: 100%;
    background-color: #ffffff;
    min-width: 240px;
    display: flex;
    flex-direction: column;
}

.chat-tree__container[b-1q2frkhzeu] {
    height: calc(100% - 80px);
    width: 100%;
    overflow-y: auto;
}


/* 分组样式 */
.chat-tree__group[b-1q2frkhzeu] {
    padding: 8px;
}

.chat-tree__group-content[b-1q2frkhzeu] {
    display: flex;
    align-items: center;
    gap: 4px;
}

.chat-tree__group-name[b-1q2frkhzeu] {
    font-weight: 500;
    color: #1f2937;
    margin-left: 4px;
}

.chat-tree__group-count[b-1q2frkhzeu] {
    font-size: 0.875rem;
}

.chat-tree__group-toggle[b-1q2frkhzeu] {
    cursor: pointer;
    transition: all 0.2s ease;
    margin-left: 4px;
}

.chat-tree__group-toggle:hover[b-1q2frkhzeu] {
    color: #1f2937;
}

/* 聊天项样式 */
.chat-tree__item[b-1q2frkhzeu] {
    padding: 8px;
    cursor: pointer;
    transition: all 0.2s ease;
}


.chat-tree__item:hover[b-1q2frkhzeu] {
    background-color: #f3f4f6;
}

.chat-tree__item-content[b-1q2frkhzeu] {
    display: flex;
    gap: 8px;
    align-items: flex-start;
}

/* 头像样式 */
.chat-tree__avatar[b-1q2frkhzeu] {
    flex-shrink: 0;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    overflow: hidden;
    margin-right: 4px;
}

.chat-tree__avatar-img[b-1q2frkhzeu] {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* 信息区域 */
.chat-tree__info[b-1q2frkhzeu] {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.chat-tree__header[b-1q2frkhzeu] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}

.chat-tree__name[b-1q2frkhzeu] {
    font-weight: 500;
    color: #1f2937;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 120px;
}

.chat-tree__time[b-1q2frkhzeu] {
    font-size: 0.75rem;
    color: #6b7280;
    flex-shrink: 0;
    margin-left: auto;
}

.chat-tree__body[b-1q2frkhzeu] {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.chat-tree__message-row[b-1q2frkhzeu] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}

.chat-tree__message[b-1q2frkhzeu] {
    color: #1f2937;
    font-size: 0.875rem;
    white-space: nowrap;
    text-overflow: ellipsis;
    flex: 1;
    margin-right: 8px;
}

.chat-tree__channel[b-1q2frkhzeu] {
    font-size: 0.75rem;
    color: #6b7280;
    white-space: nowrap;
    flex-shrink: 0;
}
/* _content/SmartAnswer/Pages/Chat/Phone/PhoneChatMsg.razor.rz.scp.css */
.chat-header[b-xef0oi7eqm] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 100%;
    background-color: #ffffff;
    border-bottom: 1px solid #e0e0e0;
    padding: 0 10px;
}

.chat-header-title[b-xef0oi7eqm] {
    font-weight: 500;
    font-size: 16px;
    text-align: center;
    flex: 1;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.chat-header-btn[b-xef0oi7eqm] {
    display: flex;
    align-items: center;
    justify-content: center;
    background: none;
    border: none;
    cursor: pointer;
    padding: 8px;
    width: 36px;
    height: 36px;
    border-radius: 50%;
}

.chat-header-btn:hover[b-xef0oi7eqm] {
    background-color: rgba(0, 0, 0, 0.05);
}

.back-icon[b-xef0oi7eqm] {
    display: inline-block;
    width: 20px;
    height: 20px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%231e4db7'%3E%3Cpath d='M20 11H7.83l5.59-5.59L12 4l-8 8 8 8 1.41-1.41L7.83 13H20v-2z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.close-icon[b-xef0oi7eqm] {
    display: inline-block;
    width: 20px;
    height: 20px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23d32f2f'%3E%3Cpath d='M13 3h-2v10h2V3zm4.83 2.17l-1.42 1.42C17.99 7.86 19 9.81 19 12c0 3.87-3.13 7-7 7s-7-3.13-7-7c0-2.19 1.01-4.14 2.58-5.42L6.17 5.17C4.23 6.82 3 9.26 3 12c0 4.97 4.03 9 9 9s9-4.03 9-9c0-2.74-1.23-5.18-3.17-6.83z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.transfer-icon[b-xef0oi7eqm] {
    display: inline-block;
    width: 20px;
    height: 20px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%231e4db7'%3E%3Cpath d='M16 1H8C6.34 1 5 2.34 5 4v16c0 1.66 1.34 3 3 3h8c1.66 0 3-1.34 3-3V4c0-1.66-1.34-3-3-3zm-2 20h-4v-1h4v1zm3.25-3H6.75V4h10.5v14z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}
.chat-container[b-xef0oi7eqm] {
    padding: 1px;
    background: #fff;
}

/* 消息输入容器样式 */
.message-input-container[b-xef0oi7eqm] {
    display: flex;
    flex-direction: column;
    background-color: #fff;
    border: 1px solid #e8e8e8;
    border-radius: 4px;
}

/* 工具栏样式 */
.toolbar-container[b-xef0oi7eqm] {
    display: flex;
    align-items: center;
    padding: 8px 12px;
    gap: 12px;
    border-bottom: 1px solid #e8e8e8;
    background-color: #f7f7f9;
}
.toolbar-icon[b-xef0oi7eqm] {
    width: 24px;
    height: 24px;
    cursor: pointer;
    padding: 2px;
    transition: all 0.2s;
}

.toolbar-icon:hover[b-xef0oi7eqm] {
    background-color: rgba(0,0,0,0.04);
    border-radius: 4px;
}
[b-xef0oi7eqm] .picture-send-input {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0,0,0,0);
    border: 0;
    opacity: 0;
}

.chat-input-container[b-xef0oi7eqm] {
    display: flex;
    flex-direction: column;
    height: 100%;
    position: relative;
}

.send-button[b-xef0oi7eqm] {
    position: absolute;
    right: 10px;
    bottom: 10px;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-color: #1e4db7;
    border: none;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.send-icon[b-xef0oi7eqm] {
    display: inline-block;
    width: 24px;
    height: 24px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3E%3Cpath d='M2.01 21L23 12 2.01 3 2 10l15 2-15 2z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}
/* _content/SmartAnswer/Pages/Chat/Phone/PhoneHistoryChatMsg.razor.rz.scp.css */
.chat-header[b-nwhi0roir7] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 100%;
    background-color: #ffffff;
    border-bottom: 1px solid #e0e0e0;
    padding: 0 10px;
}

.chat-header-title[b-nwhi0roir7] {
    font-weight: 500;
    font-size: 16px;
    text-align: center;
    flex: 1;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.chat-header-btn[b-nwhi0roir7] {
    display: flex;
    align-items: center;
    justify-content: center;
    background: none;
    border: none;
    cursor: pointer;
    padding: 8px;
    width: 36px;
    height: 36px;
    border-radius: 50%;
}

.chat-header-btn:hover[b-nwhi0roir7] {
    background-color: rgba(0, 0, 0, 0.05);
}

.back-icon[b-nwhi0roir7] {
    display: inline-block;
    width: 20px;
    height: 20px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%231e4db7'%3E%3Cpath d='M20 11H7.83l5.59-5.59L12 4l-8 8 8 8 1.41-1.41L7.83 13H20v-2z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.close-icon[b-nwhi0roir7] {
    display: inline-block;
    width: 20px;
    height: 20px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23d32f2f'%3E%3Cpath d='M13 3h-2v10h2V3zm4.83 2.17l-1.42 1.42C17.99 7.86 19 9.81 19 12c0 3.87-3.13 7-7 7s-7-3.13-7-7c0-2.19 1.01-4.14 2.58-5.42L6.17 5.17C4.23 6.82 3 9.26 3 12c0 4.97 4.03 9 9 9s9-4.03 9-9c0-2.74-1.23-5.18-3.17-6.83z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.transfer-icon[b-nwhi0roir7] {
    display: inline-block;
    width: 20px;
    height: 20px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%231e4db7'%3E%3Cpath d='M16 1H8C6.34 1 5 2.34 5 4v16c0 1.66 1.34 3 3 3h8c1.66 0 3-1.34 3-3V4c0-1.66-1.34-3-3-3zm-2 20h-4v-1h4v1zm3.25-3H6.75V4h10.5v14z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}
.chat-container[b-nwhi0roir7] {
    padding: 1px;
    background: #fff;
}

/* 消息输入容器样式 */
.message-input-container[b-nwhi0roir7] {
    display: flex;
    flex-direction: column;
    background-color: #fff;
    border: 1px solid #e8e8e8;
    border-radius: 4px;
}

/* 工具栏样式 */
.toolbar-container[b-nwhi0roir7] {
    display: flex;
    align-items: center;
    padding: 8px 12px;
    gap: 12px;
    border-bottom: 1px solid #e8e8e8;
    background-color: #f7f7f9;
}
.toolbar-icon[b-nwhi0roir7] {
    width: 24px;
    height: 24px;
    cursor: pointer;
    padding: 2px;
    transition: all 0.2s;
}

.toolbar-icon:hover[b-nwhi0roir7] {
    background-color: rgba(0,0,0,0.04);
    border-radius: 4px;
}
[b-nwhi0roir7] .picture-send-input {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0,0,0,0);
    border: 0;
    opacity: 0;
}

.chat-input-container[b-nwhi0roir7] {
    display: flex;
    flex-direction: column;
    height: 100%;
    position: relative;
}

.send-button[b-nwhi0roir7] {
    position: absolute;
    right: 10px;
    bottom: 10px;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-color: #1e4db7;
    border: none;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.send-icon[b-nwhi0roir7] {
    display: inline-block;
    width: 24px;
    height: 24px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3E%3Cpath d='M2.01 21L23 12 2.01 3 2 10l15 2-15 2z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}
/* _content/SmartAnswer/Pages/Chat/RecFileMsg.razor.rz.scp.css */
.message-img .msg-img[b-861ejbf6wt] {
    max-width: 17rem;
    min-width: 5rem;
    max-height: 30rem;
    min-height: 5rem;
    background: #f5f5f5;
    -o-object-fit: cover;
    object-fit: cover;
}

/* 待下载文件 右侧“下载”小图标 */
.download-icon-box[b-861ejbf6wt] {
    width: 23px;
    height: 20px;
    padding-left:3px;
    cursor: pointer;
}

.download-icon[b-861ejbf6wt] {
    width: 20px;
    height: 20px;
    border-radius: 6px;
    background-color: white;
}
/* _content/SmartAnswer/Pages/Chat/RecFileMsg2.razor.rz.scp.css */
.message-img .msg-img[b-9wd32j02u3] {
    max-width: 17rem;
    min-width: 5rem;
    max-height: 30rem;
    min-height: 5rem;
    background: #f5f5f5;
    -o-object-fit: cover;
    object-fit: cover;
}

/* 待下载文件 右侧“下载”小图标 */
.download-icon-box[b-9wd32j02u3] {
    width: 23px;
    height: 20px;
    padding-left:3px;
    cursor: pointer;
}

.download-icon[b-9wd32j02u3] {
    width: 20px;
    height: 20px;
    border-radius: 6px;
    background-color: white;
}
/* _content/SmartAnswer/Pages/Chat/RecImgMsg.razor.rz.scp.css */
/* _content/SmartAnswer/Pages/Chat/RecImgMsg2.razor.rz.scp.css */
/* _content/SmartAnswer/Pages/Chat/RecVideoMsg.razor.rz.scp.css */
.message-img .msg-img[b-zx3nh36brz] {
    max-width: 17rem;
    min-width: 5rem;
    max-height: 30rem;
    min-height: 5rem;
    background: #f5f5f5;
    -o-object-fit: cover;
    object-fit: cover;
}

/* 待下载文件 右侧“下载”小图标 */
.download-icon-box[b-zx3nh36brz] {
    width: 23px;
    height: 20px;
    padding-left:3px;
    cursor: pointer;
}

.download-icon[b-zx3nh36brz] {
    width: 20px;
    height: 20px;
    border-radius: 6px;
    background-color: white;
}
/* _content/SmartAnswer/Pages/Chat/RecVideoMsg2.razor.rz.scp.css */
.message-img .msg-img[b-jf28j2stic] {
    max-width: 17rem;
    min-width: 5rem;
    max-height: 30rem;
    min-height: 5rem;
    background: #f5f5f5;
    -o-object-fit: cover;
    object-fit: cover;
}

/* 待下载文件 右侧“下载”小图标 */
.download-icon-box[b-jf28j2stic] {
    width: 23px;
    height: 20px;
    padding-left:3px;
    cursor: pointer;
}

.download-icon[b-jf28j2stic] {
    width: 20px;
    height: 20px;
    border-radius: 6px;
    background-color: white;
}
/* _content/SmartAnswer/Pages/Customer/Customer.razor.rz.scp.css */
.gridlayout-item[b-s2ta1zpwcc] {
    height: 100%;
    position: relative;
    z-index: 0;
    display: flex;
    align-items: start;
    justify-content: center;
}

    .gridlayout-item[b-s2ta1zpwcc]:before {
        content: " ";
        position: absolute;
        z-index: -1;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
    }


.gridlayout-footer[b-s2ta1zpwcc] {
    padding-bottom: 2rem;
    padding-top: 20px;
}

    .gridlayout-footer[b-s2ta1zpwcc]:before {
    }

.gridlayout-left-side-bar[b-s2ta1zpwcc] {
    padding: 1rem 1rem 2rem 1rem;
    overflow-y: auto;
    /*background-color: #F5F5F5;*/
    box-shadow: 1px 0px 5px #dfdddd;
}

@media (max-width: 575.98px) {
    .gridlayout-item[b-s2ta1zpwcc] {
        font-size: 0.9em;
    }
}

.logo-box[b-s2ta1zpwcc] {
    text-align: center;
    padding: 1rem 0;
}

.robot-box[b-s2ta1zpwcc] {
    padding: 1rem 0 0 1rem;
    display: inline-flex;
}

.robot-photo-box[b-s2ta1zpwcc] {
    display: inline-block;
}

.robot-photo[b-s2ta1zpwcc] {
    width: 32px;
    height: 32px;
    border-radius: 10px;
}

.filterList-title[b-s2ta1zpwcc] {
    width: 100%;
    margin-top: 15px;
    float: left;
    font-size: 14px;
}

/* 右侧客户头像 */
.questionUser-photo[b-s2ta1zpwcc] {
    background-color: #2196F4;
    color: #fff;
    border-radius: 10px;
    display: inline-block;
    padding: 7px 4px;
    font-size: 12px;
}

/* 最上层按钮 */
.class_div_Toolbar[b-s2ta1zpwcc] {
    width: 100% !important;
    height: 100% !important;
    padding: 5px;
}

    .class_div_Toolbar .ToolbarTitle[b-s2ta1zpwcc] {
        padding-left: 3px;
        padding-top: 7px;
        font-size: 14px;
        text-align: left;
    }

    .class_div_Toolbar .ToolbarButton[b-s2ta1zpwcc] {
        padding-left: 5px;
        float: right;
    }

/* 按钮图片 */
.btn-icon-listOpen[b-s2ta1zpwcc] {
    height: 35px !important;
    margin-left: 10px;
    margin-right: 10px;
    float: right;
    -webkit-mask-image: url("https://demos.devexpress.com/blazor/_content/BlazorDemo/images/icons/like.svg");
    mask-image: url("https://demos.devexpress.com/blazor/_content/BlazorDemo/images/icons/like.svg");
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    background-color: currentColor;
}

/* 列表外部高度 */
.class_div_GridData[b-s2ta1zpwcc] {
    width: 100% !important;
    height: 100% !important;
}

.questionUser-photo[b-s2ta1zpwcc] {
    background-color: #2196F4;
    color: #fff;
    border-radius: 10px;
    display: inline-block;
    padding: 7px 4px;
    font-size: 12px;
}
/* _content/SmartAnswer/Pages/Customer/CustomerInfo.razor.rz.scp.css */
.gridlayout-item[b-7guag860od] {
    height: 100%;
    position: relative;
    z-index: 0;
    display: flex;
    align-items: start;
    justify-content: center;
}

    .gridlayout-item[b-7guag860od]:before {
        content: " ";
        position: absolute;
        z-index: -1;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
    }


.gridlayout-content[b-7guag860od]:before {
}

.gridlayout-footer[b-7guag860od] {
    padding-bottom: 2rem;
    padding-top: 5px;
}

    .gridlayout-footer[b-7guag860od]:before {
    }

.gridlayout-left-side-bar[b-7guag860od] {
    padding: 0rem 1rem 2rem 1rem;
    overflow-y: auto;
    background-color: #F5F5F5;
    box-shadow: 1px 0px 5px #dfdddd;
}

    .gridlayout-left-side-bar[b-7guag860od]:before {
    }

@media (max-width: 575.98px) {
    .gridlayout-item[b-7guag860od] {
        font-size: 0.9em;
    }
}

.logo-box[b-7guag860od] {
    text-align: center;
    padding: 1rem 0;
}

.robot-box[b-7guag860od] {
    padding: 1rem 0 0 1rem;
    display: inline-flex;
}

.robot-photo-box[b-7guag860od] {
    display: inline-block;
}

.robot-photo[b-7guag860od] {
    width: 32px;
    height: 32px;
    border-radius: 10px;
}

.robot-content[b-7guag860od] {
    display: inline-block;
    width: 93%;
    padding-left: 10px;
}

[b-7guag860od] .robot-content > p {
    margin-bottom: 0;
}

/*提问框整体框架*/
.class_sendBox_div[b-7guag860od] {
    width: 100%;
    /*min-height: 65px !important;
    max-height: 185px !important;*/
    padding-left: 5px;
    padding-right: 5px;
    border-top: 2px solid #A9A9A9 !important;
    /*padding: 0 5px 0 5px;*/
}
/*提问框按钮*/
.sendBox[b-7guag860od] {
    position: relative;
    width: 100%;
    height: auto;
    float: left;
    padding-left: 5px;
    padding-top: 5px;
}

.send-group-button[b-7guag860od] {
    position: absolute;
    display: inline-block;
    background-color: #1d93ab;
    border-radius: 10px;
    right: 10px;
    top: 25%;
}

.disable-button[b-7guag860od] {
    opacity: 0.5;
}

.input-box-button[b-7guag860od] {
    height: 2rem;
    width: 3.5rem;
    background-color: #1d93ab;
    border-radius: 10px;
    color: #ffffff;
    outline: none;
    border: none;
}

.modelChatBox[b-7guag860od] {
    min-width: 400px;
    width: 100%;
    padding: 0 20px;
    overflow-y: auto;
    height: 80%;
}


.ImgButtonBoxCss[b-7guag860od] {
    border: solid 1px #E8E9EB;
    border-radius: 7px;
    max-width: 95%;
    cursor: pointer;
    padding: 10px 0;
}

.ImgButtonBoxCss-selected[b-7guag860od] {
    border: solid 1px #04519F;
    background-color: #EEF3FE;
}

.ImgButtonBoxCss-disabled[b-7guag860od] {
    cursor: inherit;
}

.ImgButtonBoxCss .gridlayout-img[b-7guag860od] {
    align-items: center;
}

.ImgButtonBoxCss .gridlayout-remark[b-7guag860od] {
    color: #5c5f66;
    font-size: 12px;
    line-height: 20px;
    justify-content: left;
}

.ImgButtonBoxCss .gridlayout-text[b-7guag860od] {
    font-size: 14px;
    font-weight: 500;
    line-height: 32px;
    justify-content: left;
}

.answerRemarkCss[b-7guag860od] {
    color: #84868c;
    line-height: 30px;
    font-size: 12px;
}

.modelDetailBoxCss[b-7guag860od] {
    display: flex;
    justify-content: space-between;
    line-height: 40px;
}

    .modelDetailBoxCss .left[b-7guag860od] {
        font-size: 14px;
    }

    .modelDetailBoxCss .right[b-7guag860od] {
        color: #04519F;
    }

.modelDetailBoxCss[b-7guag860od] {
    width: 100%;
    height: 40px;
    margin-top: 10px;
    border: 1px solid;
}

.class_user_radius[b-7guag860od] {
    border-radius: 3px;
    border-bottom: 1px solid #A9A9A9 !important;
}

.class_user_border[b-7guag860od] {
    border: 1px solid #A9A9A9 !important;
}

.class_user_border_box[b-7guag860od] {
    width: 100%;
    height: 100%;
}

/* 左侧当前会话客户区域 鼠标移入移出 背景色 */
.class_userlistbox_color[b-7guag860od] {
    background-color: #D9D9D9;
}
/* 左侧当前会话客户区域 选中客户 背景色 */
.class_userlistbox_color_checked[b-7guag860od] {
    background-color: #D9D9D9;
}

/* 测试：客户1001被选中 左侧当前会话客户区域 选中客户 背景色 */
/*#UserListBoxTemplate_1001 {
    background-color: #D9D9D9;
}*/

.class_form_div[b-7guag860od] {
    width: 100%;
}

/* 左侧当前会话用户列表区域 */
.questionUserList-box[b-7guag860od] {
    padding-top: 0.2rem;
    padding-bottom: 0.6rem;
}

/* 左侧当前会话用户列表-标题区 */
.questionUserList-title[b-7guag860od] {
    width: 100%;
    height: 50px;
    margin-top: 5px;
    padding: 15px 5px 15px 5px;
    /*text-align: left;*/
    float: left;
    font-size: 14px;
    /*background-color: #F5F5F5;*/
    /*border-radius: 3px;*/
    /*border-top: 2px solid #A9A9A9 !important;*/
}

    .questionUserList-title .content-text[b-7guag860od] {
        float: left;
        width: 90%;
    }

    .questionUserList-title .content-icon[b-7guag860od] {
        float: right;
        width: 10%;
    }


/* 左侧用户列表-空头像 */
.questionUserList-photo[b-7guag860od] {
    background-color: #2196F4;
    color: #fff;
    border-radius: 10px;
    display: inline-block;
    padding: 7px 4px;
    font-size: 12px;
}

/* 左侧"我的对话"用户列表-div */
.questionUserList-div[b-7guag860od] {
    width: 100%;
    /*padding-top: 20px;*/
}
/* 左侧"同事的对话"用户列表-div */
.questionUserListOther-div[b-7guag860od] {
    width: 100%;
    padding-top: 20px;
}
/* 左侧"排队"用户列表-div */
.questionUserListQueue-div[b-7guag860od] {
    width: 100%;
    padding-top: 20px;
}

/* 我的对话-展开用户列表 */
.questionUserList-open[b-7guag860od] {
    /*height:80% !important;*/
    /*margin-bottom: 100%;*/
    min-height: 80vh;
}

/* 左侧显示用户区域 */
.user-box[b-7guag860od] {
    width: 100%;
    height: 60px;
    padding: 1rem 0 0 1rem;
    display: inline-flex;
}

.user-photo-box[b-7guag860od] {
    width: 40px;
    height: 40px;
    float: left;
    display: inline-block;
}

.user-photo[b-7guag860od] {
    width: 32px;
    height: 32px;
    border-radius: 10px;
}

.user-content-box[b-7guag860od] {
    display: inline-block;
    width: 88%;
    height: 60px;
    float: left;
}

    .user-content-box .userName[b-7guag860od] {
        width: 70%;
        float: left;
        text-align: left;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
    }

    .user-content-box .lastTime[b-7guag860od] {
        width: 30%;
        float: left;
        text-align: right;
        padding-right: 15px;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
    }

    .user-content-box .lastQuestion[b-7guag860od] {
        width: 80%;
        max-width: 200px;
        /*width: 160px;
        max-width: 200px;
        min-width: 120px;*/
        float: left;
        text-align: left;
        white-space: nowrap;
        overflow: hidden;
        color: #F94906;
        text-overflow: ellipsis;
    }

[b-7guag860od] .user-content-box > p {
    margin-bottom: 0;
}

/* 右侧整体对话区域 */
.answerQuestion-box[b-7guag860od] {
    /*padding-top: 1rem;*/
    padding-top: 0.2rem;
    padding-bottom: 0.6rem;
}

/* 右侧客户回复区域 */
.questionUser-box[b-7guag860od] {
    /*background-color: #F5F5F5;*/
    width: 100%;
    float: left;
    border-radius: 10px;
    padding: 0.5rem 0 0.5rem 0.5rem;
}

    /* 右侧客户回复区域-标题：头像+昵称+时间 */
    .questionUser-box .questionUser-title[b-7guag860od] {
        height: 32px;
        width: 100%;
        float: left;
    }
    /* 右侧客户头像 */
    .questionUser-box .questionUser-photo[b-7guag860od] {
        background-color: #2196F4;
        color: #fff;
        border-radius: 10px;
        display: inline-block;
        padding: 7px 4px;
        font-size: 12px;
        width: 32px !important;
        height: 32px !important;
    }
    /* 右侧客户回复区域-回复内容 */
    .questionUser-box .questionUser-content[b-7guag860od] {
        display: inline-block;
        /*width: 100%;*/
        background-color: #F5F5F5;
        float: left;
        margin-left: 20px;
        border-radius: 10px;
        padding: 1rem;
    }


/* 右侧客服回复区域 */
.answerUser-box[b-7guag860od] {
    /*width:100%;
    padding: 1rem 0 0 1rem;
    display: inline-flex;*/

    width: 100%;
    float: right;
    border-radius: 10px;
    padding: 0.5rem 0.5rem 0.5rem 0.5rem;
}

    /* 右侧客服回复区域-客服回复-标题：名称+时间 */
    .answerUser-box .answerUser-title[b-7guag860od] {
        width: 100%;
        float: right;
        padding: 0.5rem 0 0.5rem 0.5rem;
    }

    /* 右侧客服回复区域-客服回复-内容 */
    .answerUser-box .answerUser-content[b-7guag860od] {
        display: inline-block;
        /*width: 100%;*/
        float: right;
        background-color: #D9EDFA;
        border-radius: 10px;
        padding: 1rem;
    }


/*当前对话窗口-顶部框架*/
.gridlayout-toolbar[b-7guag860od] {
    padding-bottom: 1rem;
    padding-top: 5px;
}
/*当前对话窗口-顶部框架*/
.class_AnswerQuestionRecordToolBar[b-7guag860od] {
    height: 50px;
    width: 100%;
    border-bottom: 1px solid #A9A9A9 !important;
}

#chat-list-box[b-7guag860od] {
    height: 100%;
    overflow-y: auto;
    width: 100%;
    float: left;
    flex-direction: column-reverse;
}
#aichat-list-box[b-7guag860od] {
    height: 100%;
    overflow-y: auto;
    width: 100%;
    float: left;
    flex-direction: column-reverse;
}

#osschat-list-box[b-7guag860od] {
    height: 100%;
    overflow-y: auto;
    width: 100%;
    float: left;
    flex-direction: column-reverse;
}
/*当前对话窗口-右侧框架*/
.class_AnswerQuestionRecordRightSide[b-7guag860od] {
    height: 100%;
    overflow-y: auto;
    width: 100%;
    float: left;
}

    /*当前对话窗口-右侧框架-客户信息-描述-输入框-外部框架*/
    .class_AnswerQuestionRecordRightSide .sendQuestionUserRemarksBox[b-7guag860od] {
        width: 100%;
        position: relative;
        float: left;
        margin-bottom: 25px;
    }

        /*当前对话窗口-右侧框架-客户信息-描述-输入框*/
        .class_AnswerQuestionRecordRightSide .sendQuestionUserRemarksBox #QuestionUserRemarks[b-7guag860od] {
            border-radius: 4px !important;
            min-height: 30px !important;
            max-height: 120px !important;
        }

    /*当前对话窗口-右侧框架-客户信息-描述-输入框-外部框架*/
    .class_AnswerQuestionRecordRightSide .class_RightSide_TabPage[b-7guag860od] {
        width: 100%;
        height: 100%;
        border-radius: 10px;
        padding: 0.5rem 0.5rem 0.5rem 0.5rem;
    }

.class_TabPage_Item[b-7guag860od] {
    margin-top: 5px;
    padding-top: 5px;
    padding-bottom: 5px;
}

    .class_TabPage_Item .class_TabPage_Item_Div[b-7guag860od] {
        width: 100%;
        padding: 0px 5px 0px 5px;
        text-align: left;
    }

.div_p[b-7guag860od] {
    float: left;
    width: 100%;
    margin-top: 5px;
    margin-bottom: 3px;
    text-align: left;
}

    .div_p .div_p_span[b-7guag860od] {
        width: 25%;
        color: dimgrey;
        text-align: left;
        float: left;
        padding-top: 3px;
    }

    .div_p .div_p_box[b-7guag860od] {
        width: 70%;
        text-align: left;
        float: left;
    }

.content-text[b-7guag860od] {
    font-size: 16px;
}


/* 右侧客户头像 */
.questionUser-photo[b-7guag860od] {
    background-color: #2196F4;
    color: #fff;
    border-radius: 10px;
    display: inline-block;
    padding: 7px 4px;
    font-size: 12px;
}

/* _content/SmartAnswer/Pages/Formmain92055/Formmain92055Grid.razor.rz.scp.css */
.gridlayout-item[b-y28iei17cw] {
    height: 100%;
    position: relative;
    z-index: 0;
    display: flex;
    align-items: start;
    justify-content: center;
}

    .gridlayout-item[b-y28iei17cw]:before {
        content: " ";
        position: absolute;
        z-index: -1;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
    }


.gridlayout-footer[b-y28iei17cw] {
    padding-bottom: 2rem;
    padding-top: 20px;
}

    .gridlayout-footer[b-y28iei17cw]:before {
    }

.gridlayout-left-side-bar[b-y28iei17cw] {
    padding: 1rem 1rem 2rem 1rem;
    overflow-y: auto;
    /*background-color: #F5F5F5;*/
    box-shadow: 1px 0px 5px #dfdddd;
}

@media (max-width: 575.98px) {
    .gridlayout-item[b-y28iei17cw] {
        font-size: 0.9em;
    }
}

.logo-box[b-y28iei17cw] {
    text-align: center;
    padding: 1rem 0;
}

.robot-box[b-y28iei17cw] {
    padding: 1rem 0 0 1rem;
    display: inline-flex;
}

.robot-photo-box[b-y28iei17cw] {
    display: inline-block;
}

.robot-photo[b-y28iei17cw] {
    width: 32px;
    height: 32px;
    border-radius: 10px;
}

.filterList-title[b-y28iei17cw] {
    width: 100%;
    margin-top: 15px;
    float: left;
    font-size: 14px;
}

/* 右侧客户头像 */
.questionUser-photo[b-y28iei17cw] {
    background-color: #2196F4;
    color: #fff;
    border-radius: 10px;
    display: inline-block;
    padding: 7px 4px;
    font-size: 12px;
}

/* 最上层按钮 */
.class_div_Toolbar[b-y28iei17cw] {
    width: 100% !important;
    height: 100% !important;
    padding: 5px;
}

    .class_div_Toolbar .ToolbarTitle[b-y28iei17cw] {
        padding-left: 3px;
        padding-top: 7px;
        font-size: 14px;
        text-align: left;
    }

    .class_div_Toolbar .ToolbarButton[b-y28iei17cw] {
        padding-left: 5px;
        float: right;
    }

/* 按钮图片 */
.btn-icon-listOpen[b-y28iei17cw] {
    height: 35px !important;
    margin-left: 10px;
    margin-right: 10px;
    float: right;
    -webkit-mask-image: url("https://demos.devexpress.com/blazor/_content/BlazorDemo/images/icons/like.svg");
    mask-image: url("https://demos.devexpress.com/blazor/_content/BlazorDemo/images/icons/like.svg");
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    background-color: currentColor;
}

/* 列表外部高度 */
.class_div_GridData[b-y28iei17cw] {
    width: 100% !important;
    height: 100% !important;
}

.questionUser-photo[b-y28iei17cw] {
    background-color: #2196F4;
    color: #fff;
    border-radius: 10px;
    display: inline-block;
    padding: 7px 4px;
    font-size: 12px;
}


.class_online[b-y28iei17cw] {
    background-color: #00c800;
    color: #fff;
    border-radius: 10px;
    display: inline-block;
    font-size: 12px;
    width: 8px !important;
    height: 8px !important;
}


.class_offline[b-y28iei17cw] {
    background-color: #9a9a9a;
    color: #fff;
    border-radius: 10px;
    display: inline-block;
    font-size: 12px;
    width: 8px !important;
    height: 8px !important;
}

.class_hiding[b-y28iei17cw] {
    background-color: #f25d5d;
    color: #fff;
    border-radius: 10px;
    display: inline-block;
    font-size: 12px;
    width: 8px !important;
    height: 8px !important;
}
/* _content/SmartAnswer/Pages/Formmain92055/Formmain92055GridPost.razor.rz.scp.css */
.gridlayout-item[b-wod09qs9e3] {
    height: 100%;
    position: relative;
    z-index: 0;
    display: flex;
    align-items: start;
    justify-content: center;
}

    .gridlayout-item[b-wod09qs9e3]:before {
        content: " ";
        position: absolute;
        z-index: -1;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
    }


.gridlayout-footer[b-wod09qs9e3] {
    padding-bottom: 2rem;
    padding-top: 20px;
}

    .gridlayout-footer[b-wod09qs9e3]:before {
    }

.gridlayout-left-side-bar[b-wod09qs9e3] {
    padding: 1rem 1rem 2rem 1rem;
    overflow-y: auto;
    /*background-color: #F5F5F5;*/
    box-shadow: 1px 0px 5px #dfdddd;
}

@media (max-width: 575.98px) {
    .gridlayout-item[b-wod09qs9e3] {
        font-size: 0.9em;
    }
}

.logo-box[b-wod09qs9e3] {
    text-align: center;
    padding: 1rem 0;
}

.robot-box[b-wod09qs9e3] {
    padding: 1rem 0 0 1rem;
    display: inline-flex;
}

.robot-photo-box[b-wod09qs9e3] {
    display: inline-block;
}

.robot-photo[b-wod09qs9e3] {
    width: 32px;
    height: 32px;
    border-radius: 10px;
}

.filterList-title[b-wod09qs9e3] {
    width: 100%;
    margin-top: 15px;
    float: left;
    font-size: 14px;
}

/* 右侧客户头像 */
.questionUser-photo[b-wod09qs9e3] {
    background-color: #2196F4;
    color: #fff;
    border-radius: 10px;
    display: inline-block;
    padding: 7px 4px;
    font-size: 12px;
}

/* 最上层按钮 */
.class_div_Toolbar[b-wod09qs9e3] {
    width: 100% !important;
    height: 100% !important;
    padding: 5px;
}

    .class_div_Toolbar .ToolbarTitle[b-wod09qs9e3] {
        padding-left: 3px;
        padding-top: 7px;
        font-size: 14px;
        text-align: left;
    }

    .class_div_Toolbar .ToolbarButton[b-wod09qs9e3] {
        padding-left: 5px;
        float: right;
    }

/* 按钮图片 */
.btn-icon-listOpen[b-wod09qs9e3] {
    height: 35px !important;
    margin-left: 10px;
    margin-right: 10px;
    float: right;
    -webkit-mask-image: url("https://demos.devexpress.com/blazor/_content/BlazorDemo/images/icons/like.svg");
    mask-image: url("https://demos.devexpress.com/blazor/_content/BlazorDemo/images/icons/like.svg");
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    background-color: currentColor;
}

/* 列表外部高度 */
.class_div_GridData[b-wod09qs9e3] {
    width: 100% !important;
    height: 100% !important;
}

.questionUser-photo[b-wod09qs9e3] {
    background-color: #2196F4;
    color: #fff;
    border-radius: 10px;
    display: inline-block;
    padding: 7px 4px;
    font-size: 12px;
}
/* _content/SmartAnswer/Pages/Formmain92055/Formmain92055View.razor.rz.scp.css */
.class_head_box[b-fueawfn6h8] {
    width: 100%;
    float: left;
    padding: 12px 0px 5px 1.2rem;
    background: #fff;
    border-bottom: 2px solid #A9A9A9 !important;
}


/* 今日实时数据 */
.class_today_content[b-fueawfn6h8] {
    width: 100%;
    margin-top: 5px;
    padding-bottom:5px;
}

.page-card[b-fueawfn6h8] {
    margin: 0.5rem 0.5rem 0.5rem 0.5rem;
    padding: 0.5rem;
    background: #fff;
}

.card-title[b-fueawfn6h8] {
    font-size: 1rem;
    line-height: 2.5rem;
    color: #404040;
}
.sts-b-c[b-fueawfn6h8] {
    margin: 0.8rem 5rem 0 0;
    color: #9a9a9a;
    display: inline-block;
    text-align: center;
}
.sts-b-t[b-fueawfn6h8] {
    box-sizing: border-box;
    padding: 0;
    margin: 0;
    outline: none;
}
.sts-b-s[b-fueawfn6h8] {
    padding-top: 0.2rem;
    font-size: 2rem;
    color: #404040;
}

/* 对话、客服、功能数据 */
.class_url_content[b-fueawfn6h8] {
    width: 100%;
    height: 200px;
    margin-top: 5px;
    padding-bottom: 5px;
}

    .class_url_content .page-card[b-fueawfn6h8] {
        margin: 1rem 1rem 0 1rem;
        padding: 1.5rem;
        background: #fff;
    }
.page-card-row-thin[b-fueawfn6h8] {
    margin-top: 10px;
}
.gray-text[b-fueawfn6h8] {
    color: #9a9a9a;
}
.page-card-row-thick[b-fueawfn6h8] {
    margin-bottom: 1.5rem;
}
.theme-color-text[b-fueawfn6h8] {
    color: #009de7;
}

.class_url_remark[b-fueawfn6h8] {
    width:100%;
    margin-top:20px;
}
.page-card-gray[b-fueawfn6h8] {
    margin-bottom: 2rem;
    padding: 1rem;
    background: #f5f5f5;
}


.wy-qm-default-tips[b-fueawfn6h8] {
    margin: -3px 0 0 0.5rem;
    background: #9a9a9a;
    color: #fff;
    vertical-align: middle;
    position: relative;
    width: 1rem;
    height: 1rem;
    line-height: 1.1rem;
    font-size: 0.9rem;
    text-align: center;
    border-radius: 50%;
    display: inline-block;
}
/* _content/SmartAnswer/Pages/Formmain92059View.razor.rz.scp.css */
.class_head_box[b-nq34obgjxo] {
    width: 100%;
    float: left;
    padding: 12px 0px 5px 1.2rem;
    background: #fff;
    border-bottom: 2px solid #A9A9A9 !important;
}


/* 今日实时数据 */
.class_today_content[b-nq34obgjxo] {
    width: 100%;
    margin-top: 5px;
    padding-bottom:5px;
}

.page-card[b-nq34obgjxo] {
    margin: 1rem 1rem 1rem 1rem;
    padding: 1.5rem;
    background: #fff;
}

.card-title[b-nq34obgjxo] {
    font-size: 1rem;
    line-height: 2.5rem;
    color: #404040;
}
.sts-b-c[b-nq34obgjxo] {
    margin: 0.8rem 5rem 0 0;
    color: #9a9a9a;
    display: inline-block;
    text-align: center;
}
.sts-b-t[b-nq34obgjxo] {
    box-sizing: border-box;
    padding: 0;
    margin: 0;
    outline: none;
}
.sts-b-s[b-nq34obgjxo] {
    padding-top: 0.2rem;
    font-size: 2rem;
    color: #404040;
}

/* 对话、客服、功能数据 */
.class_url_content[b-nq34obgjxo] {
    width: 100%;
    height: 200px;
    margin-top: 5px;
    padding-bottom: 5px;
}

    .class_url_content .page-card[b-nq34obgjxo] {
        margin: 1rem 1rem 0 1rem;
        padding: 1.5rem;
        background: #fff;
    }
.page-card-row-thin[b-nq34obgjxo] {
    margin-top: 10px;
}
.gray-text[b-nq34obgjxo] {
    color: #9a9a9a;
}
.page-card-row-thick[b-nq34obgjxo] {
    margin-bottom: 1.5rem;
}
.theme-color-text[b-nq34obgjxo] {
    color: #009de7;
}

.class_url_remark[b-nq34obgjxo] {
    width:100%;
    margin-top:20px;
}
.page-card-gray[b-nq34obgjxo] {
    margin-bottom: 2rem;
    padding: 1rem;
    background: #f5f5f5;
}


.wy-qm-default-tips[b-nq34obgjxo] {
    margin: -3px 0 0 0.5rem;
    background: #9a9a9a;
    color: #fff;
    vertical-align: middle;
    position: relative;
    width: 1rem;
    height: 1rem;
    line-height: 1.1rem;
    font-size: 0.9rem;
    text-align: center;
    border-radius: 50%;
    display: inline-block;
}
/* _content/SmartAnswer/Pages/Formmain92060View.razor.rz.scp.css */
/* _content/SmartAnswer/Pages/Index.razor.rz.scp.css */


/* _content/SmartAnswer/Pages/InfomationMini.razor.rz.scp.css */
.gridlayout-item[b-kbf3mtakj9] {
    height: 100%;
    position: relative;
    z-index: 0;
    display: flex;
    align-items: start;
    justify-content: center;
}

    .gridlayout-item[b-kbf3mtakj9]:before {
        content: " ";
        position: absolute;
        z-index: -1;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
    }


.gridlayout-content[b-kbf3mtakj9]:before {
}

.gridlayout-footer[b-kbf3mtakj9] {
    padding-bottom: 2rem;
    padding-top: 20px;
}

    .gridlayout-footer[b-kbf3mtakj9]:before {
    }

.gridlayout-left-side-bar[b-kbf3mtakj9] {
    padding: 1rem 1rem 2rem 1rem;
    overflow-y: auto;
    background-color: #F5F5F5;
    box-shadow: 1px 0px 5px #dfdddd;
}

    .gridlayout-left-side-bar[b-kbf3mtakj9]:before {
    }

@media (max-width: 575.98px) {
    .gridlayout-item[b-kbf3mtakj9] {
        font-size: 0.9em;
    }
}

.logo-box[b-kbf3mtakj9] {
    text-align: center;
    padding: 1rem 0;
}

.robot-box[b-kbf3mtakj9] {
    padding: 1rem 0 0 1rem;
    display: inline-flex;
}

.robot-photo-box[b-kbf3mtakj9] {
    display: inline-block;
}

.robot-photo[b-kbf3mtakj9] {
    width: 32px;
    height: 32px;
    border-radius: 10px;
}

.robot-content[b-kbf3mtakj9] {
    display: inline-block;
    width: 93%;
    padding-left: 10px;
}

[b-kbf3mtakj9] .robot-content > p {
    margin-bottom: 0;
}

/*提问框按钮*/
.sendBox[b-kbf3mtakj9] {
    width: 80%;
    position: relative;
}

.send-group-button[b-kbf3mtakj9] {
    position: absolute;
    display: inline-block;
    background-color: #1d93ab;
    border-radius: 10px;
    right: 10px;
    top: 25%;
}

.disable-button[b-kbf3mtakj9] {
    opacity: 0.5;
}

.input-box-button[b-kbf3mtakj9] {
    height: 2rem;
    width: 3.5rem;
    background-color: #1d93ab;
    border-radius: 10px;
    color: #ffffff;
    outline: none;
    border: none;
}

.modelChatBox[b-kbf3mtakj9] {
    min-width: 400px;
    width: 100%;
    padding: 0 20px;
    overflow-y: auto;
    height: 80%;
}


.ImgButtonBoxCss[b-kbf3mtakj9] {
    border: solid 1px #E8E9EB;
    border-radius: 7px;
    max-width: 95%;
    cursor: pointer;
    padding: 10px 0;
}

.ImgButtonBoxCss-selected[b-kbf3mtakj9] {
    border: solid 1px #04519F;
    background-color: #EEF3FE;
}

.ImgButtonBoxCss-disabled[b-kbf3mtakj9] {
    cursor: inherit;
}

.ImgButtonBoxCss .gridlayout-img[b-kbf3mtakj9] {
    align-items: center;
}

.ImgButtonBoxCss .gridlayout-remark[b-kbf3mtakj9] {
    color: #5c5f66;
    font-size: 12px;
    line-height: 20px;
    justify-content: left;
}

.ImgButtonBoxCss .gridlayout-text[b-kbf3mtakj9] {
    font-size: 14px;
    font-weight: 500;
    line-height: 32px;
    justify-content: left;
}

.answerRemarkCss[b-kbf3mtakj9] {
    color: #84868c;
    line-height: 30px;
    font-size: 12px;
}

.modelDetailBoxCss[b-kbf3mtakj9] {
    display: flex;
    justify-content: space-between;
    line-height: 40px;
}

    .modelDetailBoxCss .left[b-kbf3mtakj9] {
        font-size: 14px;
    }

    .modelDetailBoxCss .right[b-kbf3mtakj9] {
        color: #04519F;
    }

.modelDetailBoxCss[b-kbf3mtakj9] {
    width:100%;
    height:40px;
    margin-top:10px;
    border:1px solid;
}

.class_user_radius[b-kbf3mtakj9] {
    border-radius: 3px;
    border-bottom: 1px solid #A9A9A9 !important;
}

.class_user_border[b-kbf3mtakj9] {
    border: 1px solid #A9A9A9 !important;
}
.class_user_border_box[b-kbf3mtakj9] {
    width: 100%;
    height: 100%;
}

/* 左侧当前会话客户区域 鼠标移入移出 背景色 */
.class_userlistbox_color[b-kbf3mtakj9] {
    background-color: #D9D9D9;
}
/* 左侧当前会话客户区域 选中客户 背景色 */
.class_userlistbox_color_checked[b-kbf3mtakj9] {
    background-color: #D9D9D9;
}

/* 测试：客户1001被选中 左侧当前会话客户区域 选中客户 背景色 */
#UserListBoxTemplate_1001[b-kbf3mtakj9] {
    background-color: #D9D9D9;
}

/* 左侧当前会话用户列表区域 */
.questionUserList-box[b-kbf3mtakj9] {
    padding-top: 0.2rem;
    padding-bottom: 0.6rem;
}

.filterList-title[b-kbf3mtakj9] {
    width: 100%;
    margin-top: 15px;
    float: left;
    font-size: 14px;
}

/* 左侧当前会话用户列表-标题区 */
.questionUserList-title[b-kbf3mtakj9] {
    width: 100%;
    height: 50px;
    margin-top: 5px;
    padding: 15px 5px 15px 5px;
    /*text-align: left;*/
    float: left;
    font-size: 14px;
    background-color: #F5F5F5;
    /*border-radius: 3px;*/
    border-top: 2px solid #A9A9A9 !important;
}

    .questionUserList-title .content-text[b-kbf3mtakj9] {
        float:left;
        width: 90%;
    }
    .questionUserList-title .content-icon[b-kbf3mtakj9] {
        float: right;
        width: 10%;
    }

/* 左侧"我的对话"用户列表-div */
.questionUserList-div[b-kbf3mtakj9] {
    width: 100%;
    padding-top: 20px;
}
/* 左侧"同事的对话"用户列表-div */
.questionUserListOther-div[b-kbf3mtakj9] {
    width: 100%;
    padding-top: 20px;
}
/* 左侧"排队"用户列表-div */
.questionUserListQueue-div[b-kbf3mtakj9] {
    width: 100%;
    padding-top: 20px;
}

.questionUserList-open[b-kbf3mtakj9] {
    /*height:80% !important;*/
    /*margin-bottom: 100%;*/
    min-height: 80vh;
}

/* 右侧整体对话区域 */
.answerQuestion-box[b-kbf3mtakj9] {
    /*padding-top: 1rem;*/
    padding-top: 0.2rem;
    padding-bottom: 0.6rem;
}

/* 右侧客户回复区域 */
.questionUser-box[b-kbf3mtakj9] {
    background-color: #F5F5F5;
    border-radius: 10px;
    padding: 1rem 0 1rem 1rem;
}

/* 右侧客户头像 */
.questionUser-photo[b-kbf3mtakj9] {
    background-color: #2196F4;
    color: #fff;
    border-radius: 10px;
    display: inline-block;
    padding: 7px 4px;
    font-size: 12px;
}

/* 右侧客户回复内容 */
.questionUser-content[b-kbf3mtakj9] {
    display: inline-block;
    width: 93%;
    padding-left: 10px;
}


/* 右侧客服回复区域 */
.answerUser-box[b-kbf3mtakj9] {
    padding: 1rem 0 0 1rem;
    display: inline-flex;
}

.answerUser-photo-box[b-kbf3mtakj9] {
    display: inline-block;
}

.answerUser-photo[b-kbf3mtakj9] {
    width: 32px;
    height: 32px;
    border-radius: 10px;
}

.answerUser-content[b-kbf3mtakj9] {
    display: inline-block;
    width: 93%;
    float: right;
    padding-right: 10px;
}

[b-kbf3mtakj9] .answerUser-content > p {
    margin-bottom: 0;
}
/* _content/SmartAnswer/Pages/InfomationPage.razor.rz.scp.css */
.class_head_box[b-mq0ytnckni] {
    width: 100%;
    float: left;
    padding: 12px 0px 5px 1.2rem;
    background: #fff;
    border-bottom: 2px solid #A9A9A9 !important;
}

.gridlayout-item[b-mq0ytnckni] {
    height: 100%;
    position: relative;
    z-index: 0;
    display: flex;
    align-items: start;
    justify-content: center;
}

    .gridlayout-item[b-mq0ytnckni]:before {
        content: " ";
        position: absolute;
        z-index: -1;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
    }


.gridlayout-content[b-mq0ytnckni]:before {
}

.gridlayout-footer[b-mq0ytnckni] {
    padding-bottom: 2rem;
    padding-top: 20px;
}

    .gridlayout-footer[b-mq0ytnckni]:before {
    }

.gridlayout-left-side-bar[b-mq0ytnckni] {
    padding: 1rem 1rem 2rem 1rem;
    overflow-y: auto;
    background-color: #F5F5F5;
    box-shadow: 1px 0px 5px #dfdddd;
}

    .gridlayout-left-side-bar[b-mq0ytnckni]:before {
    }

@media (max-width: 575.98px) {
    .gridlayout-item[b-mq0ytnckni] {
        font-size: 0.9em;
    }
}

.logo-box[b-mq0ytnckni] {
    text-align: center;
    padding: 1rem 0;
}

.robot-box[b-mq0ytnckni] {
    padding: 1rem 0 0 1rem;
    display: inline-flex;
}

.robot-photo-box[b-mq0ytnckni] {
    display: inline-block;
}

.robot-photo[b-mq0ytnckni] {
    width: 32px;
    height: 32px;
    border-radius: 10px;
}

.robot-content[b-mq0ytnckni] {
    display: inline-block;
    width: 93%;
    padding-left: 10px;
}

[b-mq0ytnckni] .robot-content > p {
    margin-bottom: 0;
}

/*提问框按钮*/
.sendBox[b-mq0ytnckni] {
    width: 80%;
    position: relative;
}

.send-group-button[b-mq0ytnckni] {
    position: absolute;
    display: inline-block;
    background-color: #1d93ab;
    border-radius: 10px;
    right: 10px;
    top: 25%;
}

.disable-button[b-mq0ytnckni] {
    opacity: 0.5;
}

.input-box-button[b-mq0ytnckni] {
    height: 2rem;
    width: 3.5rem;
    background-color: #1d93ab;
    border-radius: 10px;
    color: #ffffff;
    outline: none;
    border: none;
}

.modelChatBox[b-mq0ytnckni] {
    min-width: 400px;
    width: 100%;
    padding: 0 20px;
    overflow-y: auto;
    height: 80%;
}


.ImgButtonBoxCss[b-mq0ytnckni] {
    border: solid 1px #E8E9EB;
    border-radius: 7px;
    max-width: 95%;
    cursor: pointer;
    padding: 10px 0;
}

.ImgButtonBoxCss-selected[b-mq0ytnckni] {
    border: solid 1px #04519F;
    background-color: #EEF3FE;
}

.ImgButtonBoxCss-disabled[b-mq0ytnckni] {
    cursor: inherit;
}

.ImgButtonBoxCss .gridlayout-img[b-mq0ytnckni] {
    align-items: center;
}

.ImgButtonBoxCss .gridlayout-remark[b-mq0ytnckni] {
    color: #5c5f66;
    font-size: 12px;
    line-height: 20px;
    justify-content: left;
}

.ImgButtonBoxCss .gridlayout-text[b-mq0ytnckni] {
    font-size: 14px;
    font-weight: 500;
    line-height: 32px;
    justify-content: left;
}

.answerRemarkCss[b-mq0ytnckni] {
    color: #84868c;
    line-height: 30px;
    font-size: 12px;
}

.modelDetailBoxCss[b-mq0ytnckni] {
    display: flex;
    justify-content: space-between;
    line-height: 40px;
}

    .modelDetailBoxCss .left[b-mq0ytnckni] {
        font-size: 14px;
    }

    .modelDetailBoxCss .right[b-mq0ytnckni] {
        color: #04519F;
    }

.modelDetailBoxCss[b-mq0ytnckni] {
    width:100%;
    height:40px;
    margin-top:10px;
    border:1px solid;
}

.class_user_radius[b-mq0ytnckni] {
    border-radius: 3px;
    border-bottom: 1px solid #A9A9A9 !important;
}

.class_user_border[b-mq0ytnckni] {
    border: 1px solid #A9A9A9 !important;
}
.class_user_border_box[b-mq0ytnckni] {
    width: 100%;
    height: 100%;
}

/* 左侧当前会话客户区域 鼠标移入移出 背景色 */
.class_userlistbox_color[b-mq0ytnckni] {
    background-color: #D9D9D9;
}
/* 左侧当前会话客户区域 选中客户 背景色 */
.class_userlistbox_color_checked[b-mq0ytnckni] {
    background-color: #D9D9D9;
}

/* 测试：客户1002被选中 左侧查询结果历史会话客户区域 选中客户 背景色 */
#UserListBoxTemplate_1002[b-mq0ytnckni] {
    background-color: #D9D9D9;
}

/* 左侧当前会话用户列表区域 */
.questionUserList-box[b-mq0ytnckni] {
    padding-top: 0.2rem;
    padding-bottom: 0.6rem;
}

.filterList-title[b-mq0ytnckni] {
    width: 100%;
    margin-top: 15px;
    float: left;
    font-size: 14px;
}

/* 左侧当前会话用户列表-标题区 */
.questionUserList-title[b-mq0ytnckni] {
    width: 100%;
    height: 50px;
    margin-top: 5px;
    padding: 15px 5px 15px 5px;
    /*text-align: left;*/
    float: left;
    font-size: 14px;
    background-color: #F5F5F5;
    /*border-radius: 3px;*/
    border-top: 2px solid #A9A9A9 !important;
}

    .questionUserList-title .content-text[b-mq0ytnckni] {
        float:left;
        width: 90%;
    }
    .questionUserList-title .content-icon[b-mq0ytnckni] {
        float: right;
        width: 10%;
    }

/* 左侧"我的对话"用户列表-div */
.questionUserList-div[b-mq0ytnckni] {
    width: 100%;
    padding-top: 20px;
}
/* 左侧"同事的对话"用户列表-div */
.questionUserListOther-div[b-mq0ytnckni] {
    width: 100%;
    padding-top: 20px;
}
/* 左侧"排队"用户列表-div */
.questionUserListQueue-div[b-mq0ytnckni] {
    width: 100%;
    padding-top: 20px;
}

.questionUserList-open[b-mq0ytnckni] {
    /*height:80% !important;*/
    /*margin-bottom: 100%;*/
    min-height: 80vh;
}

/* 右侧整体对话区域 */
.answerQuestion-box[b-mq0ytnckni] {
    /*padding-top: 1rem;*/
    padding-top: 0.2rem;
    padding-bottom: 0.6rem;
}

/* 右侧客户回复区域 */
.questionUser-box[b-mq0ytnckni] {
    background-color: #F5F5F5;
    border-radius: 10px;
    padding: 1rem 0 1rem 1rem;
}

/* 右侧客户头像 */
.questionUser-photo[b-mq0ytnckni] {
    background-color: #2196F4;
    color: #fff;
    border-radius: 10px;
    display: inline-block;
    padding: 7px 4px;
    font-size: 12px;
}

/* 右侧客户回复内容 */
.questionUser-content[b-mq0ytnckni] {
    display: inline-block;
    width: 93%;
    padding-left: 10px;
}


/* 右侧客服回复区域 */
.answerUser-box[b-mq0ytnckni] {
    padding: 1rem 0 0 1rem;
    display: inline-flex;
}

.answerUser-photo-box[b-mq0ytnckni] {
    display: inline-block;
}

.answerUser-photo[b-mq0ytnckni] {
    width: 32px;
    height: 32px;
    border-radius: 10px;
}

.answerUser-content[b-mq0ytnckni] {
    display: inline-block;
    width: 93%;
    float: right;
    padding-right: 10px;
}

[b-mq0ytnckni] .answerUser-content > p {
    margin-bottom: 0;
}
/* _content/SmartAnswer/Pages/Login.razor.rz.scp.css */
.gridlayout-item[b-ysubtfwm33] {
    font-size: 1.2em;
    font-weight: 500;
    text-align: center;
    height: 100%;
    padding: 0.5rem;
    text-align: center;
    position: relative;
    z-index: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

    .gridlayout-item[b-ysubtfwm33]:before {
        content: " ";
        position: absolute;
        z-index: -1;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        opacity: 0.4;
    }

.gridlayout-content[b-ysubtfwm33] {
    background-color: white;
    box-shadow: 0 2px 4px 0 rgba(0,0,0,.1);
}

.gridlayout-left-side-bar[b-ysubtfwm33]:before {
    border-right: solid;
}

.card-body-padding[b-ysubtfwm33] {
    padding: 1.75rem 1.25rem;
}

@media (max-width: 575.98px) {
    .gridlayout-item[b-ysubtfwm33] {
        font-size: 0.9em;
    }
}
/* _content/SmartAnswer/Pages/Settings/Settings.razor.rz.scp.css */
.class_head_box[b-fb0y463c4c] {
    width: 100%;
    float: left;
    padding: 12px 0px 5px 1.2rem;
    background: #fff;
    border-bottom: 2px solid #A9A9A9 !important;
}


/* 今日实时数据 */
.class_today_content[b-fb0y463c4c] {
    width: 100%;
    margin-top: 65px;
    padding-bottom:5px;
}

.page-card[b-fb0y463c4c] {
    margin: 1rem 1rem 0 1rem;
    padding: 1.5rem;
    background: #fff;
}

.settings-row-title[b-fb0y463c4c] {
    font-size: 1rem;
    color: #9a9a9a;
    padding-bottom: 10px;
}

.wy-icon-btn[b-fb0y463c4c] {
    display: inline-block;
    width: 6rem;
    text-align: center;
    font-size: 0.9rem;
    margin-top: 0.5rem;
    vertical-align: top;
}

    .wy-icon-btn .icon[b-fb0y463c4c] {
        margin: 0.5rem 0;
        width: 3rem;
    }

.card-title[b-fb0y463c4c] {
    font-size: 1rem;
    line-height: 2.5rem;
    color: #404040;
}
.sts-b-c[b-fb0y463c4c] {
    margin: 0.8rem 5rem 0 0;
    color: #9a9a9a;
    display: inline-block;
    text-align: center;
}
.sts-b-t[b-fb0y463c4c] {
    box-sizing: border-box;
    padding: 0;
    margin: 0;
    outline: none;
}
.sts-b-s[b-fb0y463c4c] {
    padding-top: 0.2rem;
    font-size: 2rem;
    color: #404040;
}

/* 对话、客服、功能数据 */
.class_url_content[b-fb0y463c4c] {
    width: 100%;
    height: 200px;
    margin-top: 5px;
    padding-bottom: 5px;
}

    .class_url_content .page-card[b-fb0y463c4c] {
        margin: 1rem 1rem 0 1rem;
        padding: 1.5rem;
        background: #fff;
    }
.page-card-row-thin[b-fb0y463c4c] {
    margin-top: 10px;
}
.gray-text[b-fb0y463c4c] {
    color: #9a9a9a;
}
.page-card-row-thick[b-fb0y463c4c] {
    margin-bottom: 1.5rem;
}
.theme-color-text[b-fb0y463c4c] {
    color: #009de7;
}

.class_url_remark[b-fb0y463c4c] {
    width:100%;
    margin-top:20px;
}
.page-card-gray[b-fb0y463c4c] {
    margin-bottom: 2rem;
    padding: 1rem;
    background: #f5f5f5;
}


.wy-qm-default-tips[b-fb0y463c4c] {
    margin: -3px 0 0 0.5rem;
    background: #9a9a9a;
    color: #fff;
    vertical-align: middle;
    position: relative;
    width: 1rem;
    height: 1rem;
    line-height: 1.1rem;
    font-size: 0.9rem;
    text-align: center;
    border-radius: 50%;
    display: inline-block;
}
/* _content/SmartAnswer/Pages/SmartAIChat.razor.rz.scp.css */
.smart-ai-container[b-4aeqgeem3k] {
    display: flex;
    flex-direction: column;
    width: 100%;
    padding: 20px;
    gap: 20px;
    background-color: #f8f9fa;
    min-height: 100%;
    box-sizing: border-box;
}

/* 搜索区域 */
.search-section[b-4aeqgeem3k] {
    position: sticky;
    top: 0;
    z-index: 100;
    background-color: #f8f9fa;
    padding: 10px 0;
    width: 100%;
}

.search-box[b-4aeqgeem3k] {
    display: flex;
    align-items: stretch;
    width: 60%;
    background: white;
    /*border: 1px solid #dfe1e5;*/
    border-radius: 24px;
    transition: all 0.3s ease;
    box-sizing: border-box;
    box-shadow: 0 1px 3px rgba(0,0,0,0.1);
}

.search-box:hover[b-4aeqgeem3k] {
    box-shadow: 0 2px 8px 1px rgba(64,60,67,.24);
}

.search-icon-left[b-4aeqgeem3k] {
    color: #9AA0A6;
    font-size: 20px;
    margin-right: 12px;
    display: flex;
    align-items: center;
}

:deep(.search-input)[b-4aeqgeem3k] {
    flex: 1;
    border: none !important;
    padding: 12px 16px;
    font-size: 16px;
    outline: none !important;
    background: transparent;
    width: 100%;
    border-radius: 24px 0 0 24px;
    box-sizing: border-box;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    resize: none !important;
    line-height: 1.5;
    font-family: inherit;
    min-height: 24px !important;
}

.search-button[b-4aeqgeem3k] {
    border: none;
    background: transparent;
    color: #3c4043;
    font-family: inherit;
    font-size: 14px;
    padding: 0 24px;
    cursor: pointer;
    user-select: none;
    white-space: nowrap;
    display: flex;
    align-items: center;
    justify-content: center;
}

.search-button:hover[b-4aeqgeem3k] {
    color: #202124;
}

/* 内容展示区域 */
.content-container[b-4aeqgeem3k] {
    display: flex;
    flex-direction: column;
    gap: 20px;
    overflow-y: auto;
    height: 88vh;
    padding-bottom: 10px;
}

.content-panel[b-4aeqgeem3k] {
    background: white;
    border-radius: 8px;
    box-shadow: 0 1px 2px rgba(0,0,0,0.1);
    width: 100%;
}

.panel-header[b-4aeqgeem3k] {
    padding: 16px;
    border-bottom: 1px solid #eee;
    background: white;
    border-radius: 8px 8px 0 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.panel-header h3[b-4aeqgeem3k] {
    margin: 0;
    font-size: 16px;
    font-weight: 500;
    color: #202124;
}

.feedback-icon[b-4aeqgeem3k] {
    color: #9AA0A6;
    cursor: pointer;
    font-size: 16px;
    padding: 8px;
    transition: all 0.3s ease;
}

.feedback-icon:hover[b-4aeqgeem3k] {
    color: #1a73e8;
    transform: scale(1.1);
}

.panel-content[b-4aeqgeem3k] {
    padding: 16px;
    font-size: 14px;
    line-height: 1.6;
}

.empty-content[b-4aeqgeem3k] {
    color: #5f6368;
    text-align: center;
    padding: 20px;
    font-size: 14px;
}

/* Markdown 样式 */
.panel-content :deep(h1)[b-4aeqgeem3k],
.panel-content :deep(h2)[b-4aeqgeem3k],
.panel-content :deep(h3)[b-4aeqgeem3k] {
    margin-top: 0;
    margin-bottom: 16px;
    font-weight: 500;
    line-height: 1.4;
}

.panel-content :deep(p)[b-4aeqgeem3k] {
    margin: 0 0 16px 0;
    line-height: 1.6;
}

.panel-content :deep(a)[b-4aeqgeem3k] {
    color: #1a73e8;
    text-decoration: none;
}

.panel-content :deep(a:hover)[b-4aeqgeem3k] {
    text-decoration: underline;
}

.panel-content :deep(pre)[b-4aeqgeem3k],
.panel-content :deep(code)[b-4aeqgeem3k] {
    background: none;
    border-radius: 4px;
    font-family: 'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, Courier, monospace;
}

.panel-content :deep(pre)[b-4aeqgeem3k] {
    padding: 16px;
    overflow-x: auto;
    margin: 16px 0;
    font-size: 13px;
    line-height: 1.45;
}

.panel-content :deep(code)[b-4aeqgeem3k] {
    padding: 2px 6px;
    font-size: 13px;
}

.panel-content :deep(pre code)[b-4aeqgeem3k] {
    padding: 0;
    background: none;
}

/* 滚动条样式 */
[b-4aeqgeem3k]::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

[b-4aeqgeem3k]::-webkit-scrollbar-track {
    background: transparent;
}

[b-4aeqgeem3k]::-webkit-scrollbar-thumb {
    background: #dadce0;
    border-radius: 4px;
}

[b-4aeqgeem3k]::-webkit-scrollbar-thumb:hover {
    background: #bdc1c6;
}

/* 移除全局样式限制 */
:global(body)[b-4aeqgeem3k] {
    margin: 0;
    padding: 0;
    background-color: #f8f9fa;
}

:global(#app)[b-4aeqgeem3k] {
    min-height: 100%;
} 
/* _content/SmartAnswer/Pages/Statistics/Statistics.razor.rz.scp.css */
.class_head_box[b-j3hy20gyzh] {
    width: 100%;
    float: left;
    padding: 12px 0px 5px 1.2rem;
    background: #fff;
    border-bottom: 2px solid #A9A9A9 !important;
}


/* 今日实时数据 */
.class_today_content[b-j3hy20gyzh] {
    width: 100%;
    margin-top: 5px;
    padding-bottom:5px;
}

.page-card[b-j3hy20gyzh] {
    margin: 1rem 1rem 0 1rem;
    padding: 1.5rem;
    background: #fff;
}

.card-title[b-j3hy20gyzh] {
    font-size: 1rem;
    line-height: 2.5rem;
    color: #404040;
}
.sts-b-c[b-j3hy20gyzh] {
    margin: 0.8rem 5rem 0 0;
    color: #9a9a9a;
    display: inline-block;
    text-align: center;
}
.sts-b-t[b-j3hy20gyzh] {
    box-sizing: border-box;
    padding: 0;
    margin: 0;
    outline: none;
}
.sts-b-s[b-j3hy20gyzh] {
    padding-top: 0.2rem;
    font-size: 2rem;
    color: #404040;
}

/* 对话、客服、功能数据 */
.class_url_content[b-j3hy20gyzh] {
    width: 100%;
    height: 200px;
    margin-top: 5px;
    padding-bottom: 5px;
}

    .class_url_content .page-card[b-j3hy20gyzh] {
        margin: 1rem 1rem 0 1rem;
        padding: 1.5rem;
        background: #fff;
    }
.page-card-row-thin[b-j3hy20gyzh] {
    margin-top: 10px;
}
.gray-text[b-j3hy20gyzh] {
    color: #9a9a9a;
}
.page-card-row-thick[b-j3hy20gyzh] {
    margin-bottom: 1.5rem;
}
.theme-color-text[b-j3hy20gyzh] {
    color: #009de7;
}

.class_url_remark[b-j3hy20gyzh] {
    width:100%;
    margin-top:20px;
}
.page-card-gray[b-j3hy20gyzh] {
    margin-bottom: 2rem;
    padding: 1rem;
    background: #f5f5f5;
}


.wy-qm-default-tips[b-j3hy20gyzh] {
    margin: -3px 0 0 0.5rem;
    background: #9a9a9a;
    color: #fff;
    vertical-align: middle;
    position: relative;
    width: 1rem;
    height: 1rem;
    line-height: 1.1rem;
    font-size: 0.9rem;
    text-align: center;
    border-radius: 50%;
    display: inline-block;
}
/* _content/SmartAnswer/Pages/Statistics/StatisticsChannel.razor.rz.scp.css */
.class_head_box[b-fd0anfz8tg] {
    width: 100%;
    float: left;
    padding: 12px 0px 5px 1.2rem;
    background: #fff;
    border-bottom: 2px solid #A9A9A9 !important;
}


/* 今日实时数据 */
.class_today_content[b-fd0anfz8tg] {
    width: 100%;
    margin-top: 5px;
    padding-bottom: 5px;
}

.page-card[b-fd0anfz8tg] {
    margin: 1rem 1rem 0 1rem;
    padding: 0.5rem;
    background: #fff;
}

.card-title[b-fd0anfz8tg] {
    font-size: 1rem;
    line-height: 2.5rem;
    color: #404040;
}

.sts-b-c[b-fd0anfz8tg] {
    margin: 0.8rem 5rem 0 0;
    color: #9a9a9a;
    display: inline-block;
    text-align: center;
}

.sts-b-t[b-fd0anfz8tg] {
    box-sizing: border-box;
    padding: 0;
    margin: 0;
    outline: none;
}

.sts-b-s[b-fd0anfz8tg] {
    padding-top: 0.2rem;
    font-size: 1.5rem;
    color: #404040;
}
    .sts-b-s .percent[b-fd0anfz8tg] {
        font-size: 0.9rem;
        background: #e0e0e0;
        height: 0.8rem;
        line-height: 0.8rem;
        display: inline-block;
    }

/* 对话、客服、功能数据 */
.class_url_content[b-fd0anfz8tg] {
    width: 100%;
    height: 200px;
    margin-top: 5px;
    padding-bottom: 5px;
}

    .class_url_content .page-card[b-fd0anfz8tg] {
        margin: 1rem 1rem 0 1rem;
        padding: 1.5rem;
        background: #fff;
    }

.page-card-row-thin[b-fd0anfz8tg] {
    margin-top: 10px;
}

.gray-text[b-fd0anfz8tg] {
    color: #9a9a9a;
}

.page-card-row-thick[b-fd0anfz8tg] {
    margin-bottom: 1.5rem;
}

.theme-color-text[b-fd0anfz8tg] {
    color: #009de7;
}

.class_url_remark[b-fd0anfz8tg] {
    width: 100%;
    margin-top: 20px;
}

.page-card-gray[b-fd0anfz8tg] {
    margin-bottom: 2rem;
    padding: 1rem;
    background: #f5f5f5;
}


.wy-qm-default-tips[b-fd0anfz8tg] {
    margin: -3px 0 0 0.5rem;
    background: #9a9a9a;
    color: #fff;
    vertical-align: middle;
    position: relative;
    width: 1rem;
    height: 1rem;
    line-height: 1.1rem;
    font-size: 0.9rem;
    text-align: center;
    border-radius: 50%;
    display: inline-block;
}


.class_Channel_1[b-fd0anfz8tg] {
    background-color: #FCD240;
    color: #fff;
    border-radius: 10px;
    display: inline-block;
    font-size: 12px;
    width: 8px !important;
    height: 8px !important;
}


.class_Channel_2[b-fd0anfz8tg] {
    background-color: #009DE7;
    color: #fff;
    border-radius: 10px;
    display: inline-block;
    font-size: 12px;
    width: 8px !important;
    height: 8px !important;
}

.class_Channel_3[b-fd0anfz8tg] {
    background-color: #f25d5d;
    color: #fff;
    border-radius: 10px;
    display: inline-block;
    font-size: 12px;
    width: 8px !important;
    height: 8px !important;
}


.class_Channel_4[b-fd0anfz8tg] {
    background-color: #f25d5d;
    color: #fff;
    border-radius: 10px;
    display: inline-block;
    font-size: 12px;
    width: 8px !important;
    height: 8px !important;
}

.class_Channel_5[b-fd0anfz8tg] {
    background-color: #f25d5d;
    color: #fff;
    border-radius: 10px;
    display: inline-block;
    font-size: 12px;
    width: 8px !important;
    height: 8px !important;
}
/* _content/SmartAnswer/Pages/Statistics/StatisticsService.razor.rz.scp.css */
.class_head_box[b-mijt9zm9ns] {
    width: 100%;
    float: left;
    padding: 12px 0px 5px 1.2rem;
    background: #fff;
    border-bottom: 2px solid #A9A9A9 !important;
}


/* 今日实时数据 */
.class_today_content[b-mijt9zm9ns] {
    width: 100%;
    margin-top: 5px;
    padding-bottom: 5px;
}

.page-card[b-mijt9zm9ns] {
    margin: 1rem 1rem 0 1rem;
    padding: 0.5rem;
    background: #fff;
}

.card-title[b-mijt9zm9ns] {
    font-size: 1rem;
    line-height: 2.5rem;
    color: #404040;
}

.sts-b-c[b-mijt9zm9ns] {
    margin: 0.8rem 5rem 0 0;
    color: #9a9a9a;
    display: inline-block;
    text-align: center;
}

.sts-b-t[b-mijt9zm9ns] {
    box-sizing: border-box;
    padding: 0;
    margin: 0;
    outline: none;
}

.sts-b-s[b-mijt9zm9ns] {
    padding-top: 0.2rem;
    font-size: 2rem;
    color: #404040;
}

/* 对话、客服、功能数据 */
.class_url_content[b-mijt9zm9ns] {
    width: 100%;
    height: 200px;
    margin-top: 5px;
    padding-bottom: 5px;
}

    .class_url_content .page-card[b-mijt9zm9ns] {
        margin: 1rem 1rem 0 1rem;
        padding: 1.5rem;
        background: #fff;
    }

.page-card-row-thin[b-mijt9zm9ns] {
    margin-top: 10px;
}

.gray-text[b-mijt9zm9ns] {
    color: #9a9a9a;
}

.page-card-row-thick[b-mijt9zm9ns] {
    margin-bottom: 1.5rem;
}

.theme-color-text[b-mijt9zm9ns] {
    color: #009de7;
}

.class_url_remark[b-mijt9zm9ns] {
    width: 100%;
    margin-top: 20px;
}

.page-card-gray[b-mijt9zm9ns] {
    margin-bottom: 2rem;
    padding: 1rem;
    background: #f5f5f5;
}


.wy-qm-default-tips[b-mijt9zm9ns] {
    margin: -3px 0 0 0.5rem;
    background: #9a9a9a;
    color: #fff;
    vertical-align: middle;
    position: relative;
    width: 1rem;
    height: 1rem;
    line-height: 1.1rem;
    font-size: 0.9rem;
    text-align: center;
    border-radius: 50%;
    display: inline-block;
}
/* _content/SmartAnswer/Pages/Statistics/StatisticsUserChatCount.razor.rz.scp.css */
.class_head_box[b-vhgymdx6ct] {
    width: 100%;
    float: left;
    padding: 12px 0px 5px 1.2rem;
    background: #fff;
    border-bottom: 2px solid #A9A9A9 !important;
}


/* 今日实时数据 */
.class_today_content[b-vhgymdx6ct] {
    width: 100%;
    margin-top: 5px;
    padding-bottom: 5px;
}

.page-card[b-vhgymdx6ct] {
    margin: 1rem 1rem 0 1rem;
    padding: 1.5rem;
    background: #fff;
}

.card-title[b-vhgymdx6ct] {
    font-size: 1rem;
    line-height: 2.5rem;
    color: #404040;
}

.sts-b-c[b-vhgymdx6ct] {
    margin: 0.8rem 5rem 0 0;
    color: #9a9a9a;
    display: inline-block;
    text-align: center;
}

.sts-b-t[b-vhgymdx6ct] {
    box-sizing: border-box;
    padding: 0;
    margin: 0;
    outline: none;
}

.sts-b-s[b-vhgymdx6ct] {
    padding-top: 0.2rem;
    font-size: 2rem;
    color: #404040;
}

/* 对话、客服、功能数据 */
.class_url_content[b-vhgymdx6ct] {
    width: 100%;
    height: 200px;
    margin-top: 5px;
    padding-bottom: 5px;
}

    .class_url_content .page-card[b-vhgymdx6ct] {
        margin: 1rem 1rem 0 1rem;
        padding: 1.5rem;
        background: #fff;
    }

.page-card-row-thin[b-vhgymdx6ct] {
    margin-top: 10px;
}

.gray-text[b-vhgymdx6ct] {
    color: #9a9a9a;
}

.page-card-row-thick[b-vhgymdx6ct] {
    margin-bottom: 1.5rem;
}

.theme-color-text[b-vhgymdx6ct] {
    color: #009de7;
}

.class_url_remark[b-vhgymdx6ct] {
    width: 100%;
    margin-top: 20px;
}

.page-card-gray[b-vhgymdx6ct] {
    margin-bottom: 2rem;
    padding: 1rem;
    background: #f5f5f5;
}


.wy-qm-default-tips[b-vhgymdx6ct] {
    margin: -3px 0 0 0.5rem;
    background: #9a9a9a;
    color: #fff;
    vertical-align: middle;
    position: relative;
    width: 1rem;
    height: 1rem;
    line-height: 1.1rem;
    font-size: 0.9rem;
    text-align: center;
    border-radius: 50%;
    display: inline-block;
}
/* _content/SmartAnswer/Pages/Statistics/StatisticsUserTagChatCount.razor.rz.scp.css */
.class_head_box[b-otiyusnd0e] {
    width: 100%;
    float: left;
    padding: 12px 0px 5px 1.2rem;
    background: #fff;
    border-bottom: 2px solid #A9A9A9 !important;
}


/* 今日实时数据 */
.class_today_content[b-otiyusnd0e] {
    width: 100%;
    margin-top: 5px;
    padding-bottom: 5px;
}

.page-card[b-otiyusnd0e] {
    margin: 1rem 1rem 0 1rem;
    padding: 1.5rem;
    background: #fff;
}

.card-title[b-otiyusnd0e] {
    font-size: 1rem;
    line-height: 2.5rem;
    color: #404040;
}

.sts-b-c[b-otiyusnd0e] {
    margin: 0.8rem 5rem 0 0;
    color: #9a9a9a;
    display: inline-block;
    text-align: center;
}

.sts-b-t[b-otiyusnd0e] {
    box-sizing: border-box;
    padding: 0;
    margin: 0;
    outline: none;
}

.sts-b-s[b-otiyusnd0e] {
    padding-top: 0.2rem;
    font-size: 2rem;
    color: #404040;
}

/* 对话、客服、功能数据 */
.class_url_content[b-otiyusnd0e] {
    width: 100%;
    height: 200px;
    margin-top: 5px;
    padding-bottom: 5px;
}

    .class_url_content .page-card[b-otiyusnd0e] {
        margin: 1rem 1rem 0 1rem;
        padding: 1.5rem;
        background: #fff;
    }

.page-card-row-thin[b-otiyusnd0e] {
    margin-top: 10px;
}

.gray-text[b-otiyusnd0e] {
    color: #9a9a9a;
}

.page-card-row-thick[b-otiyusnd0e] {
    margin-bottom: 1.5rem;
}

.theme-color-text[b-otiyusnd0e] {
    color: #009de7;
}

.class_url_remark[b-otiyusnd0e] {
    width: 100%;
    margin-top: 20px;
}

.page-card-gray[b-otiyusnd0e] {
    margin-bottom: 2rem;
    padding: 1rem;
    background: #f5f5f5;
}


.wy-qm-default-tips[b-otiyusnd0e] {
    margin: -3px 0 0 0.5rem;
    background: #9a9a9a;
    color: #fff;
    vertical-align: middle;
    position: relative;
    width: 1rem;
    height: 1rem;
    line-height: 1.1rem;
    font-size: 0.9rem;
    text-align: center;
    border-radius: 50%;
    display: inline-block;
}
/* _content/SmartAnswer/Shared/Header.razor.rz.scp.css */
.navbar.header-navbar[b-19o3i0wpac] {
    flex-grow: 0;
    flex-wrap: nowrap;
    border: none;
    background-color: inherit;
    border-radius: 0;
    height: 3rem;
    min-height: 3rem;
    box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.12);
    justify-content: flex-start;
}

.header-navbar .navbar-toggler[b-19o3i0wpac] {
    outline: none;
    border-radius: 0;
    padding-left: .75rem;
    padding-right: .75rem;
    box-shadow: none;
    align-self: stretch;
    width: 4.2rem;
}

    .header-navbar .navbar-toggler .navbar-toggler-icon[b-19o3i0wpac] {
        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255,255,255, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
        background-color: transparent !important;
        height: 1.8rem;
        width: 1.8rem;
    }

.title[b-19o3i0wpac] {
    color: #04519f !important;
    font-size: 18px !important;
    font-weight: 400 !important;
    text-overflow: ellipsis;
    overflow: hidden;
}

@media (max-width: 350px) {
    .title[b-19o3i0wpac] {
        font-size: inherit;
    }
}

.navbar-loginout[b-19o3i0wpac] {
    margin-left: auto;
    padding-right: 5px;
}

.w-mr-10[b-19o3i0wpac] {
    margin-right: 10px
}

.class_online[b-19o3i0wpac] {
    background-color: #00c800;
    color: #fff;
    border-radius: 10px;
    display: inline-block;
    font-size: 12px;
    width: 8px !important;
    height: 8px !important;
}


.class_offline[b-19o3i0wpac] {
    background-color: #9a9a9a;
    color: #fff;
    border-radius: 10px;
    display: inline-block;
    font-size: 12px;
    width: 8px !important;
    height: 8px !important;
}

.class_hiding[b-19o3i0wpac] {
    background-color: #f25d5d;
    color: #fff;
    border-radius: 10px;
    display: inline-block;
    font-size: 12px;
    width: 8px !important;
    height: 8px !important;
}

.class_loginout[b-19o3i0wpac] {
    background-color: #5d64f2;
    color: #fff;
    border-radius: 10px;
    display: inline-block;
    font-size: 12px;
    width: 8px !important;
    height: 8px !important;
}
/* _content/SmartAnswer/Shared/HeaderEditLineState.razor.rz.scp.css */
.gridlayout-item[b-7djnjucz50] {
    height: 100%;
    position: relative;
    z-index: 0;
    display: flex;
    align-items: start;
    justify-content: center;
}

    .gridlayout-item[b-7djnjucz50]:before {
        content: " ";
        position: absolute;
        z-index: -1;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
    }


.gridlayout-footer[b-7djnjucz50] {
    padding-bottom: 2rem;
    padding-top: 20px;
}

    .gridlayout-footer[b-7djnjucz50]:before {
    }

.gridlayout-left-side-bar[b-7djnjucz50] {
    padding: 1rem 1rem 2rem 1rem;
    overflow-y: auto;
    /*background-color: #F5F5F5;*/
    box-shadow: 1px 0px 5px #dfdddd;
}

@media (max-width: 575.98px) {
    .gridlayout-item[b-7djnjucz50] {
        font-size: 0.9em;
    }
}

.logo-box[b-7djnjucz50] {
    text-align: center;
    padding: 1rem 0;
}

.robot-box[b-7djnjucz50] {
    padding: 1rem 0 0 1rem;
    display: inline-flex;
}

.robot-photo-box[b-7djnjucz50] {
    display: inline-block;
}

.robot-photo[b-7djnjucz50] {
    width: 32px;
    height: 32px;
    border-radius: 10px;
}

.filterList-title[b-7djnjucz50] {
    width: 100%;
    margin-top: 15px;
    float: left;
    font-size: 14px;
}

/* 右侧客户头像 */
.questionUser-photo[b-7djnjucz50] {
    background-color: #2196F4;
    color: #fff;
    border-radius: 10px;
    display: inline-block;
    padding: 7px 4px;
    font-size: 12px;
}

/* 最上层按钮 */
.class_div_Toolbar[b-7djnjucz50] {
    width: 100% !important;
    height: 100% !important;
    padding: 5px;
}

    .class_div_Toolbar .ToolbarTitle[b-7djnjucz50] {
        padding-left: 3px;
        padding-top: 7px;
        font-size: 14px;
        text-align: left;
    }

    .class_div_Toolbar .ToolbarButton[b-7djnjucz50] {
        padding-left: 5px;
        float: right;
    }

/* 按钮图片 */
.btn-icon-listOpen[b-7djnjucz50] {
    height: 35px !important;
    margin-left: 10px;
    margin-right: 10px;
    float: right;
    -webkit-mask-image: url("https://demos.devexpress.com/blazor/_content/BlazorDemo/images/icons/like.svg");
    mask-image: url("https://demos.devexpress.com/blazor/_content/BlazorDemo/images/icons/like.svg");
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    background-color: currentColor;
}

/* 列表外部高度 */
.class_div_GridData[b-7djnjucz50] {
    width: 100% !important;
    height: 100% !important;
}

.questionUser-photo[b-7djnjucz50] {
    background-color: #2196F4;
    color: #fff;
    border-radius: 10px;
    display: inline-block;
    padding: 7px 4px;
    font-size: 12px;
}


.class_online[b-7djnjucz50] {
    background-color: #00c800;
    color: #fff;
    border-radius: 10px;
    display: inline-block;
    font-size: 12px;
    width: 8px !important;
    height: 8px !important;
}


.class_offline[b-7djnjucz50] {
    background-color: #9a9a9a;
    color: #fff;
    border-radius: 10px;
    display: inline-block;
    font-size: 12px;
    width: 8px !important;
    height: 8px !important;
}

.class_hiding[b-7djnjucz50] {
    background-color: #f25d5d;
    color: #fff;
    border-radius: 10px;
    display: inline-block;
    font-size: 12px;
    width: 8px !important;
    height: 8px !important;
}
/* _content/SmartAnswer/Shared/MainLayout.razor.rz.scp.css */
.page[b-xz0sexvzuy] {
    height: 100%;
    overflow: hidden;
    background-color: inherit;
}

[b-xz0sexvzuy] .page-layout,
[b-xz0sexvzuy] .page-layout > .dx-gridlayout-root,
[b-xz0sexvzuy] .layout-item {
    /*  background-color: inherit;*/
}

[b-xz0sexvzuy] .content {
    /*padding: 1.1rem 2rem 0 2rem;*/
    overflow: auto;
}

@media (max-width: 1199.98px) {
    [b-xz0sexvzuy] .page-layout > .dx-gridlayout-root {
        grid-template-columns: minmax(0, 1fr) !important;
    }
}

[b-xz0sexvzuy] .fit-width {
    max-width: 100%;
}

[b-xz0sexvzuy] .mw-1100 {
    max-width: 1100px;
}

.gridlayout-footer[b-xz0sexvzuy] {
    display: block;
    color: rgba(0,0,0,.609);
    border-top: 1px solid rgba(0,0,0,.1);
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    text-align: center;
    background-color: #fff;
}
/* _content/SmartAnswer/Shared/NavMenu.razor.rz.scp.css */
.sidebar[b-c9pcskfvux] {
   /* min-width: 100px;
    max-width: 200px;*/
    width: 4.3rem;
    box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.16);
    transition: transform 0.1s ease-out;
    height: 100%;
    max-height: 100%;
    overflow: auto;
    background-color: var(--bs-body-bg, var(--dxbl-body-bg, #fff));
}

    .sidebar.collapse[b-c9pcskfvux] {
        display: none;
    }

    .sidebar.expand[b-c9pcskfvux] {
        display: block;
    }

@media (max-width: 1199.98px) {
    .sidebar[b-c9pcskfvux] {
        display: none;
    }

        .sidebar.expand[b-c9pcskfvux] {
            position: fixed;
            top: 3.5rem;
            left: 0;
            height: auto;
            min-width: 100%;
            z-index: 1050;
        }
}

[b-c9pcskfvux] .app-sidebar {
    --dxbl-treeview-spacing-x: 0rem !important;
    --dxbl-treeview-spacing-y: 1rem;
}

    [b-c9pcskfvux] .app-sidebar .dxbl-scroll-viewer {
        --dxbl-treeview-spacing-x: 0.5rem;
        --dxbl-treeview-spacing-y: 1rem;
        background-color: #04519f;
        font-size: 1rem !important;
        font-weight: 600 !important;
    }

    [b-c9pcskfvux] .app-sidebar .dxbl-treeview-item-text-container {
        font-size: 1rem !important;
        font-weight: 600 !important;
        padding-top: 10px;
    }

[b-c9pcskfvux] .app-sidebar .root-item > :first-child {
    --dxbl-treeview-font-weight: 600;
}

[b-c9pcskfvux] .app-sidebar .root-item > :only-child:not(.dxbl-treeview-tmpl) > button {
    display: none;
}

@media (max-width: 1199.98px) {
    [b-c9pcskfvux] .app-sidebar {
        padding-bottom: 0;
    }
}
/* _content/SmartAnswer/Shared/PCLoginLayout.razor.rz.scp.css */
.head-content[b-r87511qoox] {
    line-height: 100px;
    text-align: center;
    height: 100px;
    color: #04519f !important;
}

.head-content-text[b-r87511qoox] {
    display: inline-block;
    height: 50px;
    width: 600px;
    font-size: 35px;
}

.body-content[b-r87511qoox] {
    text-align: center;
}

.body-content-text[b-r87511qoox] {
    display: inline-block;
    width: 800px;
}

.gridlayout-header[b-r87511qoox] {
    height: 80px;
    box-shadow: 0 2px 4px 0 rgba(0,0,0,.1);
    background-color: white;
}

.gridlayout-footer[b-r87511qoox] {
    display: block;
    color: rgba(0,0,0,.609);
    border-top: 1px solid rgba(0,0,0,.1);
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    text-align: center;
}