/**
*
* VERSION: 8.1 (light/dark)
*
* Colors:
* #ffffff
* #000000 = Text
* #585858 = Button, Links
* #21478e = Highlights
*
*/
 


body {
	font-size: 0.9em;
}

 
/* LOGIN/SIGNUP/PASSWORD-PAGE */

.login-type-page-content a,
.login-type-page-content .form-item {
	font-size: 0.95rem;
	color: #000;
}

.login-type-page-form {
    background-color: rgba(255, 255, 255, 1);
	color: #000;
	font-size: 0.9rem;
}

.login-type-page-content .form-text {
    border: 1px solid #ccc;
	font-size: 1.3rem;
}


/* MAIN-HEADER */

.navbar-inner {
    background-color: rgba(255, 255, 255,0.95);
}

.navbar-logo img {
	height: 27px;
	vertical-align: middle;
}

.main-menu-item-link,
.intranetextra-link,
.extended-nav .settings-link,
.extended-nav #userMenuButton .user-button-arrow-down,
.extended-nav #userMenuButton .offlineAvatarSmall {
    color: #000000 !important;
}

html.fotoweb-dark .main-menu-item-link,
html.fotoweb-dark .intranetextra-link,
html.fotoweb-dark .extended-nav .settings-link,
html.fotoweb-dark .extended-nav #userMenuButton .user-button-arrow-down,
html.fotoweb-dark .extended-nav #userMenuButton .offlineAvatarSmall {
    color: #aaa !important;
}

.main-menu-item-link:hover,
.main-menu-item-link.active,
.intranetextra-link:hover,
.intranetextra-link.active,
#navigation #userMenuButton:hover .user-button-arrow-down,
#navigation #userMenuButton:hover .offlineAvatarSmall {
	color: #585858 !important;
}

html.fotoweb-dark .main-menu-item-link:hover,
html.fotoweb-dark .main-menu-item-link.active,
html.fotoweb-dark .intranetextra-link:hover,
html.fotoweb-dark .intranetextra-link.active,
html.fotoweb-dark #navigation #userMenuButton:hover .user-button-arrow-down,
html.fotoweb-dark #navigation #userMenuButton:hover .offlineAvatarSmall {
	color: #fff !important;
}

.main-menu-item-icon,
.extended-nav .menu-icon,
html.fotoweb-dark .main-menu-item-icon,
html.fotoweb-dark .extended-nav .menu-icon  {
	font-size: 1.2rem;
}

.main-menu-item-text,
html.fotoweb-dark .main-menu-item-text {
	vertical-align: inherit;
}


.extended-nav #userMenuButton:hover {
	background-color: #fff;
	cursor: pointer;
}

html.fotoweb-dark .extended-nav #userMenuButton:hover  {
	background-color: inherit;
}

html.fotoweb-dark .form-control {
	border-color: #525252 !important;
}

/* HOMEPAGE-BANNER */

.home-page-search {
    background-color: #f4f4f4;
}


/* ARCHIVE/ALBUM-PAGE */

.collections-list,
html.fotoweb-dark .collections-list {
	justify-content: center;
}

.collections-list .collections-list-item,
html.fotoweb-dark .collections-list .collections-list-item {
    border-radius: 4px;
}

.collections-list .collections-list-item-in,
html.fotoweb-dark .collections-list .collections-list-item-in {
    text-align: left;
    border-radius: 4px;
}

.collections-list .collections-list-item-title {
	background: rgba(255,255,255,0.8);
	font-weight: bold;
	border-radius: 0 0 4px 4px;
	border: 0;
	padding: 3px 9px;
	height: auto;
	font-size: 1.2em;
	color: #000;
}

html.fotoweb-dark .collections-list .collections-list-item-title {
	background: rgba(0,0,0,0.6);
	color: #fff;
}

.collections-list-item .collections-list-item-pin {
	position: absolute;
	right: 2px;
    top: 2px;
    padding: 0 7px;
	border-radius: 4px;
	color: rgba(0,0,0,0.5);
	line-height: 26px;
	height: 26px;
	width: auto;
	font-size: 1.2rem;
}

html.fotoweb-dark .collections-list-item .collections-list-item-pin {
	color: rgba(255,255,255,0.5);
}

.collections-list-item .collections-list-item-pin.active {
	color: #d8302f;
}

