/* input */
.fileuploader {
    background: #fff;
    border-radius: 0;
	max-width: 360px;
	margin: 0 auto;
    padding: .5rem;
    position: relative;
}
.fileuploader-input-inner {
    display: flex;
}
.fileuploader-items .fileuploader-item {
    margin: 0!important;
    padding: 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #fff;
}
.fileuploader-items .fileuploader-items-list {
    margin: 0;
}
.fileuploader-items .fileuploader-item .columns, .fileuploader-items .fileuploader-item .column-thumbnail {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.fileuploader-items .fileuploader-item .column-title, .fileuploader-items .fileuploader-item .column-actions .fileuploader-action-retry, .fileuploader-items .fileuploader-item .column-actions .fileuploader-action-download, .fileuploader-items .fileuploader-item.file-has-popup span.fileuploader-action-popup {
    display: none!important;
}
.fileuploader-items .fileuploader-item .fileuploader-action.fileuploader-action-remove {
    margin: 0;
    top: 0;
    transform: translateY(0);
}
.fileuploader-items .fileuploader-item .column-thumbnail {
    padding: .5rem;
    background-color: #fff;
}
.fileuploader-items .fileuploader-item .column-actions {
    position: absolute;
    top: 3px;
    right: 3px;
    margin: 0;
}
.fileuploader-items .fileuploader-item .fileuploader-item-image {
    padding: .25rem;
    border: 1px solid #ffc8cd;
    border-radius: 1rem;
    cursor: pointer;
}
.fileuploader-items .fileuploader-item .fileuploader-item-image.active, .fileuploader-items .fileuploader-item .fileuploader-item-image:hover {
    border-color: #ed1c24;
}
.fileuploader-items .fileuploader-item .fileuploader-item-image.active:after {
    content: '\f00c';
    position: absolute;
    bottom: .25rem;
    right: .25rem;
    width: 1.5rem;
    height: 1.5rem;
    line-height: 1.5rem;
    border-radius: 100%;
    text-align: center;
    font-family: "Font Awesome 5 Free";
    font-size: .875rem;
    font-weight: 700;
    color: #fff;
    background-color: #ed1c24;
}
.fileuploader-items .fileuploader-item .fileuploader-item-image canvas, .fileuploader-items .fileuploader-item .fileuploader-item-image img {
    max-width: 100%;
    max-height: 100%;
}
.fileuploader-items .fileuploader-item span.fileuploader-action-popup {
    border-radius: 0;
}
.fileuploader-theme-dragdrop .fileuploader-input {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0;
    border: 2px dotted #ffc8cd;
    border-radius: 1rem;
    text-align: center;
    background: #fff url(../images/bg-uploader.png) no-repeat 50% 50%;
}
.fileuploader-theme-dragdrop .fileuploader-input:hover {
    border-color: #ed1c24;
}
.fileuploader-theme-dragdrop .fileuploader-input .fileuploader-icon-main {
    display: block;
    font-size: 56px;
	margin: 0 auto;
	margin-bottom: 26px;
}
.fileuploader-theme-dragdrop .fileuploader-input h3 {
    margin: 0;
    margin-bottom: 0;
    padding: .25rem;
    background: none;
    border: none;
	border-radius: 0;
    font-size: 1rem;
    font-weight: 400;
    color: #ed1c24;
    white-space: normal;
    box-shadow: none;
}
.fileuploader-theme-dragdrop .fileuploader-input p {
    margin: 0;
    padding: 0;
    color: #90a0bc;
    margin-bottom: 12px;
}

/* dragging state */
.fileuploader-theme-dragdrop .fileuploader-input .fileuploader-input-inner > * {
    -webkit-transition: 500ms cubic-bezier(0.17, 0.67, 0, 1.01);
            transition: 500ms cubic-bezier(0.17, 0.67, 0, 1.01);
}
.fileuploader-theme-dragdrop .fileuploader-input.fileuploader-dragging .fileuploader-input-inner > * {
	transform: translateY(18px);
	opacity: 0;
}
.fileuploader-theme-dragdrop .fileuploader-input.fileuploader-dragging .fileuploader-icon-main {
    transform: translateY(30px) scale(1.2);
	opacity: 0.6;
}
.fileuploader-theme-dragdrop .fileuploader-input.fileuploader-dragging .fileuploader-input-caption {
    transform: translateY(30px);
	opacity: 0.6;
}
.fileuploader-theme-dragdrop .fileuploader-input .fileuploader-icon-main {
    display: none;
}