.fileuploader-input-caption,

.fileuploader-item .column-title div {

    white-space: nowrap;

    overflow: hidden;

    text-overflow: ellipsis;

    font-weight: 700

}

.fileuploader-action-download:active,

.fileuploader-action-retry:active,

.fileuploader-action-start:active,

.fileuploader-input-button:active {

    box-shadow: inset 0 1px 6px rgba(0, 0, 0, .1)

}

.fileuploader,

.fileuploader *,

.fileuploader:after,

.fileuploader:before {

    box-sizing: border-box

}

.fileuploader {

    display: block;

    width: 100%;

    padding: 15px;

    margin: 15px 0;

    background: #f5f6fA;

    border-radius: 4px;

    line-height: normal;

    text-align: left

}

.fileuploader-input {

    position: relative;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    border: 1px solid transparent;

    cursor: pointer;

    overflow: hidden

}

.fileuploader-input-caption {

    position: relative;

    display: inline-block;

    -webkit-box-flex: 1;

    -ms-flex: 1;

    flex: 1;

    -ms-flex-item-align: start;

    align-self: flex-start;

    padding: 11px 15px;

    margin-right: 15px;

    background: #fff;

    border: 1px solid #dde4f6;

    border-radius: 4px;

    color: #789BEC;

    -webkit-transition: all .2s ease-out;

    transition: all .2s ease-out

}

.fileuploader-input-button {

    display: inline-block;

    background: #6381E6;

    padding: 12px 20px;

    border-radius: 4px;

    color: #fff;

    text-align: center;

    font-weight: 700;

    vertical-align: top;

    cursor: pointer;

    -webkit-transition: all .2s ease-out;

    transition: all .2s ease-out

}

.fileuploader-input-button:hover {

    background: #758fe9

}

.fileuploader-input-button:active {

    background: #6381E6

}

.fileuploader-focused .fileuploader-input-caption {

    border-color: #b8c2ef

}

.fileuploader-focused .fileuploader-input-button {

    background: #758fe9;

    border-color: #758fe9

}

.fileuploader-disabled .fileuploader-input {

    opacity: .7;

    cursor: default;

    pointer-events: none!important

}

.fileuploader-theme-default .fileuploader-dragging {

    background: #fff;

    border: 1px dashed #dde4f6

}

.fileuploader-theme-default .fileuploader-dragging .fileuploader-input-caption {

    border-color: transparent

}

.fileuploader-theme-default .fileuploader-dragging .fileuploader-input-button {

    -webkit-transform: translateY(100%);

    transform: translateY(100%);

    opacity: 0

}

.fileuploader.fileuploader-is-uploading .fileuploader-input-caption:after {

    right: 10px;

    top: 50%;

    margin-top: -10px;

    opacity: .8

}

.fileuploader-item .fileuploader-item-image.fileuploader-loading:after,

.fileuploader-item.upload-pending .fileuploader-action-remove:after,

.fileuploader.fileuploader-is-uploading .fileuploader-input-caption:after {

    content: '';

    position: absolute;

    width: 20px;

    height: 20px;

    border-radius: 50%;

    border-top: 3px solid #dde4f6;

    border-right: 3px solid #dde4f6;

    border-bottom: 3px solid #dde4f6;

    border-left: 3px solid #979fb8;

    -webkit-transform: translateZ(0);

    transform: translateZ(0);

    -webkit-animation: fileuploaderSpin 1s infinite linear;

    animation: fileuploaderSpin 1s infinite linear

}

.fileuploader-items-list {

    display: block;

    margin: 0 -15px;

    padding: 0;

    list-style: none

}

.fileuploader-item {

    position: relative;

    margin: 0;

    padding: 20px 15px;

    border-bottom: 1px solid #e8e8e8;

    -webkit-animation: fileuploaderSlideIn .4s ease;

    animation: fileuploaderSlideIn .4s ease

}

.fileuploader-item:last-child {

    border-bottom: 0;

    margin-bottom: -15px

}

.fileuploader-item.upload-failed {

    background: rgba(219, 104, 104, .08)

}

.fileuploader-item.upload-pending .fileuploader-action-remove:after {

    width: 26px;

    height: 26px;

    right: -5px;

    top: 50%;

    margin-top: -13px;

    opacity: .2

}

.fileuploader-item .columns {

    position: relative;

    z-index: 2

}

.fileuploader-item .column-thumbnail {

    position: absolute;

    width: 36px;

    height: 36px;

    line-height: 36px;

    left: 0;

    top: 0

}

.fileuploader-item .column-thumbnail .fileuploader-item-image {

    position: relative;

    width: 100%;

    height: 100%;

    border-radius: 4px;

    overflow: hidden

}

.fileuploader-item .fileuploader-item-image img {

    max-width: none;

    max-height: 100%;

    min-height: 100%

}

.fileuploader-item .fileuploader-item-image canvas,

