.none {
    display: none;
}

.upload_div {
    margin-bottom: 50px;
}

.uploading {
    margin-top: 15px;
}


.dropzone {

    font-family: "Segoe UI", sans-serif;

    font-size: 20px;

    font-weight: 400;

    line-height: 1.5;

    color: #606060;


    min-height: auto;

    border-width: 2px;

    border-style: dashed;

    border-color: rgb(104, 165, 226);

    border-image: initial;

    border-radius: 4px;

    background: rgb(250, 250, 250);

    transition: background 0.15s;

}

.dz-alternatives {

    font-size: 14px;

    padding-top: 30px;

}

.dz-message {

    margin: 0px !important;

}


.dz-error {

    border: 1px solid #d9534f !important;

    color: red;

}

.dz-error-message {

    color: red;

    /* padding-left: 20px; */

}


.dz-file-type-icon {

    height: 30px;
    width: 30px

}


.file {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-orient: horizontal;

    -webkit-box-direction: normal;

    -ms-flex-direction: row;

    flex-direction: row

}


.file:not(.file-list) {

    padding: 10px 15px;

    border: 1px solid #e3e3e3;

    border-radius: 4px

}


.file.file-list {

    padding-left: 10px;

    padding-right: 10px

}


.file .file-details {

    width: 100%

}


.file .file-headline {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-orient: horizontal;

    -webkit-box-direction: normal;

    -ms-flex-direction: row;

    flex-direction: row;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center

}


.file .file-name {

    display: block;

    margin-right: auto;

    padding-right: 10px;

    font-weight: 700;

    line-height: 1.3

}


.file .file-namea {

    color: #606060

}


.file .file-namea:hover {

    color: #2c77c2

}


.file .file-icon {

    margin-right: 20px

}


.file .file-type {

    font-size: .92rem;

    color: #9f9d9d

}


.file .file-action {

    /* color: #9f9d9d */

}


.file .file-action:hover {

    /* color: #292b2c */

}


.file .file-action .material-icons {

    font-size: 18px

}


.file .progress {

    margin: 10px 0 3px

}


.file .progress .progress-bar {

    /* height: 5px; */

    -webkit-transition: width .7s ease;

    transition: width .7s ease

}


.file .file-info {

    font-style: italic;

    font-size: .92rem;

    color: #9f9d9d

}


.file.upload-error {

    border-color: #da6063

}


.file.upload-error .file-action {

    color: #da6063

}


.file.upload-error .file-action:hover {

    color: #c12d30

}


.file.upload-error .file-error {

    font-size: 1rem;

    font-style: italic;

    color: #da6063

}


.file + .file {

    margin-top: 10px

}


.file-list + .file-list {

    border-top: 1px solid #e3e3e3;

    padding-top: 10px

}


.file-upload-message {

    margin: 20px 0 0

}


.file-upload-message .uploader-description {

    margin-left: 20px;

    max-width: 275px

}


.file-upload-message .uploader-description .material-icons {

    margin-right: 5px

}


.file-upload-message .uploader-description p {

    margin-bottom: 0

}



