@import "./variables.less";

.partial-download {
    margin: auto;
    width: 800px;
    .actions {
        margin-bottom: 20px;
        .btn.cancel, .btn.submit {
            width: 35%;
        }
    }
    .files {
        .panel {
            .select-file-msg {
                margin-bottom: 20px;
                text-align: center;
            }
            .file-types {
                margin: auto;
                width: 400px;
                .file {
                    display: inline-block;
                    padding: 10px;
                    text-align: center;
                    vertical-align: top;
                    width: 49%;
                    &:hover {
                        cursor: pointer;
                    }
                    .icon {
                        font-size: 2em;
                        font-weight: bold;
                    }
                    .desc {
                        font-size: 0.7em;
                        color: #acacac;
                    }
                    &.selected-file {
                        border: 1px solid @secondary-color-darker;
                        background: @secondary-color-bright;
                        color: white;
                        .desc {
                            color: white;
                        }
                    }
                }
            }
        }
    }
    .preview {
        .panel {
            padding: 20px 40px 50px;
        }
    }
}

@media screen and (max-width: 550px) {
    .preview, .print-actions {
        display: none;
    }
    .file-types {
        width: 100% !important;
        .file {
            display: block !important;
            margin: auto;
            width: 80% !important;
        }
    }
}