.fileuploader-item .fileuploader-item-image img {

    position: absolute;

    top: 50%;

    left: 50%;

    -webkit-transform: translateX(-50%) translateY(-50%);

    -moz-transform: translateX(-50%) translateY(-50%);

    transform: translateX(-50%) translateY(-50%);

    -webkit-animation: fileuploaderFadeIn .2s ease;

    animation: fileuploaderFadeIn .2s ease

}

.fileuploader-item .column-thumbnail .fileuploader-item-image.fileuploader-loading:after {

    width: 24px;

    height: 24px;

    left: 50%;

    top: 50%;

    margin-left: -12px;

    margin-top: -12px;

    border-radius: 50%;

    opacity: .12

}

.fileuploader-item .column-thumbnail .fileuploader-action-popup {

    display: none;

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    background: rgba(0, 0, 0, .2);

    border-radius: 4px;

    cursor: pointer;

    opacity: 0;

    -webkit-transition: all .2s ease-out;

    transition: all .2s ease-out

}

.fileuploader-item.file-has-popup .column-thumbnail .fileuploader-action-popup {

    display: block

}

.fileuploader-item .column-thumbnail .fileuploader-action-popup:hover {

    opacity: 1

}

.fileuploader-item .column-thumbnail .fileuploader-action-popup:active {

    background: rgba(0, 0, 0, .4)

}

.fileuploader-item.file-type-audio .column-thumbnail .fileuploader-action-popup:after,

.fileuploader-item.file-type-video .column-thumbnail .fileuploader-action-popup:after {

    content: '';

    position: absolute;

    left: 50%;

    top: 50%;

    margin-left: -4px;

    margin-top: -8px;

    width: 0;

    height: 0;

    border-top: 8px solid transparent;

    border-bottom: 8px solid transparent;

    border-left: 10px solid #fff

}

.fileuploader-item .fileuploader-item-icon {

    position: relative;

    width: 100%;

    height: 100%;

    text-align: center;

    color: #fff;

    font-size: 11px;

    background: #ddd;

    border-radius: 4px;

    cursor: default;

    -webkit-user-select: none;

    -moz-user-select: none;

    -ms-user-select: none;

    user-select: none;

    -webkit-animation: fileuploaderFadeIn .2s ease;

    animation: fileuploaderFadeIn .2s ease

}

.fileuploader-item .fileuploader-item-icon.is-bright-color {

    color: #888

}

.fileuploader-item .fileuploader-item-icon i {

    display: block;

    width: 90%;

    margin: 0 auto;

    overflow: hidden;

    text-overflow: ellipsis;

    font-style: normal;

    font-weight: 700

}

.fileuploader-item .column-title {

    display: block;

    padding-left: 51px;

    padding-right: 81px;

    color: #74809D

}

.fileuploader-item a {

    color: #74809D;

    text-decoration: none

}

.fileuploader-item .column-title div {

    width: 100%

}

.fileuploader-item .column-title span {

    font-size: 12px;

    color: #979fb8

}

.fileuploader-item .column-actions {

    position: absolute;

    right: 15px;

    top: 50%;

    margin-top: -9px

}

.fileuploader-action {

    display: inline-block;

    position: relative;

    width: 18px;

    height: 18px;

    border-radius: 50%;

    cursor: pointer;

    vertical-align: top;

    -webkit-transform: translateZ(0);

    transform: translateZ(0);

    -webkit-transition: all .2s ease-out;

    transition: all .2s ease-out

}

.fileuploader-item .column-actions .fileuploader-action+.fileuploader-action {

    margin-left: 10px

}

.fileuploader-item .column-actions .fileuploader-action-success {

    position: absolute;

    right: 0;

    top: 0

}

.fileuploader-item .column-actions .fileuploader-action-success:active,

.fileuploader-item .column-actions .fileuploader-action-success:hover {

    opacity: 0

}

.fileuploader-action-remove {

    background: #fae1e1;

    border: 1px solid #ffcfcf

}

.fileuploader-action-remove:hover {

    background: #ffefef

}

.fileuploader-action-remove:active {

    background: #ffcfcf

}

.fileuploader-action-remove i:after,

.fileuploader-action-remove i:before {

    content: '';

    position: absolute;

    top: 4px;

    left: 7px;

    height: 8px;

    width: 2px;

    background-color: #f59595

}

.fileuploader-action-remove i:before {

    -webkit-transform: rotate(45deg);

    transform: rotate(45deg)

}

.fileuploader-action-remove i:after {

    -webkit-transform: rotate(-45deg);

    transform: rotate(-45deg)

}

.fileuploader-action-start {

    background: #6381E6;

    border-radius: 50%

}

.fileuploader-action-start i {

    position: absolute;

    left: 50%;

    top: 50%;

    margin-left: -2px;

    margin-top: -5px;

    border-radius: 2px;

    width: 0;

    height: 0;

    border-top: 5px solid transparent;

    border-bottom: 5px solid transparent;

    border-left: 5px solid #fff

}

