.dropzone {
    min-height: auto
}

.dropzone.dropzone-default {
    padding: 20px;
    text-align: center;
    cursor: pointer;
    border: 2px dashed #ebedf3;
    border-radius: .42rem
}

.dropzone.dropzone-default .dropzone-msg-title {
    color: #3f4254;
    margin: 0 0 5px 0;
    padding: 0;
    font-weight: 500;
    font-size: 1.2rem
}

.dropzone.dropzone-default .dropzone-msg-desc {
    color: #b5b5c3;
    font-weight: 400;
    font-size: 1rem
}

.dropzone.dropzone-default .dz-preview .dz-image {
    border-radius: .42rem
}

.dropzone.dropzone-default .dz-remove {
    color: #7e8299;
    font-size: 1px;
    font-weight: 500;
    -webkit-transition: color .15s ease, background-color .15s ease, border-color .15s ease, -webkit-box-shadow .15s ease;
    transition: color .15s ease, background-color .15s ease, border-color .15s ease, -webkit-box-shadow .15s ease;
    transition: color .15s ease, background-color .15s ease, border-color .15s ease, box-shadow .15s ease;
    transition: color .15s ease, background-color .15s ease, border-color .15s ease, box-shadow .15s ease, -webkit-box-shadow .15s ease
}

.dropzone.dropzone-default .dz-remove:hover {
    -webkit-transition: color .15s ease, background-color .15s ease, border-color .15s ease, -webkit-box-shadow .15s ease;
    transition: color .15s ease, background-color .15s ease, border-color .15s ease, -webkit-box-shadow .15s ease;
    transition: color .15s ease, background-color .15s ease, border-color .15s ease, box-shadow .15s ease;
    transition: color .15s ease, background-color .15s ease, border-color .15s ease, box-shadow .15s ease, -webkit-box-shadow .15s ease;
    color: #3699ff
}

.dropzone.dropzone-default.dropzone-primary {
    border-color: #3699ff
}

.dropzone.dropzone-default.dropzone-secondary {
    border-color: #e4e6ef
}

.dropzone.dropzone-default.dropzone-success {
    border-color: #1bc5bd
}

.dropzone.dropzone-default.dropzone-info {
    border-color: #8950fc
}

.dropzone.dropzone-default.dropzone-warning {
    border-color: #ffa800
}

.dropzone.dropzone-default.dropzone-danger {
    border-color: #f64e60
}

.dropzone.dropzone-default.dropzone-light {
    border-color: #f3f6f9
}

.dropzone.dropzone-default.dropzone-dark {
    border-color: #181c32
}

.dropzone.dropzone-default.dropzone-white {
    border-color: #fff
}

.dropzone.dropzone-multi {
    border: 0;
    padding: 0
}

.dropzone.dropzone-multi .dz-message {
    display: none
}

.dropzone.dropzone-multi .dropzone-panel .dropzone-remove-all, .dropzone.dropzone-multi .dropzone-panel .dropzone-upload {
    display: none
}

.dropzone.dropzone-multi .dropzone-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: .75rem;
    border-radius: .42rem;
    padding: .5rem 1rem;
    background-color: #f3f6f9
}

