.dms-documents-grid-items {
    --dms-document-box-border-radius: 5px;
    --dms-document-box-hover-bg-color: #575861;
    --dms-document-box-hover-color: #fff;
    margin-top: 30px !important;
}

.dms-documents-grid-items > div {
    margin-bottom: 20px;
}

.dms-documents-grid-items .dms-document-item {
    box-shadow: 0 20px 60px 0 rgba(6, 10, 20, 0.08);
    border-radius: var(--dms-document-box-border-radius);
}

.dms-documents-grid-items .dms-document-thumb-link {
    display: block;
    text-align: center;
}

.dms-documents-grid-items .dms-document-link {
    font-size: 24px;
    font-weight: 700;
}

.dms-documents-grid-items .dms-document-information {
    padding: 15px 10px;
    text-align: center;
}

.dms-documents-grid-items .dms-document-description {
    padding: 0 10px 10px;
}

.dms-documents-grid-items .dms-taskbar {
    padding-left: 10px;
}

.dms-documents-grid-items .dms-document-item-hover-effect:hover {
    transform: translateY(-0.3rem);
    color: var(--dms-document-box-hover-color);
    border-color: transparent;
    background-color: var(--dms-document-box-hover-bg-color);
}

.dms-documents-grid-items .dms-document-item-hover-effect:hover .dms-document-link, .dms-documents-grid-items .dms-document-item-hover-effect:hover .dms-document-description {
    color: var(--dms-document-box-hover-color);
}

.dms-documents-grid-items .dms-document-item-hover-effect {
    transition: all ease-out 0.4s;
}

.dms-document-item-grid-default .dms-document-thumb-link {
    padding-top: 10px;
}

.dms-document-item-grid-image-top .dms-document-thumb {
    width: 100%;
    border-top-left-radius: var(--dms-document-box-border-radius);
    border-top-right-radius: var(--dms-document-box-border-radius);
}

.dms-document-item-grid-image-bottom .dms-document-thumb {
    width: 100%;
    border-bottom-left-radius: var(--dms-document-box-border-radius);
    border-bottom-right-radius: var(--dms-document-box-border-radius);
}