@include extjs-toolbar-ui(
    $ui: 'conversations-actions-tbar',
    $background-color: '#F6F6F6'
);

@include extjs-button-medium-ui(
    $ui: 'conversations-actions-btn'
);

// custom rules
.missed-call-color {
    color: rgb(234, 80, 0);
}

.answered-call-color,
.green-icon {
    color: $base-color;
}

.sms-preview, .chat-preview {
    padding: 16px;
}

.callee {
    font-size: 16px;
}

.x-grid-item {
    padding: 0 !important;
}

.x-grid-cell-inner {
    padding: 15px 0px 15px 10px;
}

.x-grid-rowbody {
    width: 100%;
    padding: 0;
}

.card-footer {
    background: #efefef;
    color: #666;
    padding: 10px;
}

.conv-description {
    color: #666;
    text-align: right;
    font-size: 12px;
}

.x-btn-conversations-actions-btn-medium {
    background: white;
    border: none;
    .x-fa,
    .x-btn-inner {
        color: $base-color;
    }
}

.conversations-btn-over,
.x-btn-focus.x-btn-conversations-actions-btn-medium {
    background: white !important;
    box-shadow: none !important;
}