.collection-list-item-actions {
	border-radius: 0 3px;
	height: 25px;
}


/* GRID-PAGE - ARCHIVE TAB-NAVIGATION */

.collections-tabs .nav-link,
.collections-dropdown .add-archive,
.collections-dropdown .dropdown-toggle {
    background-color: #f3f3f3;
    border: none;
}

html.fotoweb-dark .collections-tabs .nav-link,
html.fotoweb-dark .collections-dropdown .add-archive,
html.fotoweb-dark .collections-dropdown .dropdown-toggle {
    border: none;
}

.collections-tabs .nav-item.active .nav-link,
.collections-tabs .nav-item.active .nav-link:hover {
	border: 1px solid;
    border-color: #ddd #ddd #ffffff #ddd;
	font-weight: bold;
}

html.fotoweb-dark .collections-tabs .nav-item.active .nav-link,
html.fotoweb-dark .collections-tabs .nav-item.active .nav-link:hover {
	background-color: #191d21;
	border-color: #6c6c6c #6c6c6c #191d21 #6c6c6c;
}

.collections-tabs .archive-name {
	margin-bottom: 3px;
}

.collections-tabs .icon-mark,
.collections-dropdown .icon-mark {
	color: rgba(0,0,0,0.5);
}

html.fotoweb-dark .collections-dropdown .icon-mark {
	color: rgba(255,255,255,0.5);
}

.collections-dropdown .icon-mark,
html.fotoweb-dark .collections-dropdown .icon-mark {
	right: 0;
	left: auto;
}

.collections-dropdown .nav-link,
html.fotoweb-dark .collections-dropdown .nav-link {
	padding-left: 2px;
}


/* GRID-PAGE - BREADCRUMP */

.breadcrumb .inactive .breadcrumb-name {
    overflow: hidden;
    max-width: 100%;
}

.breadcrumb .search-for-quotes {
	display: none !important;
}


/* GRID-PAGE - SIDEBAR */

#sidebar,
html.fotoweb-dark #sidebar {
    width: 300px;
	position: inherit;
}

.taxonomy .taxonomy-collapse-all {
    right: 80px;
}

/* GRID-PAGE - FOLDERS/SMART FOLDERS */

.taxonomy .taxonomy-item .taxonomy-item-title,
.taxonomy .taxonomy-breadcrumbs-item a {
    max-width: 270px;
}

.folders-list-item
.folders-list-item-name
.folder-list-item-toggle
.folders-list-item-pin {
	height: 26px;
	line-height: 1.5;
}

.folder-list-item-toggle {
	margin-right: 5px;
}

.folders-list-element:hover,
.folders-list-create-item:hover {
	background-color: rgba(216, 216, 216, 0.25);
}


/* GRID-PAGE - TAXONOMY */

.taxonomy .taxonomy-title,
html.fotoweb-dark .taxonomy .taxonomy-title {
    text-transform: uppercase;
	font-size: 1rem;
}

.taxonomy .taxonomy-item-base,
html.fotoweb-dark .taxonomy .taxonomy-item-base  {
    padding: 0 3px 0 8px;
}

.taxonomy .taxonomy-item-checkbox,
html.fotoweb-dark .taxonomy .taxonomy-item-checkbox {
	margin: 0 7px 0 4px;
}

.taxonomy .taxonomy-item-title,
html.fotoweb-dark .taxonomy .taxonomy-item-title {
	height: 26px;
	line-height: 24px;
}

.taxonomy .taxonomy-action,
html.fotoweb-dark .taxonomy .taxonomy-action {
	opacity: 0.2;
	height: 26px;
	line-height: 24px;
}

.taxonomy .is-pin,
html.fotoweb-dark .taxonomy .is-pin {
	opacity: 1 !important;
}

.taxonomy .taxonomy-item .taxonomy-item-title,
html.fotoweb-dark .taxonomy .taxonomy-item .taxonomy-item-title {
    vertical-align: top;
    white-space: normal;
}

.taxonomy .taxonomy-item:hover {
    background-color: rgba(216, 216, 216, 0.25);
}

html.fotoweb-dark .taxonomy .taxonomy-item:hover .taxonomy-item-title {
    color: #fff;
}


/* GRID-PAGE - THUMBNAIL */

