span.tagStyle {
    padding: 5px 4px;
    background: #5fcbdc;
    margin: 3px;
    display: inline-block;
    border-radius: 3px;
}
span.tagStyle.type_2 {
    background: #90afff;
}
span.tagStyle.type_1 {
    background: #fda9ff;
}
span.tagStyle.contact {
    background: #efd097;
}
span.tagStyle.brand {
    font-weight: 600;
    background: #7fffc9;
    /* color: #fff; */
}
td.oprate {
  width: 148px;
}
td.number {
  width: 118px;
}
tr.pbx td {
    border-bottom: 1px solid #00000075 !important;
}
tr.pbx:hover {
    color: #00325a;
    background: none !important;
}
.table-striped tbody tr.pbx:nth-of-type(odd) {
    background-color: rgb(255 255 255 / 95%);
}
.table-striped tbody tr.pbx:hover {
    background-color: transparent !important;
}
.table-striped tbody tr.pbx:nth-of-type(odd):hover {
    background-color: #fff !important;
}
td.name {
  width: 290px;
}
.user_status_list {
    height: 46px;
    width: 43px;
    position: absolute;
    top: 0px;
    right: 0px;
    background: #eff;
}
.user_status_list span.bg_ani {
    position: initial !important;
}
span.subscription_item {
    background: #fff;
    padding: 6px 10px;
    display: inline-block;
    margin: 4px 4px;
    border-radius: 4px;
}
.subscription_extime {
    position: absolute;
    top: 0;
    background: #e8e8e8;
    width: 100%;
    right: 0px;
    border-bottom: 1px solid #d6d8dc;
}
td.agent_name {
    position: relative;
    padding-top: 51px;
}
.subscription_extime div {
    display: inline-block;
    line-height: 38px;
    padding-right: 9px;
}
.subscription_extime div:nth-child(2) {
    float: left;
    padding: 0 10px;
    background: #96f99c47;
    color: green;
}
span.subscription_history {
    font-size: 12px;
    font-weight: 100;
}
span.subscription_history span {
    font-size: 11px;
    font-weight: bold;
}
.subscription_extime div:nth-child(2).listExpired {
    color: red !important;
    background: #ffcaca;
}