.dropzone.dropzone-multi .dropzone-item .dropzone-file {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.dropzone.dropzone-multi .dropzone-item .dropzone-file .dropzone-filename {
    font-size: .9rem;
    font-weight: 500;
    color: #7e8299;
    text-overflow: ellipsis;
    margin-right: .5rem
}

.dropzone.dropzone-multi .dropzone-item .dropzone-file .dropzone-filename b {
    font-size: .9rem;
    font-weight: 500;
    color: #b5b5c3
}

.dropzone.dropzone-multi .dropzone-item .dropzone-file .dropzone-error {
    margin-top: .25rem;
    font-size: .9rem;
    font-weight: 400;
    color: #f64e60;
    text-overflow: ellipsis
}

.dropzone.dropzone-multi .dropzone-item .dropzone-progress {
    width: 15%
}

.dropzone.dropzone-multi .dropzone-item .dropzone-progress .progress {
    height: 5px;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

@media (prefers-reduced-motion: reduce) {
    .dropzone.dropzone-multi .dropzone-item .dropzone-progress .progress {
        -webkit-transition: none;
        transition: none
    }
}

.dropzone.dropzone-multi .dropzone-item .dropzone-toolbar {
    margin-left: 1rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.dropzone.dropzone-multi .dropzone-item .dropzone-toolbar .dropzone-cancel, .dropzone.dropzone-multi .dropzone-item .dropzone-toolbar .dropzone-delete, .dropzone.dropzone-multi .dropzone-item .dropzone-toolbar .dropzone-start {
    height: 25px;
    width: 25px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    cursor: pointer;
    -webkit-transition: color .15s ease, background-color .15s ease, border-color .15s ease, -webkit-box-shadow .15s ease;
    transition: color .15s ease, background-color .15s ease, border-color .15s ease, -webkit-box-shadow .15s ease;
    transition: color .15s ease, background-color .15s ease, border-color .15s ease, box-shadow .15s ease;
    transition: color .15s ease, background-color .15s ease, border-color .15s ease, box-shadow .15s ease, -webkit-box-shadow .15s ease
}

.dropzone.dropzone-multi .dropzone-item .dropzone-toolbar .dropzone-cancel i, .dropzone.dropzone-multi .dropzone-item .dropzone-toolbar .dropzone-delete i, .dropzone.dropzone-multi .dropzone-item .dropzone-toolbar .dropzone-start i {
    -webkit-transition: color .15s ease, background-color .15s ease, border-color .15s ease, -webkit-box-shadow .15s ease;
    transition: color .15s ease, background-color .15s ease, border-color .15s ease, -webkit-box-shadow .15s ease;
    transition: color .15s ease, background-color .15s ease, border-color .15s ease, box-shadow .15s ease;
    transition: color .15s ease, background-color .15s ease, border-color .15s ease, box-shadow .15s ease, -webkit-box-shadow .15s ease;
    font-size: .8rem;
    color: #7e8299
}

.dropzone.dropzone-multi .dropzone-item .dropzone-toolbar .dropzone-cancel:hover, .dropzone.dropzone-multi .dropzone-item .dropzone-toolbar .dropzone-delete:hover, .dropzone.dropzone-multi .dropzone-item .dropzone-toolbar .dropzone-start:hover {
    -webkit-transition: color .15s ease, background-color .15s ease, border-color .15s ease, -webkit-box-shadow .15s ease;
    transition: color .15s ease, background-color .15s ease, border-color .15s ease, -webkit-box-shadow .15s ease;
    transition: color .15s ease, background-color .15s ease, border-color .15s ease, box-shadow .15s ease;
    transition: color .15s ease, background-color .15s ease, border-color .15s ease, box-shadow .15s ease, -webkit-box-shadow .15s ease
}

.dropzone.dropzone-multi .dropzone-item .dropzone-toolbar .dropzone-cancel:hover i, .dropzone.dropzone-multi .dropzone-item .dropzone-toolbar .dropzone-delete:hover i, .dropzone.dropzone-multi .dropzone-item .dropzone-toolbar .dropzone-start:hover i {
    color: #3699ff
}

.dropzone.dropzone-multi .dropzone-item .dropzone-toolbar .dropzone-start {
    -webkit-transition: color .15s ease, background-color .15s ease, border-color .15s ease, -webkit-box-shadow .15s ease;
    transition: color .15s ease, background-color .15s ease, border-color .15s ease, -webkit-box-shadow .15s ease;
    transition: color .15s ease, background-color .15s ease, border-color .15s ease, box-shadow .15s ease;
    transition: color .15s ease, background-color .15s ease, border-color .15s ease, box-shadow .15s ease, -webkit-box-shadow .15s ease
}