.thumbnail {
    border-color: #ebe8e8;
    border-radius: 4px;
}

.thumbnail .thumb-label {
    text-align: left;
	line-height: 1.4;
	height: 20px;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 3px;
	left: 10px;
	width: 91%;
	white-space: pre-wrap;
	overflow-y: hidden;
	font-size: 0.9rem;
}

.thumbnail .infobar {
    background: #f4f4f4;
	height: 50px;
}

html.fotoweb-dark .thumbnail .infobar {
	height: 50px;
}

.thumbnail .asset-pin,
html.fotoweb-dark .thumbnail .asset-pin {
    left: 6px;
	position: absolute;
	bottom: 0;
	font-size: 1rem;
}

.thumbnail .imageContainer,
html.fotoweb-dark .thumbnail .imageContainer {
    border-radius: 3px 3px 0 0;
}

.thumbnail .status-bar,
html.fotoweb-dark .thumbnail .status-bar {
    border-radius: 0 0 0 3px;
}

.thumbnail .status-bar.status- {
	background-color: #ddd;
}

html.fotoweb-dark .thumbnail .status-bar.status- {
	background-color: #444;
}

.thumbnail .icon-fa-check,
html.fotoweb-dark .thumbnail .icon-fa-check, 
.thumbnail .shopping-cart-thumb-icon, 
html.fotoweb-dark .thumbnail .shopping-cart-thumb-icon, 
.thumbnail .shopping-cart-thumb-spinner,
html.fotoweb-dark .thumbnail .shopping-cart-thumb-spinner {
	position: absolute;
	right: 2px;
	bottom: 0;
	font-size: 1.4rem;
}

.thumb-tooltip {
    background-color: rgba(41, 41, 41, 0.8);
	font-size: 0.9rem;
}

.thumb-tooltip__inner .part,
.new-tooltip__inner .part {
    overflow-x: inherit;
}

.thumb-tooltip .rating-info {
	font-size: 1.2rem;
}

#thumbnailWrapper .markers-container.markers-hide {
    display: block !important;
}

#thumbnailWrapper .marker {
    padding: 4px 5px;
}

#thumbnailWrapper .marker.interactive:hover,
#thumbnailWrapper .marker.interactive:active {
	border-bottom: 0;
}

#thumbnailWrapper .markers-hide .marker-wrapper {
    opacity: 1;
    -moz-opacity: 1;
    -webkit-opacity: 1;
    filter: alpha(opacity=100);
}
 
#thumbnailWrapper .marker-wrapper {
    background-color: #f4f4f4;
}

html.fotoweb-dark #thumbnailWrapper .marker-wrapper {
    background-color: #303437;
}

#thumbnailWrapper .marker-wrapper-all .marker-wrapper {
    display: block;
    border: 0;
    padding-left: 0;
	border-radius: 3px;
}

#thumbnailWrapper .image-markers {
	display: none !important;
}

#thumbnailWrapper .marker-wrapper-left,
#thumbnailWrapper .marker-wrapper-left-single,
#thumbnailWrapper .marker-wrapper.marker-wrapper-left,
#thumbnailWrapper .marker-wrapper.marker-wrapper-left .marker,
#thumbnailWrapper .marker-wrapper.marker-wrapper-left-single .marker,
#thumbnailWrapper .marker-wrapper.marker-wrapper-left .marker.interactive:hover,
#thumbnailWrapper .marker-wrapper.marker-wrapper-left .marker.interactive:active {
    border: 0;
    border-radius: 3px 0;
}

#thumbnailWrapper .marker-wrapper.marker-wrapper-right,
#thumbnailWrapper .marker-wrapper.marker-wrapper-right .marker,
#thumbnailWrapper .marker-wrapper.marker-wrapper-right-single .marker,
#thumbnailWrapper .marker-wrapper.marker-wrapper-right .marker.interactive:hover,
#thumbnailWrapper .marker-wrapper.marker-wrapper-right .marker.interactive:active {
    border: 0;
    border-radius: 0 3px;
}


/* PREVIEW/DETAIL-PAGE */

.sidebarBox {
    padding: 8px;
    margin-bottom: 6px;
    border-radius: 4px;
	background-color: #f2f2f2;
}

html.fotoweb-dark .sidebarBox {
	background-color: #303437;
}

