﻿/*!
 * bootstrap-fileinput v4.4.7
 * http://plugins.krajee.com/file-input
 *
 * Krajee default styling for bootstrap-fileinput.
 *
 * Author: Kartik Visweswaran
 * Copyright: 2014 - 2017, Kartik Visweswaran, Krajee.com
 *
 * Licensed under the BSD 3-Clause
 * https://github.com/kartik-v/bootstrap-fileinput/blob/master/LICENSE.md
 */
.file-loading input[type=file], input[type=file].file-loading { width: 0; height: 0 }
.file-caption-icon, .file-input-ajax-new .fileinput-remove-button, .file-input-ajax-new .fileinput-upload-button, .file-input-ajax-new .no-browse .input-group-btn, .file-input-new .close, .file-input-new .file-preview, .file-input-new .fileinput-remove-button, .file-input-new .fileinput-upload-button, .file-input-new .glyphicon-file, .file-input-new .no-browse .input-group-btn, .file-zoom-dialog .modal-header:after, .file-zoom-dialog .modal-header:before, .hide-content .kv-file-content, .kv-hidden { display: none }
.btn-file input[type=file], .file-caption-icon, .file-preview .fileinput-remove, .file-zoom-dialog .btn-navigate, .file-zoom-dialog .floating-buttons, .krajee-default .file-thumb-progress { position: absolute }
.btn-file, .file-caption, .file-loading:before, .file-preview, .file-zoom-dialog .modal-dialog, .krajee-default .file-thumbnail-footer, .krajee-default.file-preview-frame { position: relative }
.file-error-message pre, .file-error-message ul, .krajee-default .file-actions, .krajee-default .file-other-error { text-align: left }
.file-error-message pre, .file-error-message ul { margin: 0 }
.krajee-default .file-drag-handle, .krajee-default .file-upload-indicator { float: left; margin: 5px 0 -5px; width: 16px; height: 16px }
.krajee-default .file-thumb-progress .progress, .krajee-default .file-thumb-progress .progress-bar { height: 11px; font-size: 9px; line-height: 10px }
.krajee-default .file-caption-info, .krajee-default .file-size-info { display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 160px; height: 15px; margin: auto }
.file-zoom-content > .file-object.type-flash, .file-zoom-content > .file-object.type-image, .file-zoom-content > .file-object.type-video { max-width: 100%; max-height: 100%; width: auto }
.file-zoom-content > .file-object.type-flash, .file-zoom-content > .file-object.type-video { height: 100% }
.file-zoom-content > .file-object.type-default, .file-zoom-content > .file-object.type-html, .file-zoom-content > .file-object.type-pdf, .file-zoom-content > .file-object.type-text { width: 100% }
.rotate-2 { transform: rotateY(180deg) }
.rotate-3 { transform: rotate(180deg) }
.rotate-4 { transform: rotate(180deg) rotateY(180deg) }
.rotate-5 { transform: rotate(270deg) rotateY(180deg) }
.rotate-6 { transform: rotate(90deg) }
.rotate-7 { transform: rotate(90deg) rotateY(180deg) }
.rotate-8 { transform: rotate(270deg) }
.file-loading:before { content: " Loading..."; display: inline-block; padding-left: 20px; line-height: 16px; font-size: 13px; font-variant: small-caps; color: #999; background: url(../img/loading.gif) top left no-repeat }
.file-object { margin: 0 0 -5px; padding: 0 }
.btn-file { overflow: hidden }
    .btn-file input[type=file] { top: 0; right: 0; min-width: 100%; min-height: 100%; text-align: right; opacity: 0; background: none; cursor: inherit; display: block }
    .btn-file ::-ms-browse { font-size: 10000px; width: 100%; height: 100% }
.file-caption .file-caption-name { width: 100%; margin: 0; padding: 0; box-shadow: none; border: none; background: 0 0; outline: 0 }
.file-caption.icon-visible .file-caption-icon { display: inline-block }
.file-caption.icon-visible .file-caption-name { padding-left: 15px }
.file-caption-icon { line-height: 1; left: 8px }
.file-error-message { color: #a94442; background-color: #f2dede; margin: 5px; border: 1px solid #ebccd1; border-radius: 4px; padding: 15px }
    .file-error-message pre { margin: 5px 0 }
.file-caption-disabled { background-color: #eee; cursor: not-allowed; opacity: 1 }
.file-preview { border-radius: 5px; border: 1px solid #ddd; padding: 8px; width: 100%; margin-bottom: 5px }
    .file-preview .btn-xs { padding: 1px 5px; font-size: 12px; line-height: 1.5; border-radius: 3px }
    .file-preview .fileinput-remove { top: 1px; right: 1px; line-height: 10px }
    .file-preview .clickable { cursor: pointer }
.file-preview-image { font: 40px Impact,Charcoal,sans-serif; color: green }
.krajee-default.file-preview-frame { margin: 8px; border: 1px solid #ddd; box-shadow: 1px 1px 5px 0 #a2958a; padding: 6px; float: left; text-align: center }
    .krajee-default.file-preview-frame .kv-file-content { width: 213px; height: 160px }
    .krajee-default.file-preview-frame .file-thumbnail-footer { height: 70px }
    .krajee-default.file-preview-frame:not(.file-preview-error):hover { box-shadow: 3px 3px 5px 0 #333 }
.krajee-default .file-preview-text { display: block; color: #428bca; border: 1px solid #ddd; font-family: Menlo,Monaco,Consolas,"Courier New",monospace; outline: 0; padding: 8px; resize: none }
.krajee-default .file-preview-html { border: 1px solid #ddd; padding: 8px; overflow: auto }
.krajee-default .file-other-icon { font-size: 6em }
.krajee-default .file-footer-buttons { float: right }
.krajee-default .file-footer-caption { display: block; text-align: center; padding-top: 4px; font-size: 11px; color: #777; margin-bottom: 15px }
.krajee-default .file-preview-error { opacity: .65; box-shadow: none }
.krajee-default .file-thumb-progress { height: 11px; top: 37px; left: 0; right: 0 }
.krajee-default.kvsortable-ghost { background: #e1edf7; border: 2px solid #a1abff }
.krajee-default .file-preview-other:hover { opacity: .8 }
.krajee-default .file-preview-frame:not(.file-preview-error) .file-footer-caption:hover { color: #000 }
.kv-upload-progress .progress { height: 20px; line-height: 20px; margin: 10px 0; overflow: hidden }
.kv-upload-progress .progress-bar { height: 20px; line-height: 20px }
.file-zoom-dialog .file-other-icon { font-size: 22em; font-size: 50vmin }
.file-zoom-dialog .modal-dialog { width: auto }
.file-zoom-dialog .modal-header { display: flex; align-items: center; justify-content: space-between }
.file-zoom-dialog .btn-navigate { padding: 0; margin: 0; background: 0 0; text-decoration: none; outline: 0; opacity: .7; top: 45%; font-size: 4em; color: #1c94c4 }
    .file-zoom-dialog .btn-navigate:not([disabled]):hover { outline: 0; box-shadow: none; opacity: .6 }
.file-zoom-dialog .floating-buttons { top: 5px; right: 10px }
.file-zoom-dialog .btn-navigate[disabled] { opacity: .3 }
.file-zoom-dialog .btn-prev { left: 1px }
.file-zoom-dialog .btn-next { right: 1px }
.file-zoom-dialog .kv-zoom-title { font-weight: 300; color: #999; max-width: 50%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis }
.file-input-ajax-new .no-browse .form-control, .file-input-new .no-browse .form-control { border-top-right-radius: 4px; border-bottom-right-radius: 4px }
.file-caption-main { width: 100% }
.file-thumb-loading { background: url(../img/loading.gif) center center no-repeat content-box !important }
.file-drop-zone { border: 1px dashed #aaa; border-radius: 4px; height: 100%; text-align: center; vertical-align: middle; margin: 12px 15px 12px 12px; padding: 5px }
    .file-drop-zone.clickable:hover { border: 2px dashed #999 }
    .file-drop-zone.clickable:focus { border: 2px solid #5acde2 }
    .file-drop-zone .file-preview-thumbnails { cursor: default }
.file-drop-zone-title { color: #aaa; font-size: 1.6em; padding: 85px 10px; cursor: default }
.file-highlighted { border: 2px dashed #999 !important; background-color: #eee }
.file-uploading { background: url(../img/loading-sm.gif) center bottom 10px no-repeat; opacity: .65 }

@media (min-width:576px) {
    .file-zoom-dialog .modal-dialog { max-width: 500px }
}

@media (min-width:992px) {
    .file-zoom-dialog .modal-lg { max-width: 800px }
}

.file-zoom-fullscreen.modal { position: fixed; top: 0; right: 0; bottom: 0; left: 0 }
.file-zoom-fullscreen .modal-dialog { position: fixed; margin: 0; padding: 0; width: 100%; height: 100%; max-width: 100%; max-height: 100% }
.file-zoom-fullscreen .modal-content { border-radius: 0; box-shadow: none }
.file-zoom-fullscreen .modal-body { overflow-y: auto }
.btn-kv { display: inline-block; text-align: center; width: 30px; height: 30px; line-height: 30px; padding: 0; font-size: 90%; border-radius: .2rem }
.floating-buttons { z-index: 3000 }
    .floating-buttons .btn-kv { margin-left: 3px; z-index: 3000 }
.file-zoom-content { height: 480px; text-align: center }
    .file-zoom-content .file-preview-image, .file-zoom-content .file-preview-video { max-height: 100% }
    .file-zoom-content .is-portrait-gt4 { margin-top: 60px }
    .file-zoom-content > .file-object.type-image { height: auto; min-height: inherit }
    .file-zoom-content > .file-object.type-audio { width: auto; height: 30px }

@media screen and (max-width:767px) {
    .file-preview-thumbnails { display: flex; justify-content: center; align-items: center; flex-direction: column }
    .file-zoom-dialog .modal-header { flex-direction: column }
}

@media screen and (max-width:350px) {
    .krajee-default.file-preview-frame .kv-file-content { width: 160px }
}

.file-loading[dir=rtl]:before { background: url(../img/loading.gif) top right no-repeat; padding-left: 0; padding-right: 20px }
.file-sortable .file-drag-handle { cursor: move; opacity: 1 }
    .file-sortable .file-drag-handle:hover { opacity: .7 }
.clickable .file-drop-zone-title { cursor: pointer }
.kv-zoom-actions .btn-kv { margin-left: 3px }
.file-preview-initial.sortable-chosen { background-color: #d9edf7 }
