.call-monitor .modal-header{height:34px;line-height:34px}.call-monitor .modal-header .call-type-icon{display:inline-block;margin-right:40px}.call-monitor .modal-header .info-label{margin:auto 6px auto 15px}.call-monitor .ivu-modal-body{min-height:300px}.call-monitor .modal-content{display:grid;grid-template-columns:repeat(2,1fr);grid-row-gap:20px}.call-monitor .modal-content .agent-avatar{margin-right:16px}.call-monitor .modal-content .agent-info{padding:4px;color:#333}.call-monitor .modal-content .agent-info p{font-size:14px;font-weight:500}.call-monitor .modal-content .agent-info .info-label{margin-right:8px}.call-monitor .modal-content .agent-info .info-p>span{display:inline-block;margin-right:12px;margin-top:12px}.call-monitor .modal-footer{display:flex;flex-wrap:nowrap;justify-content:space-between;text-align:left}.call-monitor .modal-footer .icon-wrap{display:inline-grid;gap:6px;margin:auto 10px}.call-monitor .modal-footer .icon-wrap:hover{cursor:pointer}.online-voice-control .ivu-card-head{border-bottom:unset;padding:8px 20px}.online-voice-control .ivu-card-head-inner,.online-voice-control .ivu-card-head p{width:auto}.online-voice-control .search-wrap .ivu-form-item{margin-bottom:0}.online-voice-control p{line-height:20px;font-size:16px;color:#17233d;font-weight:500}.online-voice-control .control-content{position:relative;margin:10px 0}.online-voice-control .control-content .agent-card-list{display:flex;flex-wrap:wrap;list-style:none}.online-voice-control .control-content .agent-card-list .list-item{position:relative;flex:0 0 auto;height:100px;padding:5px;margin-bottom:14px;margin-right:5px;box-sizing:border-box;border-radius:5px;border:1px solid #ccc}.online-voice-control .control-content .agent-card-list .list-item .agent-avatar{margin-right:0}.online-voice-control .control-content .agent-card-list .list-item .agent-info{padding:4px;color:#333}.online-voice-control .control-content .agent-card-list .list-item .agent-info p{font-size:14px;font-weight:500}.online-voice-control .control-content .agent-card-list .list-item .agent-info .info-label{margin-right:8px}.online-voice-control .control-content .agent-card-list .list-item .agent-info .info-p>span{display:inline-block;margin-right:12px;margin-top:10px}.online-voice-control .control-content .agent-card-list .list-item .agent-status{position:absolute;right:5px;top:5px;text-align:center;padding:0 4px;border:1px solid #ccc;border-radius:5px}.online-voice-control .control-content .agent-card-list .list-item-down{margin-top:15px}.online-voice-control .control-content .agent-card-list .list-item-down .operation-icon{margin:0 15px}.online-voice-control .control-content .agent-card-list .list-item-down .operation-icon:hover{cursor:pointer}.online-voice-control .control-content .agent-card-list .no-data{width:inherit;height:30%}.online-voice-control .control-content .page{position:absolute;background-color:#000;opacity:.2;border-width:0;border:none;border-radius:5px;width:60px;height:60px;box-shadow:none;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);cursor:pointer;text-align:center}.online-voice-control .control-content .page .ivu-icon{-webkit-transform:translate(-50%,15px);transform:translate(-50%,15px)}.online-voice-control .control-content .page-up{left:0}.online-voice-control .control-content .page-down{right:0}