@charset "UTF-8";
/*
 * jQuery File Upload UI Plugin CSS 8.1
 * https://github.com/blueimp/jQuery-File-Upload
 *
 * Copyright 2010, Sebastian Tschan
 * https://blueimp.net
 *
 * Licensed under the MIT license:
 * http://www.opensource.org/licenses/MIT
 */

#uploadBox  { width: 100%; }
#uploadBox span { color: #FFF !important; }

.fileinput-button {
    
    float: left; display: block; margin-right: 12px; border-style: none; height: 33px; line-height: 33px; padding: 0 10px; color: #FFF !important; outline: 0; cursor: pointer; font-size: 12px; letter-spacing: 2px; border-radius: 3px; position: relative; overflow: hidden;
    
    background-image: -moz-linear-gradient(top,#ff0d0d,#cc0b0b);
    background-image: -webkit-gradient(linear,0 0,0 100%,from(#ff0d0d),to(#cc0b0b));
    background-image: -webkit-linear-gradient(top,#ff0d0d,#cc0b0b);
    background-image: -o-linear-gradient(top,#ff0d0d,#cc0b0b);
    background-image: linear-gradient(to bottom,#ff0d0d,#cc0b0b);
    background-repeat: repeat-x;
    
}

.fileinput-button:hover {
    background-image: -moz-linear-gradient(top,#eb4a4a,#f02626);
    background-image: -webkit-gradient(linear,0 0,0 100%,from(#eb4a4a),to(#f02626));
    background-image: -webkit-linear-gradient(top,#eb4a4a,#f02626);
    background-image: -o-linear-gradient(top,#eb4a4a,#f02626);
    background-image: linear-gradient(to bottom,#eb4a4a,#f02626);
    background-repeat: repeat-x;
}

.fileinput-button:active {
    background-image: -moz-linear-gradient(top,#ca1010,#ac0d0d);
    background-image: -webkit-gradient(linear,0 0,0 100%,from(#ca1010),to(#ac0d0d));
    background-image: -webkit-linear-gradient(top,#ca1010,#ac0d0d);
    background-image: -o-linear-gradient(top,#ca1010,#ac0d0d);
    background-image: linear-gradient(to bottom,#ca1010,#ac0d0d);
    background-repeat: repeat-x;
}

.fileinput-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;
    color: #FFF !important;
}
.fileupload-buttonbar .btn,
.fileupload-buttonbar .toggle {
    margin-bottom: 5px;
}
.progress-animated .upbar {
    background: url('../images/progressbar.gif') !important;
    filter: none;
}
.fileupload-loading {
    float: right;
    width: 32px;
    height: 32px;
    background: url('../images/loading.gif') center no-repeat;
    background-size: contain;
    display: none;
}
.fileupload-processing .fileupload-loading {
    display: block;
}
.files audio,
.files video {
    max-width: 300px;
}

.progress {
    margin-top: 6px;
    height: 20px;
    margin-bottom: 20px;
    overflow: hidden;
    background-color: #f7f7f7;
    background-image: -moz-linear-gradient(top,#f5f5f5,#f9f9f9);
    background-image: -webkit-gradient(linear,0 0,0 100%,from(#f5f5f5),to(#f9f9f9));
    background-image: -webkit-linear-gradient(top,#f5f5f5,#f9f9f9);
    background-image: -o-linear-gradient(top,#f5f5f5,#f9f9f9);
    background-image: linear-gradient(to bottom,#f5f5f5,#f9f9f9);
    background-repeat: repeat-x;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5',endColorstr='#fff9f9f9',GradientType=0);
    -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
    -moz-box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
    box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
    cursor: default !important;
}

.progress-success.progress-striped .progress-bar .progress-striped .bar-success {
background-color: #62c462;
background-image: -webkit-gradient(linear,0 100%,100% 0,color-stop(0.25,rgba(255,255,255,0.15)),color-stop(0.25,transparent),color-stop(0.5,transparent),color-stop(0.5,rgba(255,255,255,0.15)),color-stop(0.75,rgba(255,255,255,0.15)),color-stop(0.75,transparent),to(transparent));
background-image: -webkit-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);
background-image: -moz-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);
background-image: -o-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);
background-image: linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);
}

.progress-success .progress-bar .progress .bar-success {
background-color: #5eb95e;
background-image: -moz-linear-gradient(top,#62c462,#57a957);
background-image: -webkit-gradient(linear,0 0,0 100%,from(#62c462),to(#57a957));
background-image: -webkit-linear-gradient(top,#62c462,#57a957);
background-image: -o-linear-gradient(top,#62c462,#57a957);
background-image: linear-gradient(to bottom,#62c462,#57a957);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff62c462',endColorstr='#ff57a957',GradientType=0);
}

.progress-striped .progress-bar{
background-color: #149bdf;
background-image: -webkit-gradient(linear,0 100%,100% 0,color-stop(0.25,rgba(255,255,255,0.15)),color-stop(0.25,transparent),color-stop(0.5,transparent),color-stop(0.5,rgba(255,255,255,0.15)),color-stop(0.75,rgba(255,255,255,0.15)),color-stop(0.75,transparent),to(transparent));
background-image: -webkit-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);
background-image: -moz-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);
background-image: -o-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);
background-image: linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);
-webkit-background-size: 40px 40px;
-moz-background-size: 40px 40px;
-o-background-size: 40px 40px;
background-size: 40px 40px;
}

.progress .progress-bar{
float: left;
width: 0;
height: 100%;
font-size: 12px;
color: #fff !important;
text-align: center !important;
text-shadow: 0 -1px 0 rgba(0,0,0,0.25);
background-color: #0e90d2;
background-image: -moz-linear-gradient(top,#149bdf,#0480be);
background-image: -webkit-gradient(linear,0 0,0 100%,from(#149bdf),to(#0480be));
background-image: -webkit-linear-gradient(top,#149bdf,#0480be);
background-image: -o-linear-gradient(top,#149bdf,#0480be);
background-image: linear-gradient(to bottom,#149bdf,#0480be);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff149bdf',endColorstr='#ff0480be',GradientType=0);
-webkit-box-shadow: inset 0 -1px 0 rgba(0,0,0,0.15);
-moz-box-shadow: inset 0 -1px 0 rgba(0,0,0,0.15);
box-shadow: inset 0 -1px 0 rgba(0,0,0,0.15);
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition: width .6s ease;
-moz-transition: width .6s ease;
-o-transition: width .6s ease;
transition: width .6s ease;
cursor: default !important;
}

@media (max-width: 767px) {
    .fileupload-buttonbar .toggle,
    .files .toggle,
    .files .btn span {
        display: none;
    }
    .files .name {
        width: 80px;
        word-wrap: break-word;
    }
    .files audio,
    .files video {
        max-width: 80px;
    }
}


.thumbprev { float: left; display: block; width: 80px; height: 80px; overflow: hidden; margin-right: 10px; border: 1px solid #c7c7c7; }
.thumbprev img { width: 80px; }