body{ min-height:100%; }

.page-sidebar-wrapper .page-sidebar.navbar-collapse{ position: fixed; }

.ms-container{ width: 100%; }
.ms-selectable .custom-header,
.ms-selection .custom-header{
    padding: 5px;
    text-align: center;
    color: #fff;
    background-color: #364150;
    font-size: 12px;
}

div.page-logo img{
    max-width: 100px;
    max-height: 32px;
}
.page-header.navbar .page-logo .logo-default{
    margin-top: 7px;
}

.note-inforeponse{
    margin-bottom: 5px;
}

.docreponse{
    margin-bottom: 10px;
}

.overlay{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10;
    background-color: rgba(0,0,0,0.5);
}

.overlay .progress{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 90%;
}

.custom-preview{ margin-top:10px; }
.custom-preview .thumbnail{
    position: relative;
    height: 150px;

}.custom-preview .thumbnail .preview-filename{
     font-weight: 700;
     color: #777;
     opacity: 1;
     max-width: 100%;
     -webkit-transition: opacity .15s linear;
     transition: opacity .15s linear;
     font-size: 11px;
     text-overflow: ellipsis;
     overflow: hidden;
 }

.custom-preview .thumbnail:hover .caption{ opacity: 1; }
.custom-preview .thumbnail:hover .preview-filename{ opacity: 0; }

.custom-preview .dropify-font-file{
    font-size: 70px;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    position: absolute;
    color: #777;
}

.custom-preview .extension{
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    margin-top: 10px;
    text-transform: uppercase;
    font-weight: 900;
    letter-spacing: -.03em;
    font-size: 13px;
    width: 42px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #777;
    text-align: center;
}

.custom-preview .caption{
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 3;
    background: rgba(0,0,0,.7);
    opacity: 0;
    -webkit-transition: opacity .15s linear;
    transition: opacity .15s linear;
}

.custom-preview .caption .caption--inner{
    position: absolute;
    top: 50%;
    -webkit-transform: translate(0,-40%);
    transform: translate(0,-40%);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    width: 100%;
    padding: 0 20px;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
    left:0;
}

.custom-preview .caption .caption--inner p{ text-align: center; }
.custom-preview .caption .caption--inner .filename{
    padding: 0;
    margin: 0;
    position: relative;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #FFF;
    text-align: center;
    line-height: 25px;
    font-weight: 700;
    overflow-wrap: break-word;
    display: block;
}

.custom-preview .caption .action{ float: right; }