.P #presenceSelected,
.A #presenceSelected {
    background-color: #10b981;
}

.I button#presenceSelected {
    border-color: #acacac;
    background-color: #acacac;
}

.S button#presenceSelected,
.H button#presenceSelected {
    border-color: #ff7c00;
    background-color: #ff7c00;
}

.SI button#presenceSelected,
.HI button#presenceSelected {
    border-color: #887419;
    background-color: #887419;
}

.V button#presenceSelected,
.U button#presenceSelected {
    border-color: #06CABF;
    background-color: #06CABF;
}

.C button#presenceSelected {
    border-color: #9300D0;
    background-color: #9300D0;
}

.group span.user-state,
.channel span.user-state,
.A span.user-state-icon,
.W span.user-state-icon,
.R span.user-state-icon,
.T span.user-state-icon,
.N span.user-state-icon {
    display: none;
}

.A span.user-state,
.W span.user-state,
.R span.user-state,
.T span.user-state,
.N span.user-state {
    width: 8px;
    height: 8px;
    min-width: 8px;
    border-radius: 50%;
    display: inline-block;
    border: 1px solid;
    margin-right: 0.65rem;
}

#presenceTypes span.user-state-icon {
    margin-left: -2px;
    text-align: left;
}

.S span.user-state-icon {
    background-image: url('../ima/S_A_call_status_orange.svg');
}

.V span.user-state-icon {
    background-image: url('../ima/videollamada-saliente.svg');
}

.U span.user-state-icon,
span.video-icon {
    background-image: url('../ima/videollamada-entrante.svg');
}

.SI span.user-state-icon {
    background-image: url('../ima/SI_A_call_status_orange.svg');
}

.H span.user-state-icon {
    background-image: url('../ima/H_A_call_status_orange.svg');
}

.HI span.user-state-icon {
    background-image: url('../ima/HI_A_call_status_orange.svg');
}

.C span.user-state-icon {
    background-image: url('../ima/lapiz_morado.svg');
}

.P span.user-state-icon {
    background-image: url('../ima/generic_phone.svg');
}

.A span.user-state {
    /* background-image: url('../ima/Available.svg'); */
    background-color: #10b981;
    /* box-shadow: #10b981 0px 0px 6px; */
    border-radius: 50%;
    width: 8px;
    height: 8px;
    min-width: 8px;
    border-color:#059669;
}

.N span.user-state {
    /* background-image: url('../ima/Donotdisturb.svg'); */
    /* box-shadow: #ef4444 0px 0px 6px 0px; */
    background-color: #ef4444;
}

.R span.user-state {
    /* background-image: url('../ima/Comebacksoon.svg'); */
    /* box-shadow: #3b82f6 0px 0px 6px 0px; */
    background-color: #3b82f6;
}

.W span.user-state {
    /* background-image: url('../ima/Idle.svg'); */
    /* box-shadow: #4c4c4c 0px 0px 6px 0px; */
    background-color: #4c4c4c;
}

.I span.user-state-icon {
    background-image: url('../ima/Inactive.svg');
}

.T span.user-state {
    /* background-image: url('../ima/Outofwork.svg');
     */
    /* box-shadow: #495057 0px 0px 6px 0px; */
    background-color: transparent;
    border: 2px solid #495057;
    border-radius: 0;

}

.SI span.user-state-icon, .HI span.user-state-icon, .S span.user-state-icon, .H span.user-state-icon, .C span.user-state-icon, .V span.user-state-icon, .U span.user-state-icon, .P span.user-state-icon,
span.user-state-icon {
    background-size: 100% 100%;
    display: inline-block;
    height: 15px;
    padding: 0;
    width: 15px;
    margin-right: 4px;
    min-width: 15px;
}

.tridentBot .bot-state {
    display: flex;
    margin-right: 7px;
}

.tridentBot span.user-state, .bot-state {
    display: none;
}

#chatList #chatUserTab[data-connectto*="tridentBot-2"].tridentBot .bot-state,
.chatUser-2.tridentBot .bot-state {
    background-color: #eff6ff;          /* bg-blue-50 */
    border: 1px solid #bfdbfe;          /* border-blue-200 */
}

#chatList #chatUserTab[data-connectto*="tridentBot-2"].tridentBot .bot-state span.lu-icon,
.chatUser-2.tridentBot .bot-state span.lu-icon {
  mask-image: url('../ima/lucide-icons/zap.svg');
  -webkit-mask-image: url('../ima/lucide-icons/zap.svg');
  color: #2563eb;
}

button#presenceSelected .user-state {
    background: white;
    display: inline-block;
    width: 9px;
    height: 9px;
    margin-right: 4px;
}

.whatsapp span.user-state {
    width: 15px;
    height: 14px;
    -webkit-mask: url(../ima/whatsapp.svg) no-repeat 100% 100%;
    mask: url(../ima/whatsapp.svg) no-repeat 100% 100%;
    border: none;
    border-radius: inherit;
    width: 13px;
    height: 13px;
}