@import '/core/css/import.less';

.downloadList {
    padding: 10px 0;

    > li {
        padding-bottom: 23px;
        margin-bottom: 10px;
        border-bottom: 2px solid var(--border_color);
        position: relative;

        .fileIcon {
            position: absolute;
            z-index: 10;
            top: 6px;

            &:before {
                content: "\f15b";
                position: relative;
                .rems(60);
                line-height: 60px;
                font-family: "FontAwesome";
            }

            .fileType {
                .rems(12);
                position: absolute;
                bottom: 10px;
                text-align: center;
                width: 100%;
                left: 0;
                color: #fff;
                line-height: 1;
            }
        }

        .downloadContent {
            margin-left: 70px;
            margin-right: 110px;
            padding-top: 3px;
            position: relative;
            z-index: 5;

             @media @mobile {
                margin-right: 0;
             }
        }

        .downloadTitle {
            .rems(25);
            margin-bottom: 13px;
        }

        .button {
            position: absolute;
            z-index: 10;
            top: 20px;
            right: 0;

            @media @mobile {
                position: relative;
                top: 0;
                right: auto;
                margin-top: 10px;
                width: 100%;
            }
        }

        .downloadDetails {


            li {
                display: inline;
                float: left;
                margin-right: 20px;
            }
        }
    }
}

.downloadsPagination {
    float: right;
}
