#sb-spa .icon,
#sb-stream-add .icon,
#sb-stream-add_wnd_title .icon,
#sb-modal-modify-content .icon{
    background: transparent url('/bundles/k3intranetboxsocialbox/images/sprite_neu.png') no-repeat;
}

#sb-spa .actions .icon{
    top: -5px;
    /*transform: scale(0.75);*/
    vertical-align: bottom;
}

#sb-spa .comment .actions .icon {
    top: -2px;
}

#sb-spa .comment .actions .icon.cross.red {
    top: 7px;
}

#sb-spa .icon.add_status{
    background-position: 0 -20px;
    width: 15px;
    height: 16px;
    /*margin-left: 9px;*/
}

#sb-spa .icon.triangle{
    background-position: 0 0;
    height: 8px;
    width: 13px;
}

#sb-spa .icon.filter.dropdown{
    background-position: -20px 0;
    height: 4px;
    width: 6px;
}

#sb-spa .icon.right_arrow{
    background-position: 0 -60px;
    height: 8px;
    width: 7px;
}

.open #sb-spa .icon.right_arrow{
    background-position: -20px -80px;
    width: 8px;
}

#sb-spa .icon.tag{
    background-position: 0 -40px;
    width: 13px;
    height: 12px;
    left: 4px;
}

#sb-spa .icon.arrow_up{
    background-position: 0 -80px;
    width: 8px;
    height: 7px;
}

#sb-spa .icon.arrow_down{
    background-position: -20px -80px;
    width: 8px;
    height: 7px;
}

#sb-spa .icon.more_comments{
    background-position: -20px -20px;
    height: 15px;
    width: 17px;
    top: 5px;
}

#sb-spa .icon.checkmark{
    height: 9px;
    width: 12px;
    background-position: -20px -40px;
    /*-webkit-transform: scale(0.75);*/
    /*-moz-transform: scale(0.75);*/
    /*-ms-transform: scale(0.75);*/
    /*-o-transform: scale(0.75);*/
    /*transform: scale(0.75);*/
}

#sb-spa .newThread .icon.checkmark {
    transform: none;
}

#sb-spa .icon.checkmark.green {
    /*background-position: -80px 0;*/
    background-position: -160px 0;
    width: 14px;
    height: 14px;
    cursor: pointer;
}

#sb-spa .icon.answered{
    background-position: 0 0;
    height: 10px;
    width: 10px;
}

#sb-spa .icon.trigger.depTeams{
    background-position: -20px -600px;
    width: 12px;
    height: 12px;
    cursor: pointer;
}

#sb-spa .icon.trigger.info{
    background-position: -20px -622px;
    width: 12px;
    height: 12px;
    cursor: pointer;
}

#sb-spa .icon.thumbs_up,
#sb-stream-add_wnd_title .icon.thumbs_up{
    /*background-position-y: -80px;*/
    width: 12px;
    height: 14px;
    cursor: pointer;
    vertical-align: sub;
    top: -3px;
}

#sb-spa .comment .icon.thumbs_up {
    top: -2px;
}

#sb-spa .icon.thumbs_up.blue,
#sb-stream-add_wnd_title .icon.thumbs_up.blue,
#sb-spa .icon.thumbs_up.gray:hover {
    /*background-position-x: -80px;*/
    background-position: -120px -80px;
}

/*#sb-spa .icon.thumbs_up.gray.sb-nohover {*/
    /*cursor: default;*/
/*}*/

#sb-spa .icon.thumbs_up.gray.sb-nohover:hover {
    background-position: -141px -80px;    
}

#sb-stream-add_wnd_title .icon.thumbs_up.blue {
    margin-left: 20px;
    margin-right: 15px;
    /*top: 3px;*/
}

#sb-spa .icon.thumbs_up.gray{
    /*background-position-x: -100px;*/
    background-position: -141px -80px;
}

#sb-spa .icon.thumbs_up.gray.sb-nohover {
    cursor: default;
}

#sb-spa .icon.comment{
    /*background-position-x: -40px;*/
    /*width: 17px;*/
    height: 14px;
    cursor: pointer;
    padding: 0;
    top: -2px;
}

/*#sb-spa .icon.comment.blue,*/
/*#sb-spa .icon.comment.gray.sb-hasComments:hover {*/
    /*!*background-position-y: -60px;*!*/
    /*background-position: -120px -60px;*/
/*}*/

#sb-spa .icon.comment.gray.sb-hasComments {
    cursor: pointer !important;
}

/*#sb-spa .icon.comment.gray{*/
    /*!*background-position-y: -80px;*!*/
    /*background-position: -140px -60px;*/
/*}*/

#sb-spa .icon.bookmark{
    /*background-position-y: -100px;*/
    width: 12px;
    height: 14px;
    cursor: pointer;
}

#sb-spa .icon.bookmark.blue,
#sb-spa .icon.bookmark.gray:not(.sb-nohover):hover {
    /*background-position-x: -40px;*/
    background-position: -120px -100px;
}