/*

.dropzone,

.dropzone * {

    -webkit-box-sizing: border-box;

    box-sizing: border-box

}



.dropzone {

    min-height: 150px;

    border: 2px solid rgba(0, 0, 0, .3);

    background: #fff;

    padding: 20px

}



.dropzone.dz-clickable {

    cursor: pointer

}



.dropzone.dz-clickable * {

    cursor: default

}



.dropzone.dz-clickable .dz-message,

.dropzone.dz-clickable .dz-message * {

    cursor: pointer

}



.dropzone.dz-started .dz-message {

    display: none

}



.dropzone.dz-drag-hover {

    border-style: solid

}



.dropzone.dz-drag-hover .dz-message {

    opacity: .5

}



.dropzone .dz-message {

    text-align: center;

    margin: 2em 0

}



.dropzone .dz-preview {

    position: relative;

    display: inline-block;

    vertical-align: top;

    margin: 16px;

    min-height: 100px

}



.dropzone .dz-preview:hover {

    z-index: 1000

}



.dropzone .dz-preview.dz-file-preview .dz-image {

    border-radius: 20px;

    background: #999;

    background: -webkit-gradient(linear, left top, left bottom, from(#eee), to(#ddd));

    background: linear-gradient(180deg, #eee, #ddd)

}



.dropzone .dz-preview.dz-file-preview .dz-details {

    opacity: 1

}



.dropzone .dz-preview.dz-image-preview {

    background: #fff

}



.dropzone .dz-preview.dz-image-preview .dz-details {

    -webkit-transition: opacity .2s linear;

    transition: opacity .2s linear

}



.dropzone .dz-preview .dz-remove {

    font-size: 14px;

    text-align: center;

    display: block;

    cursor: pointer;

    border: none

}



.dropzone .dz-preview .dz-remove:hover {

    text-decoration: underline

}



.dropzone .dz-preview:hover .dz-details {

    opacity: 1

}



.dropzone .dz-preview .dz-details {

    z-index: 20;

    position: absolute;

    top: 0;

    left: 0;

    opacity: 0;

    font-size: 13px;

    min-width: 100%;

    max-width: 100%;

    padding: 2em 1em;

    text-align: center;

    color: rgba(0, 0, 0, .9);

    line-height: 150%

}



.dropzone .dz-preview .dz-details .dz-size {

    margin-bottom: 1em;

    font-size: 16px

}



.dropzone .dz-preview .dz-details .dz-filename {

    white-space: nowrap

}



.dropzone .dz-preview .dz-details .dz-filename:hover span {

    border: 1px solid hsla(0, 0%, 78%, .8);

    background-color: hsla(0, 0%, 100%, .8)

}



.dropzone .dz-preview .dz-details .dz-filename:not(:hover) {

    overflow: hidden;

    text-overflow: ellipsis

}



.dropzone .dz-preview .dz-details .dz-filename:not(:hover) span {

    border: 1px solid transparent

}



.dropzone .dz-preview .dz-details .dz-filename span,

.dropzone .dz-preview .dz-details .dz-size span {

    background-color: hsla(0, 0%, 100%, .4);

    padding: 0 .4em;

    border-radius: 3px

}



.dropzone .dz-preview:hover .dz-image img {

    -webkit-transform: scale(1.05);

    transform: scale(1.05);

    -webkit-filter: blur(8px);

    filter: blur(8px)

}



.dropzone .dz-preview .dz-image {

    border-radius: 20px;

    overflow: hidden;

    width: 120px;

    height: 120px;

    position: relative;

    display: block;

    z-index: 10

}



.dropzone .dz-preview .dz-image img {

    display: block

}



.dropzone .dz-preview.dz-success .dz-success-mark {

    -webkit-animation: passing-through 3s cubic-bezier(.77, 0, .175, 1);

    animation: passing-through 3s cubic-bezier(.77, 0, .175, 1)

}



.dropzone .dz-preview.dz-error .dz-error-mark {

    opacity: 1;

    -webkit-animation: slide-in 3s cubic-bezier(.77, 0, .175, 1);

    animation: slide-in 3s cubic-bezier(.77, 0, .175, 1)

}



.dropzone .dz-preview .dz-error-mark,

.dropzone .dz-preview .dz-success-mark {

    pointer-events: none;

    opacity: 0;

    z-index: 500;

    position: absolute;

    display: block;

    top: 50%;

    left: 50%;

    margin-left: -27px;

    margin-top: -27px

}



.dropzone .dz-preview .dz-error-mark svg,

.dropzone .dz-preview .dz-success-mark svg {

    display: block;

    width: 54px;

    height: 54px

}



.dropzone .dz-preview.dz-processing .dz-progress {

    opacity: 1;

    -webkit-transition: all .2s linear;

    transition: all .2s linear

}



.dropzone .dz-preview.dz-complete .dz-progress {

    opacity: 0;

    -webkit-transition: opacity .4s ease-in;

    transition: opacity .4s ease-in

}



.dropzone .dz-preview:not(.dz-processing) .dz-progress {

    -webkit-animation: pulse 6s ease infinite;

    animation: pulse 6s ease infinite

}



.dropzone .dz-preview .dz-progress {

    opacity: 1;

    z-index: 1000;

    pointer-events: none;

    position: absolute;

    height: 16px;

    left: 50%;

    top: 50%;

    margin-top: -8px;

    width: 80px;

    margin-left: -40px;

    background: hsla(0, 0%, 100%, .9);

    -webkit-transform: scale(1);

    border-radius: 8px;

    overflow: hidden

}



.dropzone .dz-preview .dz-progress .dz-upload {

    background: #333;

    background: -webkit-gradient(linear, left top, left bottom, from(#666), to(#444));

    background: linear-gradient(180deg, #666, #444);

    position: absolute;

    top: 0;

    left: 0;

    bottom: 0;

    width: 0;

    -webkit-transition: width .3s ease-in-out;

    transition: width .3s ease-in-out

}



.dropzone .dz-preview.dz-error .dz-error-message {

    display: block

}



.dropzone .dz-preview.dz-error:hover .dz-error-message {

    opacity: 1;

    pointer-events: auto

}



.dropzone .dz-preview .dz-error-message {

    pointer-events: none;

    z-index: 1000;

    position: absolute;

    display: block;

    display: none;

    opacity: 0;

    -webkit-transition: opacity .3s ease;

    transition: opacity .3s ease;

    border-radius: 8px;

    font-size: 13px;

    top: 130px;

    left: -10px;

    width: 140px;

    background: #be2626;

    background: -webkit-gradient(linear, left top, left bottom, from(#be2626), to(#a92222));

    background: linear-gradient(180deg, #be2626, #a92222);

    padding: .5em 1.2em;

    color: #fff

}



.dropzone .dz-preview .dz-error-message:after {

    content: "";

    position: absolute;

    top: -6px;

    left: 64px;

    width: 0;

    height: 0;

    border-left: 6px solid transparent;

    border-right: 6px solid transparent;

    border-bottom: 6px solid #be2626

}













.dropzone-uploader {

    margin-top: 20px

}



.dropzone-uploader.dz-drag-hover .dropzone {

    background: #f5f5f5;

    border-style: dashed;

    border-color: #9f9d9d

}



.dropzone-uploader.dz-drag-hover .dropzone .dz-message {

    opacity: 1

}



.dropzone-uploader.dz-drag-hover .dropzone .material-icons {

    -webkit-animation-name: pulse_animation;

    animation-name: pulse_animation;

    -webkit-animation-duration: 1.2s;

    animation-duration: 1.2s;

    -webkit-animation-iteration-count: infinite;

    animation-iteration-count: infinite;

    -webkit-animation-timing-function: linear;

    animation-timing-function: linear

}



.dropzone-uploader.dz-drag-hover .dz-clickable {

    background: #e3e3e3;

    border: 1px dashed #9f9d9d;

    color: #606060

}



.dropzone {

    border: 2px dashed #68a5e2;

    border-radius: 4px;

    background: #fafafa;

    -webkit-transition: background .15s;

    transition: background .15s;

    min-height: auto

}



.dropzone .dz-message {

    margin: 0;

    padding: 60px 0;

    font-size: 1.428rem

}



.dropzone .dz-message .material-icons {

    font-size: 36px;

    margin-right: 15px

}



.dropzone .dz-message a {

    padding-bottom: 2px;

    border-bottom: 2px solid #68a5e2

}



.dropzone .dz-message .dz-alternatives {

    margin-top: 20px;

    font-size: 1rem

}



.dropzone .dz-message .dz-alternatives a {

    border-bottom: none

}



.dropzone.has-files .dz-message {

    padding: 20px 0

}





@media (min-width:576px) {

    .dropzone .dz-alternatives {

        max-width: 300px;

        margin-left: auto;

        margin-right: auto

    }

}

*/