.fileuploader-action-start:hover {

    background: #758fe9

}

.fileuploader-action-start:active {

    background: #6381E6

}

.fileuploader-action-success {

    background: #6381E6;

    border: 0;

    -webkit-transform: rotate(45deg);

    transform: rotate(45deg)

}

.fileuploader-action-success i:after,

.fileuploader-action-success i:before {

    content: '';

    display: block;

    position: absolute;

    -webkit-transform: rotate(0);

    transform: rotate(0)

}

.fileuploader-action-success i:before {

    width: 4px;

    height: 2px;

    left: 6px;

    top: 11px;

    background: #fff

}

.fileuploader-action-success i:after {

    top: 4px;

    left: 9px;

    width: 2px;

    height: 9px;

    background: #fff

}

.fileuploader-action-download {

    background: #6381E6;

    border-radius: 50%

}

.fileuploader-action-download i {

    position: absolute;

    left: 50%;

    top: 50%;

    margin-left: -1px;

    margin-top: -4px;

    width: 2px;

    height: 5px;

    border-radius: 0;

    background: #fff

}

.fileuploader-action-download i:after {

    content: '';

    position: absolute;

    width: 0;

    height: 0;

    bottom: -4px;

    left: -3px;

    border-left: 4px solid transparent;

    border-right: 4px solid transparent;

    border-top: 5px solid #fff;

    border-radius: 2px

}

.fileuploader-action-download:hover {

    background: #758fe9

}

.fileuploader-action-download:active {

    background: #6381E6

}

.fileuploader-action-retry {

    background: #6381E6;

    border-radius: 50%

}

.fileuploader-action-retry i:before {

    content: '';

    position: absolute;

    width: 6px;

    height: 6px;

    left: 4px;

    top: 4px;

    border-radius: 50%;

    border: 2px solid #fff

}

.fileuploader-action-retry i:after {

    content: '';

    position: absolute;

    width: 6px;

    height: 3px;

    left: 3px;

    top: 9px;

    background: #6381E6;

    -webkit-transform: rotate(-35deg);

    transform: rotate(-35deg)

}

.fileuploader-action-retry:hover,

.fileuploader-action-retry:hover i:after {

    background: #758fe9

}

.fileuploader-action-retry:active,

.fileuploader-action-retry:active i:after {

    background: #6381E6

}

.fileuploader-action-sort {

    background: #b0b8d0;

    text-align: center;

    cursor: move

}





.fileuploader-action-sort:active,

.fileuploader-action-sort:hover {

    background: #979fb8

}

.fileuploader-action-sort i {

    position: relative;

    display: inline-block;

    top: 8px;

    width: 8px;

    height: 2px;

    background: #fff;

    vertical-align: top

}

.fileuploader-action-sort i:before {

    content: '';

    position: absolute;

    display: inline-block;

    background: #fff;

    width: 100%;

    height: 2px;

    top: -3px;

    left: 0

}

.fileuploader-action-sort i:after {

    content: '';

    position: absolute;

    display: inline-block;

    background: #fff;

    width: 100%;

    height: 2px;

    top: 3px;

    left: 0

}





.fileuploader-action-main-file {

    background: #b0b8d0;

    text-align: center;

    cursor: pointer

}



.fileuploader-action-main-file i{

    position: relative;

    display: inline-block;

    top: 4px;

    width: 8px;

    height: 8px;

    color: #fff;

    vertical-align: top

}









.fileuploader-item .fileuploader-progressbar {

    position: absolute;

    left: 0;

    bottom: 0;

    width: 100%;

    height: 4px;

    border-radius: 4px;

    overflow: hidden

}

.fileuploader-item .fileuploader-progressbar .bar {

    position: absolute;

    left: 0;

    top: 0;

    width: 0;

    height: 100%;

    border-radius: 4px;

    background: #6381E6;

    -webkit-transition: width .3s ease;

    transition: width .3s ease

}

.fileuploader-item .progress-bar2 .fileuploader-progressbar {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    z-index: 1;

    -webkit-user-select: none;

    -moz-user-select: none;

    -ms-user-select: none;

    user-select: none

}

.fileuploader-item .progress-bar2 .fileuploader-progressbar .bar {

    position: absolute;

    left: 0;

    top: 0;

    width: 0;

    height: 100%;

    border-radius: 0;

    background: rgba(104, 125, 219, .08);

    -webkit-transition: width .3s ease;

    transition: width .3s ease

}

.fileuploader-item .progress-bar2 span {

    position: absolute;

    top: 50%;

    margin-top: -29px;

    right: 15px;

    color: rgba(151, 159, 184, .16);

    font-size: 48px

}

.fileuploader-input-caption .fileuploader-pending-loader {

    margin-right: 5px

}

.fileuploader-pending-loader {

    position: relative;

    display: inline-block;

    width: 14px;

    height: 14px;

    overflow: hidden;

    vertical-align: middle

}

.fileuploader-pending-loader .left-half,

