:root {
    --bg-color: #00796a; // 定义颜色变量
}
.theme-primary-color{
    color: var(--bg-color);
}

.msgHeader {
    background-color: #fff;
}
.font-color{
    color: #8F8F91;
}
.header-backgroundcolor .el-input__inner {
    background-color: #F1F3F5;
    color:#8F8F91;
}
.header-backgroundcolor>>>input::-webkit-input-placeholder{
    color:#F1F3F5;
}
.header-backgroundcolor>>>input::-moz-placeholder{   /* Mozilla Firefox 19+ */
    color:#F1F3F5;
}
.header-backgroundcolor>>>input:-moz-placeholder{    /* Mozilla Firefox 4 to 18 */
    color:#F1F3F5;
}
.header-backgroundcolor>>>input:-ms-input-placeholder{  /* Internet Explorer 10-11 */
    color:#F1F3F5;
}
.background-circle {
    width: 24px;
    height: 24px;
    line-height: 24px;
    border-radius: 50%;
    background-color: #F2F3F5;
    display: inline-block;
    text-align: center;
    cursor: pointer;
}
.background-circle .background-circle-icon{
    font-family: "iconfont" !important;
    font-size: 14px;
    font-style: normal;
    color: #91969f;
}
.background-circle .background-circle-icon:hover{
    color: var(--bg-color) !important;
}
.button-label{
    background: #F1F3F5;
}
.button-label .circle {
    left:7px;
    transition:all 0.2s;
    background-color: #CBCBCB;
}
.button-label .on {
    color:#F1F3F5;
    display:none;
    text-indent:10px;
}
.button-label .off {
    color: #8F8F91;
    display:inline-block;
    text-indent:24px;
}
.toggle-button:checked + label.button-label .circle {
    left:53px;
    background-color: #F1F3F5;
}
.toggle-button:checked + label.button-label .on {
    display:inline-block;
    padding-left:10px;
}
.toggle-button:checked + label.button-label .off {
    display:none;
}
.toggle-button:checked + label.button-label {
    background-color:var(--bg-color);
}
.user-font-color{
    color:var(--bg-color);
}
.agentinfoformitem:hover{
    background: #FFFFFF;
}
#close-button .background-circle{
    font-size: 16px;
}
.channelSwitch.el-popper {
    min-width: unset !important;
    background: #ffffff !important;
    border: unset !important;
    margin-left: -80px;
    box-shadow: 0 1px 6px rgba(0, 0, 0, .7);
}
.channelSwitch.el-popper[x-placement^=bottom] .popper__arrow::after {
    border-bottom-color: var(--bg-color);
}
.channelSwitch.el-popper[x-placement^=bottom] .popper__arrow {
    border-bottom-color: unset;
    display: none;
}
.previewBtn{
    height: 24px;
    padding: 5px 10px !important;
    color:#ffffff !important;
    background-color: var(--bg-color) !important;
    border-color: var(--bg-color) !important;
}
.previewBtn:hover{
    color:#ffffff !important;
}
.customerMess .pull-left {
    color: var(--bg-color);
}
.ivu-btn-primary{
    color: #FFF;
    background-color: var(--bg-color) !important;
    border-color: var(--bg-color) !important;
}
.el-button--text {
    color: var(--bg-color) !important;
}
.el-switch.is-checked .el-switch__core {
    border-color: var(--bg-color) !important;
    background-color: var(--bg-color) !important;
}
.el-pagination.is-background .el-pager li:not(.disabled).active {
    background-color: var(--bg-color) !important;
    color: #FFF;
}
.el-pager li.active
    /*, .el-select-dropdown__item.selected*/
{
    color: var(--bg-color);
}
.interactionHistory, .formHistory {
    color: var(--bg-color) !important;
}
/*.el-select .el-input.is-focus .el-input__inner {*/
/*border-color: var(--bg-color);*/
/*}*/
/*.el-dialog__header, .avue-dialog .el-dialog__header{*/
/*    padding: 10px 20px 10px;*/
/*    height: 40px;*/
/*    background: var(--bg-color);*/
/*}*/
.el-radio__input.is-checked .el-radio__inner {
    border-color: var(--bg-color);
    background: var(--bg-color)
}
.el-checkbox__input.is-checked .el-checkbox__inner, .el-checkbox__input.is-indeterminate .el-checkbox__inner {
    background-color: var(--bg-color);
    border-color: var(--bg-color);
}
.el-breadcrumb__item:last-child .el-breadcrumb__inner,.el-breadcrumb__item:last-child .el-breadcrumb__inner a,.el-breadcrumb__item:last-child .el-breadcrumb__inner a:hover,.el-breadcrumb__item:last-child .el-breadcrumb__inner:hover {
    color: var(--bg-color);
}
/* 排队数数字颜色 */
.pro-marquee_statistic .value{
    color: var(--bg-color);
    font-weight: bold;
    margin:0 5px;
}

/*右下角公告*/
.el-notification__group {
    margin-left: 0px;
    margin-right: 0px;
}
.msgType {
    margin-left: 20px;
}
.msgDetail {
    margin: 10px 20px !important;
}

.dialNumberTypeClass {
    background: #F1F3F5;
    color: #333333;
    -webkit-appearance: none;
}
/* 会话列表底色 */
.chatrecordlist {
    background-color: #f2f8ff !important;
}

.skillgroupSwitch.el-popper {
    min-width: unset !important;
    background: #ffffff !important;
    border: unset !important;
    box-shadow: 0 1px 6px rgba(0, 0, 0, .7);
}
.skilllabel,.skillLoginAgents {
    color: var(--bg-color);
}
.skillgroup-button-label{
    background: #F1F3F5;
}
.skillgroup-button-label .circle {
    left:7px;
    transition:all 0.2s;
    background-color: #CBCBCB;
}
.skillgroup-button-label .on {
    color:#F1F3F5;
    display:none;
    text-indent:10px;
}
.skillgroup-button-label .off {
    color: #8F8F91;
    display:inline-block;
    text-indent:24px;
}
.toggle-button:checked + label.skillgroup-button-label .circle {
    left:43px;
    background-color: #F1F3F5;
}
.toggle-button:checked + label.skillgroup-button-label .on {
    display:inline-block;
}
.toggle-button:checked + label.skillgroup-button-label .off {
    display:none;
}
.toggle-button:checked + label.skillgroup-button-label {
    background-color:var(--bg-color);
}
.el-radio-button__orig-radio:checked+.el-radio-button__inner {
    border-color: var(--bg-color);
    background-color: var(--bg-color);
    -webkit-box-shadow: -1px 0 0 0 var(--bg-color);
    box-shadow: -1px 0 0 0 var(--bg-color);
}
.contentRobotHeader {
    background-color: var(--bg-color);
}
/* 聊天记录背景色（每一条） */
.user .leftCon{
    border: 1px solid #d1ebff;
    background-color: #edf8ff;
}
.user .leftConCoach{
    border: 1px solid #d1ebff;
    background-color: #6db3e0;
}
.user .rightCon{
    border: 1px solid #f9dec4;
    background-color: #fff3e4;
}