@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
 */

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

@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;
  }
}



.fileupload-buttonbar-single{
    height:40px;
}

.fileupload-buttonbar-multi{
    height:40px;
    margin:4px;
}

.fileupload-buttons{
    width:125px;
    float:left;
    display:none;
}

.fileupload-progress{
    float:right;
}

.progress-extended{
    width:325px;
    font-size:10px;
    padding-top:5px;
    float:left;
}

.progress-extended-size{
    font-size:10px;
}

.progress{
    float:right;
    width:300px;
}



.dialog{
    display:none;   
}   
    
.fileinput-button {
    position: relative;
    overflow: hidden;
    width:100%;
    cursor: pointer;
}

.fileinput-button div{
    cursor: pointer;
}

.fileinput-button input {
    position: absolute;
    top: -12px;
    left: -12px;
    font-size:18px;
    margin: 0;
    opacity: 0;
    filter: alpha(opacity=0);
    transform: translate(0px, 0) scale(1);
    direction: ltr;
    cursor: pointer;
    width:calc(100% + 24px);
}

.divUploadsButton{
    background-color:#f0f4f7;
    border:1px solid #b8c1cb;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding:8px;
    text-align:left;
    font-family:'Martel Sans', sans-serif;
    font-size:16px;
    margin-bottom:10px;
    box-sizing: border-box;
    width:calc(100% - 4px);
    color: #767676;
}

.divUploadsButton .fa{
    margin-right:10px;
}

.divUploadsButton:hover{
    background-color:#f4f4f4;
}

.divUploadsProgress{
    width:250px;
    height:20px;
    background-image:url('../../images/jquery.fileupload/ajax-loader-bar.gif');
    background-position:center;
    background-repeat:no-repeat;
    display:none;
    /*float:left;*/
    margin-top:4px;
    margin-left:4px;
}

.divUploadsUploadError{
    color:#ff0000;
    margin-top:10px;
}

.divUploadsNoUploads{
    font-family: 'Kumbh Sans', sans-serif;
    margin-top:10px;
    display:none;
}

.divUploadsButton{
    overflow:hidden;
}

.divUploadsHolder, .divUploadsButton, .fldFormQuestionButton{
    z-index:66;
}

.divUploadsPreviews, .divUploadsPreviewHolder, .divUploadsPreviewImage, .divUploadsPreviewRemove { 
    z-index:67;
}

.divUploadsPreviews{
    margin-top:10px;
}

.divUploadsPreviewHolder{
    width:270px;
    height:220px;
    margin-bottom:10px;
}

.divUploadsPreviewImage{
    width:220px;
    height:220px;
    background-color:#efefef;
    background-image:url('../../images/jquery.fileupload/ajax-loader.gif');
    background-position:center;
    background-repeat:no-repeat;
    float:left;
    text-align:center;
    display:table-cell; 
    vertical-align:middle;
    line-height: 216px;
}

.divUploadsPreviewFile{
    width:220px;
    height:220px;
    background-color:#ffffff;
    float:left;
    text-align:center;
    display:table-cell; 
    vertical-align:middle;
    line-height: 216px;
}

.divUploadsPreviewImage a,
.divUploadsPreviewImage img {
    vertical-align: middle;
    margin: 0px;
    padding: 0px;
    border: 0px;
}

#contentPage img {
    vertical-align: middle;
    margin: auto;
}

.divUploadsPreviewRemove{
    width:50px;
    height:220px;
    background-position:center;
    background-repeat:no-repeat;
    float:left;
    cursor:pointer;
    text-align:center;
}

.divUploadsPreviewRemove span{
    margin-top:100px;
    font-size:18px;
}

.divUploadsPreviewRemove:hover span{
    color:#34b7cf;
}