.tmkMonitor {
    /* align: center; */
    /* min-width: 1380px; */
}

.tmkMonitor .msgTable {
    margin-top: 10px;
    width: 98%;
    height: 97%;
    font-weight: bold;
    cellpadding: 0px;
    cellspacing: 0px;
    font-size: 14px;
    border-collapse:collapse;
}

.tmkMonitor .cell {
    border: 1px solid rgb(151, 143, 143);
    text-align: center;
    white-space: nowrap;
    /* overflow: hidden; */
}

.tmkMonitor .total {
    width: 8%;
}

.tmkMonitor .status {
    width: 21%;
    position: relative;
}

.idle {
    background-color: rgba(228, 131, 243, 0.3);
}

.oncall {
    background-color: #7EB594;
}

.acw {
    background-color: rgba(120, 235, 241, 0.3);
}

.dialout {
    background-color: rgba(206, 203, 65, 0.3);
}

.tmkMonitor .top1 {
    text-align: center;
}

.tmkMonitor .cellDiv {
    padding: 5px 10px;
    text-align: left;
    overflow: auto;
}

.tmkMonitor .div1 {
    position: absolute;
    height:100%;
    top:0;
}
.tmkMonitor .div2 { 
    position: absolute; 
    width:100%;
    height:100%;
    font-weight: bold;
    top:0;
}

.tmkMonitor .div2 span {
    position: absolute;
    top: 50%;
    transform: translateY(-50%) translateX(-50%);
    text-align: center;
}

.tmkMonitor .red-back {
    background-color: red;
}

.tmkMonitor .gray-back {
    background-color: gray;
}

.popTable {
    /* margin-top: 2px; */
    width: 98%;
    /* height: 90%; */
    font-weight: bold;
    cellpadding: 0px;
    cellspacing: 0px;
    font-size: 14px;
    border-collapse:collapse;
}


.pop-div {
    float: left;
    width: 25%;
    line-height: 32px;
    text-align: center;
    border: 1px solid #ccc;
    margin-right:-1px; 
    margin-bottom:-1px;
    font-weight: bold;
    font-size: 14px;
}

.pop-cell {
    padding: 2px 10px;
    text-align: left;
    overflow: hidden;
    white-space: nowrap;
}

.pop-td-cell {
    padding: 5px 10px;
    text-align: left;
    overflow: hidden;
    white-space: nowrap;
}

.pop-test {
    border: 1px solid rgb(151, 143, 143);
    /* text-align: center;
    white-space: nowrap; */

    padding: 10px 10px;
    text-align: left;
    overflow: hidden;
    white-space: nowrap;
}

.pop-title {
    text-align: center;
    width: 25%;
    position: relative;
}

.download-cell {
    padding: 5px 10px;
    text-align: center;
    overflow: hidden;
    white-space: nowrap;
}

.call-title {
    background:#fff;
    border: none !important;
}

.call-teamBack {
    background-color: rgba(122, 117, 117, 0.3);
}

.call-cell {
    border: 1px solid rgb(151, 143, 143);
    text-align: center;
    white-space: nowrap;
    line-height: 30px;
}

.call-teamname-cell {
    border: 1px solid rgb(151, 143, 143);
    padding-left: 5px; 
    white-space: nowrap;
    line-height: 30px;
    z-index: 10;
}


/* .box{width: 300px;height: 300px;margin: 50px auto 0;overflow: auto;}
.box table{width: 100%;border-collapse: collapse;border-right: 1px solid #ccc;text-align: center;}
.box table thead th{background-color: #ccc;}
.box table th, .box table td{padding: 8px 10px;border-left: 1px solid #ccc;border-bottom: 1px solid #ccc;white-space: nowrap;} */