.sidebarBox:empty,
html.fotoweb-dark .sidebarBox:empty {
	display: none;
}

.sidebarBox .metadata-row {
	margin-bottom: 12px;
}

.sidebarBox .metadata-label,
#headerCaptionWrapper div:nth-of-type(3) .metadataRegion__field__label {
    text-transform: uppercase;
	font-size: 0.85rem;
	font-weight: 700;
}

#headerCaptionWrapper div:nth-of-type(3) .metadataRegion__field__label {
	margin-top: 12px;
}

.preview-title .metadataField.inputField .editMarkup,
.preview-title .metadataField.bagField .editMarkup,
html.fotoweb-dark .preview-title .metadataField.inputField .editMarkup,
html.fotoweb-dark .preview-title .metadataField.bagField .editMarkup,
.preview-title .metadataField.inputField .viewMarkup,
.preview-title .metadataField.bagField .viewMarkup,
html.fotoweb-dark .preview-title .metadataField.inputField .viewMarkup,
html.fotoweb-dark .preview-title .metadataField.bagField .viewMarkup  {
    line-height: 1.2;
	font-size: 2rem;
}

.preview-title-with-pin .image-note,
html.fotoweb-dark .preview-title-with-pin .image-note {
    right: -7px;
    top: -7px;
}

.preview-title-with-pin .asset-pin,
html.fotoweb-dark .preview-title-with-pin .asset-pin {
    right: 0;
    top: 3px;
	font-size: 1.5rem;
}

.preview-title .rating-info .fa,
html.fotoweb-dark .preview-title .rating-info .fa {
	font-size: 1.2rem;
}

.preview-markers-container {
    border: none;
    background: #fff;
    margin-top: 10px;
}

html.fotoweb-dark .preview-markers-container {
	background: #191d21;
	border: none;
	margin-top: 10px;
}

#previewPage #metadata h2,
html.fotoweb-dark #previewPage #metadata h2 {
    border-top: none;
    margin-top: 0;
    font-weight: bold;
    text-transform: uppercase;
    padding-top: 0;
	font-size: 1.1rem;
}

.preview-title .mini-preview img,
html.fotoweb-dark .preview-title .mini-preview img {
    width: 100px;
    height: 100px;
	border: 0;
}

.preview-title-with-preview .metadataField.inputField, 
html.fotoweb-dark .preview-title-with-preview .metadataField.inputField, 
.preview-title-with-preview .metadataField.bagField,
html.fotoweb-dark .preview-title-with-preview .metadataField.bagField {
    width: calc(100% - 123px);
}

.previewTab,
html.fotoweb-dark .previewTab {
    background: none;
    border: none;
}

#previewPage .informationTabs .nav-link {
    background-color: #f3f3f3;
    border: none;
	padding: 5px 15px 5px;
	margin-top: 6px;
}

html.fotoweb-dark #previewPage .informationTabs .nav-link {
	background-color: #3c3f42;
}

html.fotoweb-dark .informationTabs-wrap {
	border-bottom: 1px solid #6c6c6c;
}

#previewPage .informationTabs .nav-link:hover {
	background-color: #fafafa;
}

#previewPage .informationTabs .nav-link.active,
#previewPage .informationTabs .nav-link.active:hover {
	border: 1px solid;
    border-color: #ddd #ddd #ffffff #ddd;
	background-color: #fff;
	font-weight: bold;
}

html.fotoweb-dark #previewPage .informationTabs .nav-link.active,
html.fotoweb-dark #previewPage .informationTabs .nav-link.active:hover {
	border-color: #6c6c6c #6c6c6c #191d21 #6c6c6c;
	background-color: #191d21;
}

#previewPage .informationTabs .nav-link.active {
	padding-top: 8px;
	padding-bottom: 8px;
	margin-top: 0;
}

.previewTab .tab-pane {
	padding: 10px 2px;
}

#previewInformationTabContent .metadatarow {
    padding-top: 8px;
}

.preview-content-wrapper .metadataRegion .metadata-row .metadata-label,
#previewInformationTabContent .metadatarow .metalabel {
    text-transform: uppercase; 
	font-size: 0.85rem;
}

.drag-and-drop-container .fa {
	float: left;
	padding: 4px 4px 0 0;
}




/* === CUSTOMIZATION AREA ===*/
/* Overwrite or add new elements */

