.b-popup {
    width: 0px;
    min-height: 100%;
    /* top: 0px; */
    position: fixed;
    right: 0px;
    bottom: 0px;
}

    .b-popup .b-popup-content {
        margin: 0 auto;
        padding: 10px;
        background-color: #fff;
        border-radius: 5px;
        box-shadow: 0px 0px 10px #000;
        width: 600px;
        margin-bottom: 10px;
        margin-right: 10px;
        position: absolute;
        bottom: 0;
        right: 0;
    }

#callcenterpopupclose, #taskpopupclose {
    position: relative;
    float: right;
    margin-top: -20px;
    margin-right: -20px;
    width: 25px;
    height: 25px;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAZCAMAAADzN3VRAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6Q0Q3MjM1RjJDRTE5MTFFNEE0QzVENEExNzA5NkI5MzEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6Q0Q3MjM1RjNDRTE5MTFFNEE0QzVENEExNzA5NkI5MzEiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpDRDcyMzVGMENFMTkxMUU0QTRDNUQ0QTE3MDk2QjkzMSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpDRDcyMzVGMUNFMTkxMUU0QTRDNUQ0QTE3MDk2QjkzMSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pm+uAJAAAABgUExURfr6+lNRUl6TtcCVcsfr/f/w19XT1JicmSkpKW5DM/TUsjBCXqTU7ZFsUQ0LDPXeyzlpji0eFRMfKcTf70ExJe/u7xUsPB8WE9GngREUGv/77u/9/3Kmxtf1/////////6QLiGEAAAAgdFJOU/////////////////////////////////////////8AXFwb7QAAATFJREFUeNp8ku2ugzAIhpluflXRMh0yO3b/d3mgziUmy+GHiby0L30A3p9QXaqqWlSPBBzCWF886rueFB0HZkZEEZ4+Wla0jJZrwhxmJKYEhwIlklyKalluVd0KY6G7oiWyFC/N8XyWvEumjJEkgWUBwD8rE91d0QG58FRWvKJkmbY36Bgl2FVdW3gy9Kq3VuiuYPdK2uwPJenK6FWlOW1wG/DRewHKY5hRLKXdjNMVuhbD1Sx0nYnokdzQLgh9Vl6u6MBNnLw5N8qKHGcabuwMHGc+PmCNmI+Q+UA3i/m4deGdIqbt1Ju9h36/xxgYNWewuYW3YuScgXMTe+TBTdW59TvrFeOXtWbWaWedmXLw+Sw2Hyub4DvTNQqzzfQSWYSSnvdAMMd5D/7ZnV/79ifAACKJMVSplaYvAAAAAElFTkSuQmCC');
    cursor: pointer;
}

.popup-callcenter-table {
    border-top: 1px solid #ccc;
    margin-top: 6px;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-left: 0px !important;
    margin-right: 0px !important;
}

.b-popup-commentLabel {
    font-size: 9px;
    text-align: right;
    color: #777;
    margin-right: 5px;
}

.b-popup-countLabel {
    color: #777;
    font-size: 9px
}

.b-popup-addBtn {
    top: -3px;
    float: right;
}

.b-popup-XCommentsBlock {
    border: 1px solid #ccc;
    padding: 5px;
    border-radius: 2px;
}

.b-popup-scroll {
    max-height: 40VH;
    overflow-y: scroll;
}

.b-search-item {
    padding: 5px 0 5px 0;
    border-bottom: 1px solid lightgray
}

    .b-search-item:hover {
        background-color: rgba(211, 211, 211, 0.28);
        cursor: pointer
    }

.b-popup-comments-caret {
    cursor: pointer
}