.fileuploader-pending-loader:after {

    background: #fff

}

.fileuploader-pending-loader .right-half,

.fileuploader-pending-loader .spinner {

    background: #789BEC

}

.fileuploader-pending-loader:after {

    content: '';

    position: absolute;

    top: 3px;

    left: 3px;

    width: 8px;

    height: 8px;

    border-radius: 50%;

    z-index: 4

}

.fileuploader-pending-loader .left-half,

.fileuploader-pending-loader .right-half,

.fileuploader-pending-loader .spinner {

    position: absolute;

    top: 0;

    width: 50%;

    height: 100%

}

.fileuploader-pending-loader .left-half {

    left: 0;

    opacity: 1;

    border-radius: 100% 0 0 100%/50% 0 0 50%;

    -webkit-animation: fileuploaderOpacity 3s steps(1, end) infinite;

    animation: fileuploaderOpacity 3s steps(1, end) infinite;

    z-index: 3

}

.fileuploader-pending-loader .right-half {

    right: 0;

    opacity: 0;

    border-radius: 0 100% 100% 0/0 50% 50% 0;

    -webkit-animation: fileuploaderOpacity 3s steps(1, end) reverse infinite;

    animation: fileuploaderOpacity 3s steps(1, end) reverse infinite;

    z-index: 1

}

.fileuploader-pending-loader .spinner {

    left: 0;

    border-radius: 100% 0 0 100%/50% 0 0 50%;

    -webkit-animation: fileuploaderSpin 3s linear infinite;

    animation: fileuploaderSpin 3s linear infinite;

    -webkit-transform-origin: center right;

    transform-origin: center right;

    z-index: 2

}

.fileuploader-popup {

    position: fixed;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    overflow: hidden;

    background: rgba(40, 46, 61, .9);

    z-index: 90;

    -webkit-animation: fileuploaderFadeIn .4s ease;

    animation: fileuploaderFadeIn .4s ease

}

.fileuploader-popup-preview {

    width: 100%;

    height: 100%;

    padding: 40px;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -ms-flex-direction: column;

    flex-direction: column;

    z-index: 2

}

.fileuploader-popup-preview .node {

    position: relative;

    display: block;

    width: 100%;

    height: 100%;

    min-height: 10px;

    text-align: center;

    -webkit-transform: translateZ(0);

    transform: translateZ(0);

    -webkit-animation: fileuploaderSlideInDown .4s;

    animation: fileuploaderSlideInDown .4s

}

.fileuploader-popup-preview .node.astext>div,

.fileuploader-popup-preview .node.audio>audio,

.fileuploader-popup-preview .node.image>img,

.fileuploader-popup-preview .node.video>video {

    max-width: 100%;

    max-height: 100%;

    margin: 0;

    padding: 0;

    color: #47525d;

    background: #fff;

    -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, .4);

    box-shadow: 0 0 20px rgba(0, 0, 0, .4);

    border-radius: 4px

}

.fileuploader-popup-preview .node.audio audio {

    width: 450px

}

.fileuploader-popup-preview .node.astext div {

    max-width: 992px;

    padding: 20px;

    margin: 0 auto;

    font-size: 14px;

    line-height: 16px;

    text-align: left;

    overflow-y: auto;

    white-space: pre-wrap

}

.fileuploader-popup-preview .tools {

    width: 100%;

    margin-top: 30px

}

.fileuploader-popup-preview .tools:after {

    content: '';

    position: absolute;

    left: 0;

    width: 100%;

    margin-top: -240px;

    height: 2000px;

    background: rgba(35, 40, 54, .96);

    -webkit-box-shadow: 0 -2px 10px rgba(0, 0, 0, .4);

    box-shadow: 0 -2px 10px rgba(0, 0, 0, .4);

    z-index: -1

}

.fileuploader-popup-preview .tools ul {

    display: table;

    list-style: none;

    margin: 0 auto;

    padding: 0;

    -webkit-animation: fileuploaderSlideIn .4s;

    animation: fileuploaderSlideIn .4s

}

.fileuploader-popup-preview .tools li {

    display: inline-block;

    padding: 0 20px;

    max-width: 50%;

    vertical-align: middle

}

.fileuploader-popup-preview .tools li span {

    display: block;

    color: #868896;

    margin-top: 3px;

    font-size: 14px

}

.fileuploader-popup-preview .tools li h5 {

    margin: 8px 0;

    color: #dfdeee;

    font-size: 14px;

    font-weight: 700;

    white-space: nowrap;

    overflow: hidden;

    text-overflow: ellipsis

}

.fileuploader-popup-preview .tools li a {

    display: inline-block;

    cursor: pointer;

    text-align: center;

    text-decoration: none;

    -webkit-transition: opacity .2s ease;

    transition: opacity .2s ease

}

.fileuploader-popup-preview .tools li a:hover {

    opacity: .6

}

