.chip {
        display: inline-block;
        padding: 3px 3px;
        height: 29px;
        font-size: 14px;
        line-height: 18px;
        border-radius: 16px;
        margin-top:  2px;
    }

    .stamp {
        padding: 1px 2px;
        margin: 2px 2px 2px 2px;
        font-weight: 400;
        float: left;
        font-size: 9px;
        border-radius: 50%;
    }

    .button-add {
        padding: 2px 6px;
        margin: 2px 2px 2px 5px;
        font-weight: 400;
        float: right;
        font-size: 12px;
        cursor: pointer;
        border-radius: 50%;
    }
    .button-close {
        padding: 1px 4px;
        margin: 2px 2px 2px 8px;
        font-weight: 400;
        float: right;
        font-size: 23px;
        cursor: pointer;
        border-radius: 50%;
    }

    .opera-badge {
        width: 20px;
        height: 20px;
        border-radius: 1.55rem !important;
        padding: 1px 4px;
        margin: 2px 2px 2px 8px;
        font-weight: 400;
        float: right;
        font-size: 85%;
        border-radius: 50%;
    }

    .opera-item-explorer {
       margin-top: 5px;
       height : 220px;
    }
    .opera-item-explorer .list-group { margin-bottom: 1px; }
    .opera-head-explorer{
        display: block;
        position : relative;
        bottom: 2px;
        width:  100%;
    }      

    .overflow-wrap {
        display: block;
        position : relative;
        height: 200px;
        width:  100%;
        overflow-y: auto;
    }

    /*.opera-item-explorer ul.list-group-item {
       margin-top: 5px;
       height : 220px;
       overflow-y: auto;
    }*/

    .opera-item-explorer .list-group-item {
       padding: 6px 8px;
    }
        

    .button-add, .button-checkbox {
        cursor: pointer;
    }

    .chip-gray.chip{ background-color: #f1f1f1; }
    .chip-gray .button-close, .chip-gray .button-add { color: #ddd; background-color: #a7a7a7ed; }
    .chip-gray .stamp { color: #555; background-color: #cbc9c9ed; }


    .chip-purple.chip{ background-color: #f1aef7;}
    .chip-purple .button-close, .chip-purple .button-add { color: #eac6f1; background-color: #82239ded;}
    .chip-purple .stamp { color: #4f0866; background-color: #c359e9ed; }

    .chip-orange.chip{ background-color: #f9e8bb;}
    .chip-orange .button-close, .chip-orange .button-add { color: #f3ddbc;  background-color: #e94a35ed; }
    .chip-orange .stamp { color: #725b04; background-color: #f3bc4ced; }


    .chip-green.chip{  background-color: #a8ed9e; }
    .chip-green .button-close, .chip-green .button-add { color: #bcedb0; background-color: #175e18ed; }
    .chip-green .stamp { color: #155c21; background-color: #46d33aed; }

    .button-close:hover {
      color: #000;
    }