.widget-extensions .board-card.extension,
.widget-extensions .board-card.extension-unregistered{
    background: #646565 !important;
}

.widget-extensions .board-card.extension-registered {
    background: #3c654d !important;
}

.widget-extensions .board-card.phone-dialing,
.widget-extensions .board-card.phone-ringing{
    background: #9a6936 !important;
}

.widget-extensions .board-card.phone-on-call{
    background: #a23e3e !important;
}

.widget-extensions .board-card.phone-ringing:not(.console-extension) {
    animation: shake 1s cubic-bezier(.36,.07,.19,.97) both infinite;
    transform: translate3d(0, 0, 0);
    backface-visibility: hidden;
    perspective: 1000px;
}

.widget-extensions .console-extension.phone-ringing{
    animation: highlight 1s linear both infinite;
}

.widget-extensions .board-card.dnd-active .ext-info i{
    color: #ff7575;
}

.widget-extensions .board-card.qal-active .ext-info i{
    color: #93c559;
}

.widget-extensions .board-card.qap-active .ext-info i{
    color: #f2d265;
}

.widget-extensions .board-card.dnd-active.qap-active .ext-info i{
    color:#9cf2ee;
}

.widget-extensions .board-card-container {
    overflow: auto;
    float: left;
    padding: 10px 5px;
}

.widget-extensions .board-card-container .board-card.extension {
    display: inline-block;
    margin: 1px 3px;
}

.widget-extensions .board-card.console-extension {
    color: white !important;
    min-height: 28px;
    max-height: 28px;
}

.widget-extensions .board-card-container.hide-unregister-extensions .board-card.extension-unregistered,
.widget-extensions .board-card-container.hide-unregister-extensions .board-card[data-status='unregistered'] {
    display: none;
}

.widget-extensions .board-card {
    display: flex;
    padding: 5px 10px;
    font-family: Roboto,"Helvetica Neue",sans-serif;
    margin-top: 10px;
    background: rgba(0, 0, 0, 0.07);
}

.widget-extensions .board-card.extension .board-card-content .ext-info {
    padding-bottom: 2px;
    white-space: nowrap;
    position: relative;
    overflow: hidden;
    text-overflow: ellipsis;
}

.widget-extensions .board-card.extension:not(.console-extension) .ext-info{
    border-bottom: 1px dashed #e6e6e6;
}

.widget-extensions .board-card.console-extension .board-card-content .status {
    width: 26px;
    height: 28px;
    position: absolute;
    left: -10px;
    top: -5px;
}

.widget-extensions .board-card.console-extension .board-card-content .ext-info .status > i{
    padding: 8px 12px;
}

.widget-extensions .board-card.console-extension .ext-info span:last-child {
    margin-left: 20px;
    color: white;
}

.widget-extensions .board-card .board-card-content .ext-info > i {
    padding-right: 5px;
    margin-top: 1px;
    font-size: 14px;
}

.widget-extensions .board-card.extension {
    color: white !important;
    font-weight: bold;
    min-width: 215px;
    max-width: 215px;
    min-height: 65px;
    max-height: 65px;
    overflow: hidden;
    text-transform: uppercase;
}

.widget-extensions .board-card.console-extension {
    min-height: 28px;
    max-height: 28px;
}

.widget-extensions .call-item .ext-data {
    width: 75%;
    overflow-x: hidden;
    white-space: nowrap;
}

.widget-extensions .call-item .call-data {
    width: 23%;
}

@keyframes shake {
    10%, 90% {
        transform: translate3d(-1px, 0, 0);
    }

    20%, 80% {
        transform: translate3d(2px, 0, 0);
    }

    30%, 50%, 70% {
        transform: translate3d(-4px, 0, 0);
    }

    40%, 60% {
        transform: translate3d(4px, 0, 0);
    }
}

@keyframes highlight {
    from {
        background-color: #9a6936;
    }

    to {
        background-color: #a23e3e;
    }
}

.widget-extensions .board-card.console-extension .call-log{
    display: none !important;
}