.fileuploader-popup-preview .tools li a i {

    display: inline-block;

    width: 23px;

    height: 23px;

    margin-bottom: 2px;

    background-size: contain;

    background-repeat: no-repeat;

    background-position: center

}

.fileuploader-popup-preview .tools li a[data-action=crop] i {

    background-image: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0ZWQgYnkgSWNvTW9vbi5pbyAtLT4KPCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIHdpZHRoPSIyNHB4IiBoZWlnaHQ9IjI0cHgiIHZpZXdCb3g9IjAgMCAxNiAxNiI+CjxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik0xNiAwLjd2LTAuN2gtMC43bC0zIDNoLTcuM3YtM2gtMnYzaC0zdjJoM3Y4aDh2M2gydi0zaDN2LTJoLTN2LTcuM2wzLTN6TTUgNWg1LjNsLTUuMyA1LjN2LTUuM3pNMTEgMTFoLTUuM2w1LjMtNS4zdjUuM3oiLz4KPC9zdmc+Cg==)

}

.fileuploader-popup-preview .tools li a[data-action=rotate-cw] i {

    background-image: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0ZWQgYnkgSWNvTW9vbi5pbyAtLT4KPCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIHdpZHRoPSIyNHB4IiBoZWlnaHQ9IjI0cHgiIHZpZXdCb3g9IjAgMCAxNiAxNiI+CjxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik0xNiA3di00bC0xLjEgMS4xYy0xLjMtMi41LTMuOS00LjEtNi45LTQuMS00LjQgMC04IDMuNi04IDhzMy42IDggOCA4YzIuNCAwIDQuNi0xLjEgNi0yLjhsLTEuNS0xLjNjLTEuMSAxLjMtMi43IDIuMS00LjUgMi4xLTMuMyAwLTYtMi43LTYtNnMyLjctNiA2LTZjMi40IDAgNC41IDEuNSA1LjUgMy41bC0xLjUgMS41aDR6Ii8+Cjwvc3ZnPgo=)

}

.fileuploader-popup-preview .tools li a[data-action=remove] i {

    background-image: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0ZWQgYnkgSWNvTW9vbi5pbyAtLT4KPCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIHdpZHRoPSIyNHB4IiBoZWlnaHQ9IjI0cHgiIHZpZXdCb3g9IjAgMCAxNiAxNiI+CjxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik0yIDV2MWgxdjljMCAwIDEuMSAxIDQuNSAxczQuNS0xIDQuNS0xdi05aDF2LTFoLTExek02IDE0aC0xdi03aDF2N3pNOCAxNGgtMXYtN2gxdjd6TTEwIDE0aC0xdi03aDF2N3oiLz4KPHBhdGggZmlsbD0iI0ZGRkZGRiIgZD0iTTEyIDNjMCAwIDAtMC41LTItMC44di0wLjdjMC0wLjgtMC43LTEuNS0xLjUtMS41aC0yYy0wLjggMC0xLjUgMC43LTEuNSAxLjV2MC43Yy0xLjYgMC4zLTIgMC44LTIgMC44aC0xdjFoMTF2LTFoLTF6TTYgMS41YzAtMC4zIDAuMi0wLjUgMC41LTAuNWgyYzAuMiAwIDAuNSAwLjIgMC41IDAuNXYwLjZjMC0wLjEtMC45LTAuMS0xLjUtMC4xcy0xLjEgMC0xLjUgMC4xdi0wLjZ6Ii8+Cjwvc3ZnPgo=)

}

.fileuploader-popup-preview .tools li.separator {

    position: relative;

    margin: 5px 40px 5px 0;

    height: 40px;

    border-right: 1px solid #36394e

}

.fileuploader-popup-preview .tools .buttons {

    text-align: center;

    margin-top: 30px;

    -webkit-animation: fileuploaderSlideIn .4s;

    animation: fileuploaderSlideIn .4s

}

.fileuploader-popup-button {

    display: inline-block;

    background: 0 0;

    color: #596671;

    font-weight: 700;

    border-radius: 4px;

    padding: 11px 20px;

    margin: 0 10px;

    cursor: pointer;

    outline: 0;

    border: 2px solid #596671;

    text-decoration: none;

    -webkit-transition: all .2s ease-out;

    transition: all .2s ease-out

}

.fileuploader-popup-button:hover {

    background: #e6ebf4;

    border-color: #e6ebf4;

    color: #90a0bc;

    text-decoration: none

}

.fileuploader-popup-button:active,

.fileuploader-popup-button:focus {

    color: #90a0bc;

    background: #d1d9e8;

    border-color: #d1d9e8;

    text-decoration: none

}

.fileuploader-popup-button.button-success {

    color: #fff;

    background: #6381E6;

    border-color: #6381E6

}

.fileuploader-popup-button.button-success:hover {

    background: #758fe9;

    border-color: #758fe9;

    color: #fff;

    text-decoration: none

}

.fileuploader-popup-button.button-success:active,

.fileuploader-popup-button.button-success:focus {

    color: #fff;

    background: #6381E6;

    border-color: #6381E6

}