#sb-spa .icon.bookmark.gray{
    /*background-position-x: -60px;*/
    background-position: -141px -100px;
}

#sb-spa .icon.cross{
    /*background-position-y: -20px;*/
    width: 14px;
    height: 14px;
    cursor: pointer;
    /*-webkit-transform: scale(0.75);*/
    /*-moz-transform: scale(0.75);*/
    /*-ms-transform: scale(0.75);*/
    /*-o-transform: scale(0.75);*/
    /*transform: scale(0.75);*/
    /*display: none;*/
}

#sb-spa #socialbox_stream .thread_container .thread .message_container .icon.cross {
    top: 5px;
    display: none;
}

#sb-spa #socialbox_stream .thread_container .thread .message_container .content .buttonblock .icon.cross {
    top: 0;
    display: inline-block;
}

#sb-spa #socialbox_stream .thread_container .thread .message_container:hover .icon.cross {
    display: inline-block;
}

#sb-spa .newThread .icon.cross.red {
    width: 18px;
    height: 18px;
    background-position: -80px -20px;
}

#sb-spa .newThread .icon.checkmark.green {
    width: 18px;
    height: 18px;
    background-position: -80px 0;
}

#sb-spa .icon.cross.red,
#sb-spa .icon.cross.gray:hover {
    /*background-position-x: -80px;*/
    /*background-position: -180px -40px;*/
}

#sb-spa .icon.cross.gray{
    /*background-position-x: -100px;*/
    background-position: -160px -40px;
}

#sb-spa .icon.small.cross{
    /*background-position-y: -40px;*/
    width: 13px;
    height: 18px;
    cursor: pointer;
}

#sb-spa .icon.small.cross.red,
#sb-spa .icon.small.cross.gray:hover {
    /*background-position-x: -140px;*/
    background-position: -140px -40px;
}

#sb-spa .icon.small.cross.gray{
    /*background-position-x: -120px;*/
    background-position: -120px -40px;
}

#sb-spa #sb-list-container ul li .icon.cross.small.gray{
    background-position: 20px 20px;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
}

#sb-spa #sb-list-container ul li:hover .icon.cross.small.gray{
    /*background-position-x: -140px;*/
    background-position: -120px -40px;
}

#sb-spa .icon.small.cross.gray:hover,
#sb-spa #sb-list-container ul li:hover .icon.cross.small.gray:hover {
    background-position: -140px -40px;

}

#sb-spa .icon.upload{
    /*background-position-y: -140px;*/
    width: 14px;
    height: 14px;
}

#sb-spa .icon.upload.sb-upload-authorization {
    cursor: pointer;
}

#sb-spa .icon.upload.blue,
#sb-spa .icon.upload.gray.sb-upload-authorization:not(.sb-nohover):hover,
#sb-spa .icon.upload.gray.sb-hasUploads:hover {
    /*background-position-x: -80px;*/
    background-position: -120px -140px;
}

#sb-spa .icon.upload.gray.sb-hasUploads {
    cursor: pointer !important;
}

#sb-spa .icon.upload.gray{
    /*background-position-x: -100px;*/
    background-position: -140px -140px;
}

#sb-spa .icon.upload.gray{
    /*background-position-x: -100px;*/
    background-position: -140px -140px;
}

#sb-spa .icon.pencil{
    /*background-position-y: -100px;*/
    width: 14px;
    height: 14px;
    cursor: pointer;
}

/*#sb-spa .icon.pencil.blue,*/
/*#sb-spa .icon.pencil.gray:hover {*/
    /*!*background-position-x: -80px;*!*/
    /*background-position: -80px -100px;*/
/*}*/

#sb-spa .ion-edit.blue,
#sb-spa .ion-edit.gray:hover {
    /*background-position-x: -80px;*/
    /*background-position: -80px -100px;*/
    color: #0C528A
}

#sb-spa .fa-trash.red,
#sb-spa .fa-trash.gray:hover {
    color: #db4a37;
}

/*#sb-spa .icon.pencil.gray{*/
    /*!*background-position-x: -100px;*!*/
    /*background-position: -100px -100px;*/
/*}*/

#sb-spa .ion-edit.gray{
    /*background-position-x: -100px;*/
    /*background-position: -100px -100px;*/
    color: #989898;
}

#sb-spa .icon.pencil.small{
    /*background-position-y: -20px;*/
    width: 13px;
    height: 18px;
    cursor: pointer;
}

#sb-spa .icon.pencil.small.blue,
#sb-spa .icon.pencil.small.gray:hover,
#sb-spa #sb-list-container ul li:hover .icon.pencil.small.gray:hover {
    /*background-position-x: -120px;*/
    background-position: -120px -20px;
}

#sb-spa .icon.pencil.small.gray{
    /*background-position-x: -140px;*/
    background-position: -140px -20px;
}

#sb-spa #sb-list-container ul li .icon.pencil.small.gray{
    background-position: 20px 20px;
}

