[data-file-lens] {
    position:absolute; 
    top:0px; 
    width:100%; 
    z-index:100; 
    height: 100vh;
    overflow:hidden;
}

/* Add cross-fade effect for the tabs in the file lens */

[data-file-lens] .tab-animation > .tab-content > .tab-pane.active-add {
    animation: 0.5s tab-fade-in;
}
@keyframes tab-fade-in {
  from { opacity: 0; }
  to   { opacity: 1; }
}

[data-file-lens] #fl-container {
    padding:5px;
    /* nav is 50px */
    padding-top:55px;
}

[data-file-lens] #fl-header
{
    display: inline-flex;
    margin-bottom:10px;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
    /* border: solid 1px red; */
}

[data-file-lens] #fl-header #fl-header-thumb
{
    flex: 0 0 auto;
    margin: 5px 10px 5px 5px;
}

[data-file-lens] #fl-header-btn-right
{
    position:absolute;
    top: 55px; 
    right:0; 
    margin-right:5px;
    opacity: 0.5;
}

[data-file-lens] #fl-header-btn-right:hover
{
    opacity: 1;
}

[data-file-lens] #fl-header-thumb-img
{
    width: auto;
}

[data-file-lens] #fl-header-thumb-img:hover
{
    transform: scale(1.05);
    transition: ease-in-out 0.4s;
}

/* The 3 supported thumbnail sizes for the header*/

[data-file-lens] #fl-header-thumb-img.thumb-large
{
    height: 140px;
}

[data-file-lens] #fl-header-thumb-img.thumb-small
{
    height: 80px;
}

[data-file-lens] #fl-header-thumb-img.thumb-minimal
{
    height: 3em;
}

[data-file-lens] #f1-header #fl-header-data
{
    flex: 1;
    margin: 5px 10px 5px 5px;
}

[data-file-lens] #fl-header-data-container
{
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
}

[data-file-lens] #fl-header-data-container #fl-header-filename
{
    display: flex;
    font-size: 1.5em;
    font-weight: bold;
}

[data-file-lens] #fl-header-data-container #fl-header-filepath
{
    display: flex;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow:hidden;
}

/* Labels */

[data-file-lens] #fl-label-color
{
    padding:5px 10px;
}

[data-file-lens] .fl-label-color-text
{
    text-shadow: 1px 1px #000000;
}

/* Collections */

[data-file-lens] .btn-collection.active
{
    border: solid 1px #666666;
}

[data-file-lens] .btn-collection i.fa {    			
    opacity: 0.5;
}
[data-file-lens] .btn-collection.active i.fa {				
	opacity: 1;				
}            

[data-file-lens] .btn-collection:hover i.fa {				
	opacity: 1;				
}   


[data-file-lens] #fl-ribbon
{
    padding-left: 5px;
}

/* The container inside the fl-bosy */
[data-file-lens] .fl-content-container
{
    padding:10px 10px;
}

/* The header in the metadata view */
[data-file-lens] .fl-md-content-header
{
    margin: 0 0 25px 0;
    font-size: 1.2em;
}

/* The footer */
[data-file-lens] .fl-md-content-footer
{
    margin: 0 0 0 0;
    font-size: 1.2em;
}

/* MD View */

[data-file-lens] .fl-mdv-textarea
{
    resize: vertical;
    overflow: auto;
}

[data-file-lens] .fl-mdv-spacer-v {
    padding-top: 24px;
}

/* Keyword View */

[data-file-lens] #kw-kw-container {
}

[data-file-lens] .btn-keyword {
    word-wrap:break-word;
    white-space:normal;
    padding: 5px 8px;
    margin-right: 5px;
    margin-bottom: 5px;
}

[data-file-lens] .btn-wrap {
    word-wrap:break-word;
    white-space:normal;
}


[data-file-lens] #kw-kw-container-current {
    overflow:auto;
}

[data-file-lens] #kw-kw-container-current {
    overflow:auto;
    padding:5px;
}

[data-file-lens] #kw-kw-container-removed {
    overflow:auto;
    margin-top: 10px;
    padding:5px;
}

/** Edit field for keywords */
[data-file-lens] #kw-kw-container-edit {
    margin-bottom: 10px;
}

/* Sidebar group for keywords */

[data-file-lens] .kw-view-sidebar-tab {
    margin-top: 10px;
    order: 0;
    align-self: stretch;
    /* border: solid 1px yellow; */
}

[data-file-lens] #fl-keywords-deleted {
    margin-top: 20px;
}


/* Trash Can below Current Keywords pane */

[data-file-lens] .fl-current-trashcan {
    margin-top: 10px;
    padding: 10px 0;
    width: 100%;
    /* border: solid 2px #505050; */
}

/* Favorites */

[data-file-lens] .fl-favorites-trashcan {
    margin-top: 10px;
    padding: 10px 0;
    width: 100%;
    /* border: solid 2px #505050; */
}

/* Recent */

[data-file-lens] .fl-recent-trashcan {
    margin-top: 10px;
    width: 100%;
}

/* Categories */

[data-file-lens] .fl-cat-recent-trashcan {
    margin-top: 10px;
    width: 100%;
}

[data-file-lens] #fl-keywords-thesaurus-breadcrumb .breadcrumb
{
	margin-bottom: 5px;
}

/* Category View */

[data-file-lens] #fl-cats-current-container
{
	margin-top: 10px;
}

/* Categories, check box bar above the keywords on the left */
[data-file-lens] #fl-metadata-cats-container-optionbar {
    margin-top: 5px;
    margin-bottom: 10px;
}

#fl-metadata-form {
}

[data-file-lens] #fl-metadata-form-content {
    overflow-x: hidden;
    overflow-y: auto;
    padding-right:5px;
}


[data-file-lens] #fl-cats-sidebar-container
{
    margin-top: 0px;
}

[data-file-lens] .btn-category
{
    word-wrap:break-word;
    white-space:normal;
    padding: 5px 8px;
    margin-right: 5px;
    margin-bottom: 5px;
}

[data-file-lens] #fl-categories-deleted {
    margin-top: 20px;
}

.fl-modal-img {
    margin: 0 auto;
}