main > .container, main > .container-fluid {
    padding: 60px 15px 0;
}

.footer > .container {
    padding-right: 15px;
    padding-left: 15px;
}

code {
    font-size: 80%;
}
.drag-handle {
    color: silver;
    cursor: n-resize;
}

.invalid-feedback {
    display: block !important;
}

@media (min-width: 768px) {
    .dl-horizontal dt {
        float: left;
        width: 230px;
        clear: left;
        text-align: right;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .dl-horizontal dd {
        margin-left: 250px;
        margin-bottom: 0;
    }

    .form-horizontal .col-form-label {
        text-align: right;
    }
}
.dropzone, .dropzone * {
    box-sizing: border-box
}

.dropzone {
    position: relative
}

.dropzone .dz-preview {
    position: relative;
    display: inline-block;
    width: 120px;
    margin: 0.5em
}

.dropzone .dz-preview .dz-progress {
    display: block;
    height: 15px;
    border: 1px solid #aaa
}

.dropzone .dz-preview .dz-progress .dz-upload {
    display: block;
    height: 100%;
    width: 0;
    background: green
}

.dropzone .dz-preview .dz-error-message {
    color: red;
    display: none
}

.dropzone .dz-preview.dz-error .dz-error-message, .dropzone .dz-preview.dz-error .dz-error-mark {
    display: block
}

.dropzone .dz-preview.dz-success .dz-success-mark {
    display: block
}

.dropzone .dz-preview .dz-error-mark, .dropzone .dz-preview .dz-success-mark {
    position: absolute;
    display: none;
    left: 30px;
    top: 30px;
    width: 54px;
    height: 58px;
    left: 50%;
    margin-left: -27px
}