/*!
 * bootstrap-fileinput v5.5.2
 * http://plugins.krajee.com/file-input
 *
 * Krajee default styling for bootstrap-fileinput.
 *
 * Author: Kartik Visweswaran
 * Copyright: 2014 - 2022, Kartik Visweswaran, Krajee.com
 *
 * Licensed under the BSD-3-Clause
 * https://github.com/kartik-v/bootstrap-fileinput/blob/master/LICENSE.md
 */.btn-file input[type=file], .file-caption-icon, .file-no-browse, .file-preview .fileinput-remove, .file-zoom-dialog .btn-navigate, .file-zoom-dialog .floating-buttons, .krajee-default .file-thumb-progress { position: absolute }

   .file-loading input[type=file], input[type=file].file-loading {
       height: 0;
       width: 0;
   }

   .file-no-browse {
       background: 0 0;
       border: none;
       bottom: 20%;
       box-shadow: none;
       font-size: 0;
       height: 1px;
       left: 50%;
       opacity: 0;
       outline: 0;
       width: 1px;
   }

   .btn-kv-rotate, .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-preview .kv-zoom-cache, .file-zoom-dialog .modal-header:after, .file-zoom-dialog .modal-header:before, .hide-content .kv-file-content, .is-locked .fileinput-remove-button, .is-locked .fileinput-upload-button, .kv-file-rotate, .kv-hidden { display: none }

   .file-caption .input-group { align-items: center }

   .btn-file, .file-caption, .file-input, .file-loading:before, .file-preview, .file-zoom-dialog .modal-dialog, .krajee-default .file-thumbnail-footer, .krajee-default.file-preview-frame { position: relative }

   .file-caption-icon .kv-caption-icon { line-height: inherit }

   .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;
       height: 16px;
       margin-top: 10px;
       width: 16px;
   }

   .file-thumb-progress .progress, .file-thumb-progress .progress-bar {
       font-family: Verdana, Helvetica, sans-serif;
       font-size: .7rem
   }

   .krajee-default .file-thumb-progress .progress, .kv-upload-progress .progress { background-color: #ccc }

   .krajee-default .file-caption-info, .krajee-default .file-size-info {
       display: block;
       height: 15px;
       margin: auto;
       overflow: hidden;
       text-overflow: ellipsis;
       white-space: nowrap;
       width: 160px;
   }

   .file-caption.icon-visible .file-caption-icon, .file-loading:before, .rotatable:not(.hide-rotate) .btn-kv-rotate, .rotatable:not(.hide-rotate) .kv-file-rotate { display: inline-block }

   .file-zoom-content > .file-object.type-flash, .file-zoom-content > .file-object.type-image, .file-zoom-content > .file-object.type-video {
       max-height: 100%;
       max-width: 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% }

   .file-loading:before {
       background: url(../../images/preloader.gif) top left no-repeat;
       color: #999;
       content: " Loading...";
       font-size: 13px;
       font-variant: small-caps;
       line-height: 16px;
       padding-left: 20px;
   }

   .file-object {
       margin: 0 0 -5px;
       padding: 0
   }

   .btn-file, .kv-overflow-hidden { overflow: hidden }

   .btn-file input[type=file] {
       background: 0 0;
       cursor: inherit;
       display: block;
       left: 0;
       min-height: 100%;
       min-width: 100%;
       opacity: 0;
       text-align: right;
       top: 0;
   }

   .btn-file ::-ms-browse {
       font-size: 10000px;
       height: 100%;
       width: 100%;
   }

   .file-caption.icon-visible .file-caption-name { padding-left: 25px }

   .file-caption.icon-visible > .input-group-lg .file-caption-name { padding-left: 30px }

   .file-caption.icon-visible > .input-group-sm .file-caption-name { padding-left: 22px }

   .file-caption-name:not(.file-caption-disabled) { background-color: transparent }

   .file-caption-name.file-processing {
       border-color: #bbb;
       font-style: italic;
       opacity: .5
   }

   .file-caption-icon {
       left: 4px;
       padding: 7px 5px;
   }

   .input-group-lg .file-caption-icon { font-size: 1.25rem }

   .input-group-sm .file-caption-icon {
       font-size: .875rem;
       padding: .25rem
   }

   .file-error-message {
       background-color: #f2dede;
       border: 1px solid #ebccd1;
       border-radius: 4px;
       color: #a94442;
       margin: 5px;
       padding: 15px
   }

   .file-error-message pre { margin: 5px 0 }

   .file-caption-disabled {
       background-color: #eee;
       cursor: not-allowed;
       opacity: 1
   }

   .file-preview {
       border: 1px solid #ddd;
       border-radius: 5px;
       margin-bottom: 5px;
       padding: 8px;
       width: 100%;
   }

   .file-preview .btn-xs {
       border-radius: 3px;
       font-size: 12px;
       line-height: 1.5;
       padding: 1px 5px;
   }

   .file-preview .fileinput-remove {
       line-height: 10px;
       right: 1px;
       top: 1px;
   }

   .clickable .file-drop-zone-title, .file-preview .clickable { cursor: pointer }

   .file-preview-image {
       color: green;
       font: 40px Impact, Charcoal, sans-serif;
       height: auto;
       max-height: 100%;
       max-width: 100%;
       width: auto;
   }

   .krajee-default.file-preview-frame {
       border: 1px solid rgba(0, 0, 0, .2);
       box-shadow: 0 0 10px 0 rgba(0, 0, 0, .2);
       float: left;
       margin: 8px;
       padding: 6px;
       text-align: center
   }

   .krajee-default.file-preview-frame .kv-file-content {
       height: 160px;
       width: 213px;
   }

   .krajee-default.file-preview-frame .kv-file-content.kv-pdf-rendered { width: 400px }

   .krajee-default.file-preview-frame[data-template=audio] .kv-file-content {
       height: 55px;
       width: 240px;
   }

   .krajee-default.file-preview-frame .file-thumbnail-footer { height: 70px }

   .krajee-default.file-preview-frame:not(.file-preview-error):hover {
       border: 1px solid rgba(0, 0, 0, .3);
       box-shadow: 0 0 10px 0 rgba(0, 0, 0, .4)
   }

   .krajee-default .file-preview-text {
       border: 1px solid #ddd;
       color: #428bca;
       outline: 0;
       resize: none
   }

   .krajee-default .file-preview-html { border: 1px solid #ddd }

   .krajee-default .file-other-icon {
       font-size: 6em;
       line-height: 1
   }

   .krajee-default .file-footer-buttons { float: right }

   .krajee-default .file-footer-caption {
       color: #999;
       display: block;
       font-size: 11px;
       margin-bottom: 30px;
       padding-top: 4px;
       text-align: center;
   }

   .file-upload-stats {
       font-size: 10px;
       text-align: center;
       width: 100%
   }

   .kv-upload-progress .file-upload-stats {
       font-size: 12px;
       margin: -10px 0 5px
   }

   .krajee-default .file-preview-error {
       box-shadow: none;
       opacity: .65;
   }

   .krajee-default .file-thumb-progress {
       left: 0;
       right: 0;
       top: 37px;
   }

   .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;
       margin: 10px 0;
       overflow: hidden
   }

   .kv-upload-progress .progress-bar {
       font-family: Verdana, Helvetica, sans-serif;
       height: 20px;
   }

   .file-zoom-dialog .file-other-icon { font-size: 50vmin }

   .btn-navigate *, .file-zoom-dialog .modal-dialog { width: auto }

   .file-zoom-dialog .modal-header {
       align-items: center;
       display: flex;
       justify-content: space-between
   }

   .file-zoom-dialog .btn-navigate {
       border-radius: 50%;
       font-size: 1.2rem;
       height: 2.4rem;
       margin: 0 .1rem;
       padding: 0;
       text-align: center;
       top: 50%;
       width: 2.4rem;
   }

   .file-zoom-dialog .floating-buttons {
       right: 10px;
       top: 5px;
   }

   .file-zoom-dialog .btn-kv-prev { left: 0 }

   .file-zoom-dialog .btn-kv-next { right: 0 }

   .file-zoom-dialog .kv-zoom-header { padding: .5rem }

   .file-zoom-dialog .kv-zoom-body { padding: .25rem }

   .file-zoom-dialog .kv-zoom-description {
       background-color: #1a1a1a;
       border-radius: .5rem;
       bottom: 15%;
       color: #fff;
       font-size: .8rem;
       left: 15%;
       opacity: .8;
       padding: 1rem;
       position: absolute;
       right: 15%;
       text-align: center;
   }

   .file-zoom-dialog .kv-desc-hide {
       background: 0 0;
       border: none;
       color: #fff;
       float: right;
       padding: 0 .1rem;
   }

   .file-sortable .file-drag-handle:hover, .file-zoom-dialog .kv-desc-hide:hover { opacity: .7 }

   .file-zoom-dialog .kv-desc-hide:focus { opacity: .9 }

   .file-input-ajax-new .no-browse .form-control, .file-input-new .no-browse .form-control {
       border-bottom-right-radius: 4px;
       border-top-right-radius: 4px;
   }

   .file-caption { width: 100% }

   .file-thumb-loading { background: url(../../images/preloader.gif) center center no-repeat content-box !important }

   .file-drop-zone {
       border: 1px dashed #aaa;
       border-radius: 4px;
       margin: 12px 15px 12px 12px;
       min-height: 260px;
       padding: 5px;
       text-align: center;
       vertical-align: middle;
   }

   .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;
       cursor: default;
       font-size: 1.6em;
       padding: 85px 10px;
       text-align: center;
   }

   .file-highlighted {
       background-color: #eee;
       border: 2px dashed #999 !important;
   }

   .file-uploading {
       background: url(../../images/preloader.gif) center bottom 10px no-repeat;
       opacity: .65
   }

   .file-zoom-fullscreen .modal-dialog {
       margin: 0;
       min-width: 100%;
   }

   .file-zoom-fullscreen .modal-content {
       border-radius: 0;
       box-shadow: none;
       min-height: 100vh
   }

   .file-zoom-fullscreen .kv-zoom-body { overflow-y: auto }

   .floating-buttons { z-index: 3000 }

   .floating-buttons .btn-kv {
       margin-left: 3px;
       z-index: 3000
   }

   .kv-zoom-actions { min-width: 140px }

   .kv-zoom-actions .btn-kv { margin-left: 3px }

   .file-zoom-content {
       min-height: 300px;
       text-align: center;
       white-space: nowrap;
   }

   .file-zoom-content:hover { background: 0 0 }

   .file-zoom-content .file-preview-image, .file-zoom-content .file-preview-video { max-height: 100% }

   .file-zoom-content > .file-object.type-image {
       height: auto;
       min-height: inherit
   }

   .file-zoom-content > .file-object.type-audio {
       height: 30px;
       width: auto;
   }

   @media (min-width: 576px) {
       .file-zoom-dialog .modal-dialog { max-width: 500px }
   }

   @media (min-width: 992px) {
       .file-zoom-dialog .modal-lg { max-width: 800px }
   }

   @media (max-width: 767px) {
       .file-preview-thumbnails {
           align-items: center;
           display: flex;
           flex-direction: column;
           justify-content: center;
       }

       .file-zoom-dialog .modal-header { flex-direction: column }
   }

   @media (max-width: 350px) {
       .krajee-default.file-preview-frame:not([data-template=audio]) .kv-file-content { width: 160px }
   }

   @media (max-width: 420px) {
       .krajee-default.file-preview-frame .kv-file-content.kv-pdf-rendered { width: 100% }
   }

   .file-loading[dir=rtl]:before {
       background: url(../../images/preloader.gif) top right no-repeat;
       padding-left: 0;
       padding-right: 20px
   }

   .file-sortable .file-drag-handle {
       cursor: grab;
       opacity: 1
   }

   .file-grabbing, .file-grabbing * { cursor: not-allowed !important }

   .file-grabbing .file-preview-thumbnails * { cursor: grabbing !important }

   .file-preview-frame.sortable-chosen {
       background-color: #d9edf7;
       border-color: #17a2b8;
       box-shadow: none !important
   }

   .file-preview-object, .file-preview-other-frame, .kv-file-content, .kv-zoom-body {
       align-items: center;
       display: flex;
       justify-content: center
   }

   .rotatable .file-zoom-detail, .rotatable .kv-file-content, .rotatable .kv-file-content > :first-child { transform-origin: center center }

   .rotate-animate { transition: transform .3s }