.fileuploader-cropper,

.fileuploader-cropper * {

    -webkit-user-select: none;

    -moz-user-select: none;

    -ms-user-select: none;

    user-select: none

}

.fileuploader-cropper {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    background: rgba(17, 20, 27, .65);

    z-index: 9

}

.fileuploader-cropper-area {

    position: absolute;

    left: 0;

    top: 0;

    width: 0;

    height: 0;

    z-index: 2

}

.fileuploader-cropper-area.has-grid:after,

.fileuploader-cropper-area.has-grid:before {

    content: '';

    position: absolute;

    border: 1px solid rgba(250, 250, 250, .8);

    opacity: 0;

    -webkit-transition: all .4s ease;

    transition: all .4s ease;

    z-index: 1

}

.fileuploader-cropper-area.has-grid:before {

    top: 0;

    left: 50%;

    height: 100%;

    width: 34%;

    border-top: 0;

    border-bottom: 0;

    -webkit-transform: translateX(-50%);

    transform: translateX(-50%)

}

.fileuploader-cropper-area.has-grid:after {

    top: 50%;

    left: 0;

    height: 34%;

    width: 100%;

    border-left: 0;

    border-right: 0;

    -webkit-transform: translateY(-50%);

    transform: translateY(-50%)

}

.fileuploader-cropper-area.has-grid.moving:after,

.fileuploader-cropper-area.has-grid.moving:before {

    opacity: 1

}

.fileuploader-cropper-area .point {

    position: absolute;

    width: 12px;

    height: 12px;

    background: #fafafa;

    box-shadow: 0 0 6px rgba(0, 0, 0, .4);

    border-radius: 50%;

    z-index: 3

}

.fileuploader-cropper-area .point-a {

    top: -6px;

    left: -6px;

    cursor: nw-resize

}

.fileuploader-cropper-area .point-b {

    top: -6px;

    left: 50%;

    margin-left: -6px;

    cursor: n-resize

}

.fileuploader-cropper-area .point-c {

    top: -6px;

    right: -6px;

    cursor: ne-resize

}

.fileuploader-cropper-area .point-d {

    top: 50%;

    right: -6px;

    margin-top: -6px;

    cursor: w-resize

}

.fileuploader-cropper-area .point-e {

    bottom: -6px;

    right: -6px;

    cursor: nw-resize

}

.fileuploader-cropper-area .point-f {

    bottom: -6px;

    left: 50%;

    margin-left: -6px;

    cursor: s-resize

}

.fileuploader-cropper-area .point-g {

    bottom: -6px;

    left: -6px;

    cursor: sw-resize

}

.fileuploader-cropper-area .point-h {

    left: -6px;

    top: 50%;

    margin-top: -6px;

    cursor: w-resize

}

.fileuploader-cropper-area .area-move {

    position: absolute;

    width: 95%;

    height: 95%;

    left: 50%;

    top: 50%;

    z-index: 2;

    -webkit-transform: translateX(-50%) translateY(-50%);

    transform: translateX(-50%) translateY(-50%);

    cursor: move

}

.fileuploader-cropper-area .area-image {

    position: relative;

    overflow: hidden;

    width: 100%;

    height: 100%

}

.fileuploader-cropper-area .area-image img {

    width: auto;

    height: auto;

    max-width: none;

    max-height: none;

    position: absolute;

    left: 0;

    top: 0;

    background: #fff;

    -webkit-transform-origin: top left;

    transform-origin: top left

}

.fileuploader-item.sorting {

    background: #f5f6fA;

    border-radius: 4px;

    opacity: .9;

    box-shadow: 0 1px 4px rgba(0, 0, 0, .2);

    z-index: 799

}

.fileuploader-item.sorting,

.fileuploader-item.sorting .fileuploader-item-icon,

.fileuploader-item.sorting .fileuploader-item-image canvas,

.fileuploader-item.sorting .fileuploader-item-image img,

.fileuploader-sorter-placeholder {

    -webkit-animation: none;

    animation: none

}

.fileuploader-sorter-placeholder {

    background: rgba(0, 0, 0, .03);

    margin: 0;

    padding: 0

}

@-webkit-keyframes fileuploaderOpacity {

    0% {

        opacity: 1

    }

    100%,

    50% {

        opacity: 0

    }

}

@keyframes fileuploaderOpacity {

    0% {

        opacity: 1

    }

    100%,

    50% {

        opacity: 0

    }

}

@-webkit-keyframes fileuploaderFadeIn {

    from {

        opacity: 0

    }

    to {

        opacity: 1

    }

}

@keyframes fileuploaderFadeIn {

    from {

        opacity: 0

    }

    to {

        opacity: 1

    }

}

@-webkit-keyframes fileuploaderScaleIn {

    from {

        opacity: 0;

        -webkit-transform: scale(0);

        transform: scale(0)

    }

    to {

        opacity: 1;

        -webkit-transform: scale(1);

        transform: scale(1)

    }

}

