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

html {
    height:100%; width:100%; border:1px solid white;
    overflow-x:hidden;
    border-radius:3px;
}

body {
  /* padding-top: 60px; */
  padding-top: 49px;
  padding-bottom: 5px;
  overflow-x: hidden;
}

body.isuploading {
    padding-bottom: 71px;
}

.container-fluid {
    margin-left: 0px;
    margin-right: 0px;
    padding-left: 0px;
    padding-right: 0px;
    margin-bottom: 60px;
}

.overlay, .dropper {
    position: fixed;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 99;
    pointer-events: none;
}

@keyframes bounce {
    from   { transform:scale(0); }
    /*90%  { transform:scale(1); }*/
    to { transform:scale(0.8); }
}

.overlay {
    background-color: #fff;
    opacity: 0;
}

div.progress {
    background-color: #fff;
    box-shadow: inset 0 1px 2px rgba(0,0,0,.2);
}

.dropper {
    font-style: 50px;
    line-height: 50px;
    color: #fff;
    text-align: center;
    display: table;
    pointer-events: none;
    padding-top: 25px;
}

.dropper .drop-image {
    display: table-cell;
    width: 100px;
    height: 100px;
    vertical-align: middle;
    pointer-events: none;
}

/* on normal */
div.drop-image-bg {
    display: inline-block;
    width: 200px;
    height: 200px;
    border-radius: 100px;
    background-color: #709DDE;
    opacity: 0;
    transform:scale(0);
}

img.drop-image-icon {
    display: inline-block;
    position: absolute;
    opacity:0;
}

img.drop-image-icon.icon-cloud {
    margin-left: -170px;
    margin-top: 25px;
    opacity:1;
    transform:scale(0);
}

img.drop-image-icon.icon-support {
    margin-left: -165px;
    margin-top: 20px;
    opacity:0.5;
    transform:scale(0);
}

img.drop-image-icon.icon-dossier {
    margin-left: -175px;
    margin-top: 28px;
    opacity:0.5;
    transform:scale(0);
}

.fileupload-buttonbar {
    z-index: 2;
    background-color: #f9f9f9;
    border-bottom: 1px solid #ddd;
    padding-top: 7px;
    padding-right: 6px;
}

#overlay-dropper {
    /*display:none;*/
    opacity: 0;
    pointer-events: none;
    margin-left: 100%;
}

/* on SHOW */
.goAnimate {
    opacity:1 !important;
    /*display:block !important;*/
    margin-left: 0 !important;
    transition: all 0.1s ease-out;
}

.goAnimate div.drop-image-bg {
    opacity: 0.2;
    transform:scale(1.3);
    transition: all 0.2s ease-out 0.1s;
}
.goAnimate img.drop-image-icon.icon-cloud {
    margin-left: -170px;
    margin-top: 25px;
    opacity:1;
    transform:scale(1);
    transition: all 0.2s ease-out;
}
.goAnimate img.drop-image-icon.icon-support {
    margin-left: -65px;
    margin-top: 20px;
    opacity:1;
    transform:scale(1);
    transition: all 0.2s ease-out 0.3s;
    /*-webkit-animation: bounce 0.3s ease-out 0.3s;*/
}
.goAnimate img.drop-image-icon.icon-dossier {
    margin-left: -275px;
    margin-top: 28px;
    opacity:1;
    transform:scale(1);
    transition: all 0.2s ease-out 0.3s;
   /*-webkit-animation: bounce 0.3s ease-out 0.3s;*/
}

.goAnimate .overlay {
    background-color: #fff;
    opacity: .7;
    pointer-events: none;
}

#progress-footer {
    background-color: #fff;
    padding-top: 10px;
    padding-left: 20px;
    padding-right: 20px;
    /* box-shadow: 0px 0px 10px #888888; */
    z-index: 2;
    background-color: #f9f9f9;
    border-top: 1px solid #ddd;
}

tr.template-download td, tr.template-upload td {
    height: 50px;
    max-height: 60px;
    overflow: hidden;
}

tr.template-upload td .size {
    display: none !important;
}

tr.template-download td img, tr.template-upload td img {
    max-height: 40px;
}

table {
    margin-bottom: 0 !important;
}

body.ielt10 table tr.template-upload td div.progress {
    display: none;
}

.fileupload-buttonbar {
    z-index: 2;
    padding-top:0px;
    padding-right:0px;
    width:100%;
    height:40px;
    margin:0px 0px 0px 0px;
    box-sizing:border-box;
    border-top:1px solid white;
    border-left:1px solid white;
    border-right:1px solid white;

    -webkit-border-top-left-radius: 3px;
   -webkit-border-top-right-radius: 3px;
   -moz-border-radius-topleft: 3px;
   -moz-border-radius-topright: 3px;
   border-top-left-radius: 3px;
   border-top-right-radius: 3px;
}

.fileupload-buttonbar .btn {
    float: none !important;
    position: absolute;

    top:0px;
    left:0px;
    width:100%;
    height:48px;
    line-height: 48px;
    font-size: 15px;
    -webkit-border-top-left-radius: 3px;
    -webkit-border-top-right-radius: 3px;
    -moz-border-radius-topleft: 3px;
    -moz-border-radius-topright: 3px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    background: #f8f8f8;
    border: none;
    color: #1785EF;
    padding:0px;
    margin-top:0px;
    transform:scale(1);

    -webkit-transition: all 0.10s ease-out;
            transition: all 0.10s ease-out;

}
.fileupload-buttonbar .btn:hover {
    font-size:16px;
    background: #f2f2f2;
}

.goAnimate .overlay {
    background-color: #fff;
    opacity: 1;
    pointer-events: none;
}

body.isuploading .fileupload-buttonbar { height:40px; overflow:hidden; }

.btn { border-radius:3px !important; height:39px; }
.btn-xs { padding:2px 10px; }

table.table {margin-top: -1px; }
table p { margin:0px; }
table tr td span.size { line-height:40px; }


#doneUploading {
    z-index: 999 !important;
    background-color: rgba(255,255,255,.85);
    border-top: 1px solid #ccc;
}