.panel.list > .item {
    padding: 0.25rem 1rem;
    margin: 0.5rem 1rem;
}


.panel.grid > .item {
    padding: 1rem;
    margin: 1rem;
}

.item {

    display: flex;

    .icon {
        width: 4rem;
        height: 3rem;
    }

    .icon.folder {
        background-image: url("../img/folder.svg");
        background-size: 100% 88%;
    }

    .icon.document {
        background-image: url("../img/document.svg");
        background-size: 100% 100%;
    }

    &.checked {
        background-color:  #e6f5ff;
        outline: 1px solid #A6DAFF;
    }

    &:hover {
        background-color: #8ed2fe66;
        outline: 1px solid #6fc5ff;
         //border: 1px solid $result_list_hover_border_color;
    }
    .title {
        a {
            text-decoration: none;
        }
        text-align: center;
        opacity: 1;
        z-index: 0;
   }
}