/* Hide elements */
.drag-and-drop-container {
	display: none !important;
}


/* Highlight Style */

.is-pin,
.asset-pin-active,
.folders-list-item-pin-active,
.collections-tabs .favorite-active .icon-mark,
.collections-list-item .collections-list-item-pin.active,
.navbar-search .clear-icon {
    color: #21478e !important;
}

.breadcrumb .hit-count,
.breadcrumb .asset-count {
	background-color: #21478e;
	color: #fff;
}

.archiveTabs > li .count,
.archiveDropdown > li .count,
.breadcrumb .search-for-content,
.taxonomy .taxonomy-count,
.collections-tabs > li .matches-count,
.collections-dropdown .matches-count,
.number-badge,
html.fotoweb-dark .number-badge  {
    background-color: #21478e;
	color: #fff;
}

.taxonomy .taxonomy-item.selected {
    border-color: #21478e;
}


/* Header */
/*
.navbar-inner {
    background-color: #303030;
}
*/
/*
#navbarContainer .navbar-search .form-control {
	border-color: #303030;
}
*/
.main-menu-item-link,
.intranetextra-link,
.extended-nav .settings-link,
.extended-nav #userMenuButton .user-button-arrow-down,
.extended-nav #userMenuButton .offlineAvatarSmall {
    color: #aaa !important;
}

.main-menu-item-link:hover,
.main-menu-item-link.active,
.intranetextra-link:hover,
.intranetextra-link.active,
#navigation #userMenuButton:hover .user-button-arrow-down,
#navigation #userMenuButton:hover .offlineAvatarSmall,
html.fotoweb-dark .main-menu-item-link:hover,
html.fotoweb-dark .main-menu-item-link.active,
html.fotoweb-dark .intranetextra-link:hover,
html.fotoweb-dark .intranetextra-link.active,
html.fotoweb-dark #navigation #userMenuButton:hover .user-button-arrow-down,
html.fotoweb-dark #navigation #userMenuButton:hover .offlineAvatarSmall {
	color: #777 !important;
}

.extended-nav #userMenuButton:hover {
	background-color: #777;
}

.navbar-search .main-search-btn,
.btn-upload {
	background-color: #777;
	border-color: #777;
	color: #ffffff;
}


/* Homepage Banner */

.home-page-search {
    background: #f4f4f4 !important;
}

/*
.home-page-search {
	height: 200px !important;
}

.content-title {
	color: #fff;
}

#searchHomePage .navbar-search .main-search-field,
#searchHomePage .navbar-search .main-search-field:focus {
	border: none;
}
*/
/* Load other background image for Homepage Banner in DarkMode */
/*html.fotoweb-dark .home-page-search {
	background-image: url("/fotoweb/embed/homepage-dark.png")
}
*/

/* Hide HomePage Searchfield */
/*
.home-page-search #mainSearchFieldGroup {
	display: none;
}
*/

/* Hide Status/Action Buttons */
button.set-status-action,
button.set-rating-action,
body a.set-status-action,
body .set-status-action,
ul.dropdown-menu > li > a.set-status-action,
ul.dropdown-menu > li > a.set-rating-action,
.set-status-action,
#setStatusAction {
	display: none;
}

/* Disable editing */
.status-bar,
.right-panel {
	pointer-events: none;
}


/* Hide Taxonomy search in Grid */
/*
.taxonomy .taxonomy-search {
    display: none;
}
*/


/* Thumbnail Infobar schmal */
.thumbnail .thumb-label {
    text-align: center;
	position: relative;
	top: 1px;
	left: 0;
	width: auto;
}

.thumbnail .infobar,
html.fotoweb-dark .thumbnail .infobar {
	height: 30px;
}

.thumbnail .asset-pin,
html.fotoweb-dark .thumbnail .asset-pin {
    left: 0;
	position: relative;
}

.thumbnail .icon-fa-check,
html.fotoweb-dark .thumbnail .icon-fa-check, 
.thumbnail .shopping-cart-thumb-icon, 
html.fotoweb-dark .thumbnail .shopping-cart-thumb-icon, 
.thumbnail .shopping-cart-thumb-spinner,
html.fotoweb-dark .thumbnail .shopping-cart-thumb-spinner {
	position: inherit;
	right: 0;
	top: 1px;
}