.notes-view { margin: 10px; }
    .notes-view .left-side-container .back { cursor: pointer; height: 30px; width: 30px; background-repeat: no-repeat; background-size: 30px auto; background-image: url('../../../../bundle/i/back-sprite-x30.svg'); background-position: 0 -60px; }
        .notes-view .left-side-container .back:hover { height: 30px; width: 30px; background-repeat: no-repeat; background-size: 30px auto; background-image: url('../../../../bundle/i/back-sprite-x30.svg'); background-position: 0 0; }
    .notes-view .left-side-container .description { margin-left: 10px; font-size: 16px; }
    .notes-view .show-contacts-or-groups { margin-right: 4px; padding-right: 4px; }
    .notes-view .container_notes { width: 100%; height:100%; margin: 0px; overflow-y: auto; }
        .notes-view .container_notes .container_note_item { margin-left: 10px; margin-right: 10px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-align-self: flex-start; -ms-flex-item-align: start; align-self: flex-start; }
            .notes-view .container_notes .container_note_item .note_item { cursor: pointer; width: 140px; height: 140px; background-color: #FFF; margin: 10px; border-radius: 70px; background-image: url(../../../i/note_view_icon.svg); background-repeat: no-repeat; background-position: 24px; }
                .notes-view .container_notes .container_note_item .note_item .description { word-break: break-all; display: block; display: -webkit-box; -webkit-box-orient: vertical; max-height: 65px; max-width: 75px; line-height: 16px; height: 65px; width: 75px; margin: 0 auto; margin-top: 37px; font-size: 11px; text-overflow: ellipsis; overflow: hidden; }
                .notes-view .container_notes .container_note_item .note_item:hover { background-color: #EEE; }
            .notes-view .container_notes .container_note_item .label { word-break: break-all; display: block; display: -webkit-box; height: 50px; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; max-width: 160px; max-height: 50px; text-align: center; }