.item, .filter {
    background-size : 100% auto;
    -webkit-user-select: none;
    border-radius: 4px;
    border: solid 1px #c1ccdf;
    position: relative;
    background-position: center;
    background-repeat: no-repeat;
    box-sizing: border-box;
}

.item{
    margin-right: 16px;
    margin-bottom: 16px;
    float: left;
    overflow: hidden;
    border-radius: 4px;
}
.header {
    cursor: default;
}
.item:hover {
    box-shadow: 0 4px 10px 0 #9ca1ad;
}
.header:hover {
    box-shadow: none;
}
.item.album{
    width: 132px;
    height: 100px;
}
.item.photo{
    width: 210px;
    height: 140px;
}
.item.move {
    opacity: 1.0;
    -webkit-transform: scale(1.0,1.0);
    border-radius: 100%;
    border: solid 2px #2c395b;
    -webkit-transform: scale(0.576,0.72);
}
.filter {
    -webkit-filter: url(#svg-blur);
    width: 100%;
    height: 100%;
    position: absolute;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    top:4px;
    -webkit-clip-path: polygon(0 -webkit-calc(100% - 26px),100% -webkit-calc(100% - 26px), 100% 100%,0 100%);
}

.bottom {
    border-radius: 4px;
    width: 100%;
    height: 26px;
    position: relative;
    top: 100%;
    transform: translate(0, -26px);
    border-radius: 4px;
}
.item_checkbox {
    margin-left: 5px;
    margin-right: 5px;
    transform: translate(0, 6px);
    display:flex;
}

.count {
    height: 100%;
    width: 50px;
    left: 100%;
    position: relative;
    transform: translate(-50px, -18px);
    background-image: url(./FaceRecog/facerecog_ico_folder.png);
    background-repeat: no-repeat;
    background-position-x: left;
    background-position-y: 7px;
    padding-left: 20px;
    padding-top: 5px;
    font-weight: 600;
    color: #ffffff;
}
.item.checked{
    border:solid 2px #2c395b;
}
.itemName {
    color:#ffffff;
}