#sb-spa #sb-list-container ul li:hover .icon.pencil.small.gray{
    /*background-position-x: -140px;*/
    background-position: -140px -20px;
}

/*#sb-spa #sb-list-container ul li:hover .icon.pencil.small.gray:hover {*/
    /*background-position: -80px -100px;*/
/*}*/

.icon.circle.cross{
    /*background-position-y: -20px;*/
    width: 18px;
    height: 18px;
    /*cursor: pointer;*/
    background: transparent url('/bundles/k3intranetboxsocialbox/images/sprite_neu.png') no-repeat;
    top: 3px;
    left: 10px;
    margin-right: 17px;
}

.icon.circle.cross.blue{
    /*background-position-x: -120px;*/
    background-position: 0 -100px;
}

.icon.circle.cross.gray{
    /*background-position-x: -140px;*/
    background-position: -20px -100px !important;
}

.k-popup .k-list .k-state-hover, .k-popup .k-list .k-state-focused, .k-popup .k-list .k-state-selected, .k-overflow-container .k-state-hover, .k-overflow-container .k-state-focused, .k-overflow-container .k-state-selected, .k-fieldselector .k-list .k-item {
    padding: 1px 5px 1px 5px !important;
}


#sb-spa #sb-list-container ul li .icon.leave.small.gray{
    background: transparent url('/bundles/k3intranetboxsocialbox/images/arrow_right2_grey.png') no-repeat;
    background-position: 20px 20px;
    height: 18px;
    width: 18px;
}

#sb-spa #sb-list-container ul li:hover .icon.leave.small.gray{
    /*background-position-x: -140px;*/
    background-position: 0 0 ;
}

#sb-spa #sb-list-container ul li span.icon.raquo {
    background-position: 0 -60px;
    width: 8px;
    height: 7px;
    cursor: pointer;
    margin-left: 10px;
    position: absolute;
    right: 23px;
    top: 3px;
}

/*** add stream window ***/

#sb-stream-add .icon,
#sb-modal-modify-content .icon{
    width: 18px;
    height: 18px;
    margin-right: 5px;
    top: 5px;
}

#sb-stream-add .modal-footer .icon,
#sb-modal-modify-content .modal-footer .icon{
    top: 0;
}

#sb-stream-add .icon.user.gray,
#sb-modal-modify-content .icon.user.gray{
    background-position: -100px -160px;
}

#sb-stream-add .icon.add.circle.blue,
#sb-modal-modify-content .icon.add.circle.blue{
    background-position: 0 -100px;
}


#sb-stream-add .icon.add.circle.gray,
#sb-modal-modify-content .icon.add.circle.gray{
    background-position: -20px -100px;
}

#sb-stream-add .icon.admin.blue,
#sb-modal-modify-content .icon.admin.blue{
    background-position: 0 -120px;
}

#sb-stream-add .icon.admin.gray,
#sb-modal-modify-content .icon.admin.gray{
    background-position: -20px -120px;
}

#sb-stream-add .icon.team.blue,
#sb-modal-modify-content .icon.team.blue{
    background-position: -80px -120px;
}

#sb-stream-add .icon.team.gray,
#sb-modal-modify-content .icon.team.gray{
    background-position: -100px -120px;
}

#sb-stream-add .icon.department.blue,
#sb-modal-modify-content .icon.department.blue{
    background-position: -80px -180px;
}

#sb-stream-add .icon.user.blue,
#sb-modal-modify-content .icon.user.blue{
    background-position: -80px -160px;
}

#sb-stream-add .icon.checkmark.frame.blue,
#sb-modal-modify-content .icon.checkmark.frame.blue{
    background-position: -40px -180px;
}

#sb-stream-add .icon.checkmark.frame.gray,
#sb-modal-modify-content .icon.checkmark.frame.gray{
    background-position: -60px -180px;
}

#sb-stream-add .icon.checkmark.green,
#sb-modal-modify-content .icon.checkmark.green{
    background-position: -80px 0;
}

#sb-stream-add .icon.checkmark.gray,
#sb-modal-modify-content .icon.checkmark.gray{
    background-position: -100px 0;
}

#sb-stream-add .icon.cross.red,
#sb-modal-modify-content .icon.cross.red{
    background-position: -80px -20px;
}

#sb-stream-add .icon.cross.gray,
#sb-modal-modify-content .icon.cross.gray{
    background-position: -100px -20px;
}

#sb-spa #socialbox_stream .comment_section .comment .sb-right-col .actions .sb-document.ng-scope .icon.triangle.pos_abs {
    background-position: 0 0;
    height: 8px;
    width: 13px;
    top: -7px;
    left: 20px;
}

#sb-spa #socialbox_stream .comment_section .comment .sb-right-col .actions .sb-document.ng-scope .icon.cross.red,
#sb-spa #socialbox_stream .thread .sb-document.ng-scope .icon.cross.red {
    position: absolute;
    right: 20px;
    padding: 0;
}