.hide-text{color:transparent;text-shadow:none;background-color:transparent;border:0;}
.input-block-level{display:block;width:100%;min-height:30px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.fileupload-button {
    display: block;
    width: 100%;
    position: relative;
    overflow: hidden;
    height: 70px;
    line-height: 1.2;
    padding: 22px 20px;
    text-align: center;
    color: #333;
    background-color: #FFFFFF;
    border: 1px dashed #a89473;
    vertical-align:middle;
    margin: 0;
}
.fileupload:not(.fileupload-exists):hover,
.fileupload:not(.fileupload-exists).hover {
    box-shadow: 0 0 20px rgba(0,0,0,0.1);
}
.fileupload:not(.fileupload-exists).hover .fileupload-button {
    -webkit-animation: progress-bar-stripes 1s linear infinite;
    animation: progress-bar-stripes 1s linear infinite;
    background-image: linear-gradient(  45deg, rgb(168 148 115 / 15%) 25%,transparent 25%,transparent 50%,rgb(168 148 115 / 15%) 50%, rgb(168 148 115 / 15%) 75%,transparent 75%,transparent);
    background-size: 1rem 1rem;
}
.fileupload-button .link {
    color: #a89473;
    text-decoration: underline;
}
.file-icon {
    display: none;
}
.fileupload-exists .fileupload-button{
    border: none;
    text-align: left;
    padding-left: 0;
    padding-right: 0;
    background: transparent !important;
}
.fileupload-exists .fileupload-button .file-icon {
    display: inline-block;
    margin-right: 10px;
    animation: showProgressColor 3s forwards;
}
.fileupload-exists .fileupload-button>input {
   display: none;
}
.fileupload-button .close {
    color: #C1423C !important;
    text-decoration: none !important;
    position: absolute;
    right: 0;
    bottom: 0;
    font-size: 31px;
    font-weight: 200 !important;
    opacity: 0.7;
    height: 50px;
    width: 50px;
    top: 0;
    line-height: 76px;
    text-align: right;
}
.fileupload-button .close:hover {
    opacity: 1;
}
.fileupload-exists .progress-bar {
    opacity: 1;
}
.fileupload-exists .progress {
    animation: showProgress 3s forwards;
}
@keyframes showProgress {
    0% {
        width: 0;
        background: #E4C185;
    }
    50% {
        width: 70%;
        background:#E4C185;
    }
    100% {
        width: 100%;
        background: green;
    }
}
@keyframes showProgressColor {
    0% {
        color: #E4C185;
    }
    50% {
        color: #E4C185;
    }
    100% {
        color: green;
    }
}
.progress-bar {
    opacity: 0;
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 6px;
    width: 100%;
    background: #E2E2E2;
    border-radius: 5px;
}
.progress-bar .progress {
    width: 0;
    background: #E4C185;
}
.fileupload-new {
    font-size: 14px;
}
.fileupload-button>input{position:absolute;top:0;right:0;margin:0;opacity:0;filter:alpha(opacity=0);transform:translate(-300px, 0) scale(4);font-size:23px;direction:ltr;cursor:pointer;}
.fileupload{margin-bottom:9px; position: relative; overflow: hidden}.fileupload .uneditable-input{display:inline-block;margin-bottom:0px;vertical-align:middle;cursor:text;}
.fileupload .thumbnail{overflow:hidden;display:inline-block;margin-bottom:5px;vertical-align:middle;text-align:center;}.fileupload .thumbnail>img{display:inline-block;vertical-align:middle;max-height:100%;}
.fileupload .fileupload-button{vertical-align:middle;}
.fileupload-exists .fileupload-new,.fileupload-new .fileupload-exists{display:none;}
.fileupload-inline .fileupload-controls{display:inline;}
.fileupload-new .input-append .fileupload-button{-webkit-border-radius:0 3px 3px 0;-moz-border-radius:0 3px 3px 0;border-radius:0 3px 3px 0;}
.thumbnail-borderless .thumbnail{border:none;padding:0;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;}
.fileupload-new.thumbnail-borderless .thumbnail{border:1px solid #ddd;}
.control-group.warning .fileupload .uneditable-input{color:#a47e3c;border-color:#a47e3c;}
.control-group.warning .fileupload .fileupload-preview{color:#444c84;
    text-decoration: underline;}
.control-group.warning .fileupload .thumbnail{border-color:#a47e3c;}
.control-group.error .fileupload .uneditable-input{color:#b94a48;border-color:#b94a48;}
.control-group.error .fileupload .fileupload-preview{color:#b94a48;}
.control-group.error .fileupload .thumbnail{border-color:#b94a48;}
.control-group.success .fileupload .uneditable-input{color:#468847;border-color:#468847;}
.control-group.success .fileupload .fileupload-preview{color:#468847;}
.control-group.success .fileupload .thumbnail{border-color:#468847;}
.fileupload-button label.error {
    pointer-events: none;
    color: red;
    font-size: 12px;
    position: absolute;
    left: 0;
    bottom: 0px;
    padding: 5px 10px;
    border-bottom: 2px solid red;
    display: block;
    width: 100%;
    text-align: left;
    margin: 0;
    z-index: 2;
}