@keyframes fileuploaderScaleIn {

    from {

        opacity: 0;

        -webkit-transform: scale(0);

        transform: scale(0)

    }

    to {

        opacity: 1;

        -webkit-transform: scale(1);

        transform: scale(1)

    }

}

@-webkit-keyframes fileuploaderSlideIn {

    from {

        -webkit-transform: translateY(100%);

        transform: translateY(100%);

        opacity: 0

    }

    to {

        -webkit-transform: translateY(0);

        transform: translateY(0);

        opacity: 1

    }

}

@keyframes fileuploaderSlideIn {

    from {

        -webkit-transform: translateY(50%);

        transform: translateY(50%);

        opacity: 0

    }

    to {

        -webkit-transform: translateY(0);

        transform: translateY(0);

        opacity: 1

    }

}

@-webkit-keyframes fileuploaderSlideOut {

    from {

        -webkit-transform: translateY(0);

        transform: translateY(0);

        opacity: 1

    }

    to {

        -webkit-transform: translateY(50%);

        transform: translateY(50%);

        opacity: 0

    }

}

@keyframes fileuploaderSlideOut {

    from {

        -webkit-transform: translateY(0);

        transform: translateY(0);

        opacity: 1

    }

    to {

        -webkit-transform: translateY(50%);

        transform: translateY(50%);

        opacity: 0

    }

}

@-webkit-keyframes fileuploaderSlideInDown {

    from {

        -webkit-transform: translateY(-5%);

        transform: translateY(-5%);

        opacity: 0

    }

    to {

        -webkit-transform: translateY(0);

        transform: translateY(0);

        opacity: 1

    }

}

@keyframes fileuploaderSlideInDown {

    from {

        -webkit-transform: translateY(-5%);

        transform: translateY(-5%);

        opacity: 0

    }

    to {

        -webkit-transform: translateY(0);

        transform: translateY(0);

        opacity: 1

    }

}

@-webkit-keyframes fileuploaderSpin {

    0% {

        -webkit-transform: rotate(0);

        transform: rotate(0)

    }

    100% {

        -webkit-transform: rotate(360deg);

        transform: rotate(360deg)

    }

}

@keyframes fileuploaderSpin {

    0% {

        -webkit-transform: rotate(0);

        transform: rotate(0)

    }

    100% {

        -webkit-transform: rotate(360deg);

        transform: rotate(360deg)

    }

}

.fileuploader-theme-dragdrop .fileuploader-input {

    display: block;

    padding: 60px 0;

    background: #fff;

    border: 2px dashed #c2cdda;

    border-radius: 3px;

    text-align: center;

    -webkit-transition: background-color 0.2s ease;

    transition: background-color 0.2s ease;

}

.fileuploader-theme-dragdrop .fileuploader-input .fileuploader-input-inner {

    -webkit-transition: opacity 0.2s ease;

    transition: opacity 0.2s ease;

}

.fileuploader-theme-dragdrop .fileuploader-input.fileuploader-dragging .fileuploader-input-inner {

    opacity: 0.4;

}

.fileuploader-theme-dragdrop .fileuploader-input.fileuploader-dragging img {

    -webkit-transform: rotate(180deg);

    transform: rotate(180deg);

}

.fileuploader-theme-dragdrop .fileuploader-input img {

    display: block;

    max-width: 64px;

    margin: 0 auto;

    margin-bottom: 30px;

    -webkit-transition: all 0.2s ease;

    transition: all 0.2s ease;

}

.fileuploader-theme-dragdrop .fileuploader-input h3 {

    margin: 0;

    padding: 0;

    background: none;

    border: none;

    font-size: 18px;

    font-weight: bold;

    color: #555a6b;

    white-space: normal;

}

.fileuploader-theme-dragdrop .fileuploader-input p {

    color: #74809d;

}

.fileuploader-theme-dragdrop.fileuploader-is-uploading .fileuploader-input-caption:after {

    display: none;

}

.fileuploader-theme-dragdrop .fileuploader-pending-loader .right-half,

.fileuploader-theme-dragdrop .fileuploader-pending-loader .spinner {

    background: #6381E6;

}

.fileuploader-theme-dragdrop .fileuploader-input p {

    margin: 10px 0;

}

.fileuploader-theme-thumbnails .fileuploader-thumbnails-input,

.fileuploader-theme-thumbnails .fileuploader-items-list .fileuploader-item {

    display: inline-block;

    width: 25%;

    height: 115px;

    line-height: 95px;

    padding: 10px;

    vertical-align: top;

}

.fileuploader-theme-thumbnails .fileuploader-thumbnails-input-inner {

    width: 100%;

    height: 100%;

    border: 2px dashed #c2cdda;

    border-radius: 4px;

    text-align: center;

    font-size: 30px;

    color: #acb9c7;

    vertical-align: top;

    cursor: pointer;

    -webkit-user-select: none;

    -moz-user-select: none;

    -ms-user-select: none;

    user-select: none;

    -webkit-transition: all 0.1s ease;

    transition: all 0.1s ease;

}

