@charset "UTF-8";
/* CSS Document */

/* getActiveCalls////////////////////*/
.pulse { animation: pulse 1s; }
		
@keyframes pulse {
	0% { color: red; }
	100% { color: black; }
}

/* viewer////////////////////////////*/
table.connectView tr > th, table tr > td {
	width: 25%;
}
table.connectView tr > th:last-child, table tr > td:last-child {
	width: 10%;
}
table.connectView .trActiveCall {
	background-color: rgba(241,116,37,.1) !important;
}
table.connectView tbody, 
table.connectView td, 
table.connectView tfoot, 
table.connectView th, 
table.connectView thead, 
table.connectView tr {
	vertical-align: middle;
}


/* avatars////////////////////////////*/
.avatarWrapper {
	display: inline-block; 
	position: relative;
}
.avatarWrapper::after {
	content: '';
	display: block;  
	position: absolute;
	bottom: -2px; 
	right: -4px; 
	z-index: 100; 
	width: 13px; 
	height: 13px; 
	background-color: #ccc; 
	border-radius: 100px;
	border: 2px solid #fff;
}
.avatarWrapper > img {
	max-height: 28px;
	border-radius: 50% !important;
}

[data-presencestate="offline"] .avatarWrapper::after {
	background-color: #aaaaaa; 
}
[data-presencestate="away"] .avatarWrapper::after {
	background-color: #febc00; 
	background-image: url("../img/presence/away.png");
	background-size: contain;
}
[data-presencestate="online"] .avatarWrapper::after {
	background-color: #78c00a; 
}
[data-presencestate="onbreak"] .avatarWrapper::after {
	background-color: #febc00; 
	background-image: url("../img/presence/away.png");
	background-size: contain;
}
[data-presencestate="busy"] .avatarWrapper::after {
	background-color: #c31120; 
}
[data-presencestate="agent_available"] .avatarWrapper::after {
	background-color: #78c00a; 
}
[data-presencestate="agent_busy"] .avatarWrapper::after {
	background-color: #c31120; 
}
[data-presencestate="onphone"] .avatarWrapper::after {
	background-color: #c31120; 
	background-image: url("../img/presence/oncall.png");
	background-size: contain;
}
[data-presencestate="inmeeting"] .avatarWrapper::after {
	background-color: #c31120; 
	background-image: url("../img/presence/oncall.png");
	background-size: contain;
}
[data-presencestate="scrsharing"] .avatarWrapper::after {
	background-color: #c31120; 
	background-image: url("../img/presence/scrsharing.png");
	background-size: contain;
}
[data-presencestate="dnd"] .avatarWrapper::after {
	background-color: #c31120; 
	background-image: url("../img/presence/dnd.png");
	background-size: contain;
}
[data-presencestate="outsick"] .avatarWrapper::after {
	background-color: #aaaaaa; 
}
[data-presencestate="vacationing"] .avatarWrapper::after {
	background-color: #aaaaaa; 
}
[data-presencestate="offwork"] .avatarWrapper::after {
	background-color: #aaaaaa; 
}
[data-presencestate="agent_oncall"] .avatarWrapper::after {
	background-color: #c31120;  
	background-image: url("../img/presence/oncall.png");
	background-size: contain;
}


/* helpers////////////////////////////*/
.hide {
	display: none;
}

#errorContainer {
	margin-top: 1.5rem !important;
	margin-bottom: 0 !important;
	display: none;
}
#errorContainer.show {
	display: block !important;
}