.fileuploader-theme-thumbnails .fileuploader-thumbnails-input-inner:hover {

    border-color: #92a7bf;

    color: #899baf;

}

.fileuploader-theme-thumbnails .fileuploader-thumbnails-input-inner:active,

.fileuploader-theme-thumbnails .fileuploader-dragging .fileuploader-thumbnails-input-inner {

    background: #fff;

}

.fileuploader-theme-thumbnails .fileuploader-items-list {

    margin: -5px -10px;

}

.fileuploader-theme-thumbnails .fileuploader-item {

    -webkit-animation: fileuploaderScaleIn 0.2s ease;

    animation: fileuploaderScaleIn 0.2s ease;

    border-bottom: 0;

}

.fileuploader-theme-thumbnails .fileuploader-item-inner {

    position: relative;

    border-radius: 4px;

    background: rgba(255, 255, 255, 0.6);

    overflow: hidden;

    z-index: 1;

}

.fileuploader-theme-thumbnails .fileuploader-item-inner,

.fileuploader-theme-thumbnails .fileuploader-item-inner .thumbnail-holder,

.fileuploader-theme-thumbnails .fileuploader-items-list .fileuploader-item-image {

    width: 100%;

    height: 100%;

}

.fileuploader-theme-thumbnails .fileuploader-items-list .fileuploader-item-image {

    position: relative;

    text-align: center;

    overflow: hidden;

}

.fileuploader-theme-thumbnails .fileuploader-item .fileuploader-item-image img,

.fileuploader-theme-thumbnails .fileuploader-item .fileuploader-item-image canvas {

    border-radius: 0;

}

.fileuploader-theme-thumbnails .fileuploader-items-list .fileuploader-item-image img {

    max-height: 100%;

    min-height: 100%;

    max-width: none;

}

.fileuploader-theme-thumbnails .fileuploader-item .fileuploader-item-image.fileuploader-loading:after {

    top: 50%;

    left: 50%;

    width: 30px;

    height: 30px;

    margin-left: -15px;

    margin-top: -15px;

    opacity: 0.2;

}

.fileuploader-theme-thumbnails .fileuploader-items-list .actions-holder {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    border-radius: 4px;

    background: rgba(33, 33, 33, 0.55);

    text-align: right;

    -webkit-transition: opacity 0.2s ease;

    transition: opacity 0.2s ease;

    opacity: 0;

    z-index: 3;

}

.fileuploader-theme-thumbnails .fileuploader-items-list .fileuploader-item:hover .actions-holder {

    opacity: 1;

}

.fileuploader-theme-thumbnails .fileuploader-action {

    background: none;

    border: 0;

    width: 24px;

    height: 24px;

    margin: 3px 3px 0 0;

    z-index: 2;

}

.fileuploader-theme-thumbnails .fileuploader-action-remove i:before,

.fileuploader-theme-thumbnails .fileuploader-action-remove i:after {

    top: 4px;

    left: 10px;

    height: 14px;

    width: 3px;

    background: #fff;

}

.fileuploader-theme-thumbnails .fileuploader-action-sort i {

    top: 10px;

    width: 12px;

}

.fileuploader-theme-thumbnails .fileuploader-action-sort i:before {

    top: -4px;

}

.fileuploader-theme-thumbnails .fileuploader-action-sort i:after {

    top: 4px;

}

.fileuploader-theme-thumbnails .fileuploader-action-popup {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    cursor: pointer;

    z-index: 1;

}

.fileuploader-theme-thumbnails .fileuploader-item.upload-failed {

    background: none;

}

.fileuploader-theme-thumbnails .fileuploader-items-list .fileuploader-item.upload-failed .fileuploader-item-icon {

    display: block !important;

    background: #db6868 !important;

    color: #fff;

}

.fileuploader-theme-thumbnails .fileuploader-item.upload-pending .fileuploader-action-remove:after {

    right: 0;

    margin-top: -14px;

}

.fileuploader-theme-thumbnails .fileuploader-item .progress-holder {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

}

.fileuploader-theme-thumbnails .fileuploader-item .progress-holder .fileuploader-progressbar {

    position: relative;

    top: 50%;

    width: 80%;

    height: 6px;

    margin: 0 auto;

    background: #dde4f6;

}

.fileuploader-theme-thumbnails .fileuploader-item.sorting {

    -webkit-animation: none;

    animation: none;

}

.fileuploader-theme-thumbnails .fileuploader-sorter-placeholder {

    background: none;

}

.fileuploader-theme-thumbnails .fileuploader-sorter-placeholder div {

    background: #fff;

}







.fileuploader-theme-onebutton .fileuploader-input {

    display: inline-block;

}

.fileuploader-theme-onebutton .fileuploader-input .fileuploader-input-caption {

	display: none;

}