/* Kiel font
* Google fonts are not GDPR compliant, hence it is not allowed to enable the fonts like this:
@import url('https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,100..900;1,100..900&display=swap');

body {
  font-family: Raleway, "Clear Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
}
*/

/**
*
* VERSION: 8.1-8 (light/dark)
*/


/* COLOR VALUES */

:root {
	--text-light: #303030;
	--text-dark: #ffffff;

	--login-signup-bg-light: rgba(255,255,255,1);
	--login-signup-bg-dark: rgba(255,255,255,0.2);

	--header-bg-light: rgba(255,255,255,0.95);
	--header-bg-dark: #303437;
	
	--header-text-light: #66C4EC;
	--header-text-hover-light: #505050;
	--header-text-dark: #aaaaaa;
	--header-text-hover-dark: #ffffff;
	
	--btn-bg-light: #66C4EC;
	--btn-bg-hover-light: #D62F87;
	--btn-text-light: #00223F;
	--btn-text-hover-light: #ffffff;
	
	--btn-bg-dark: #21b3ec;
	--btn-bg-hover-dark: #129ed5;
	--btn-text-dark: #000000;
	--btn-text-hover-dark: #000000;
	
	--btn-bg-disabled: #888888; 
	--btn-bg-hover-disabled: #505050;
	--btn-text-disabled: #ffffff;
	--btn-text-hover-disabled: #ffffff;

	--header-usermenu-bg-hover-light: #ffffff;

	--thumbnail-select-light: #3498db;
	--thumbnail-border-light: #ebe8e8;
	--thumbnail-select-dark: #d5001c;
	--thumbnail-text-dark: #ffffff;

	--preview-sidebar-bg-light: #f2f2f2;
	--preview-sidebar-bg-dark: #303437;

	--pin-icon-light: #D62F87;
	--pin-icon-dark: #ffffff;
	
	--badge-count-bg-light: #D62F87;
	--badge-count-text-light: #ffffff;
	--badge-count-bg-dark: #d5001c;
	--badge-count-text-dark: #ffffff;

	--taxonomy-select-border-light: #D62F87;

	--link-taxonomy-folder-text-light: #3498db;
	--link-taxonomy-folder-text-hover-light: #126297;
	--link-taxonomy-folder-text-hover-dark: #ffffff;

	--tag-bg-light: #3498db;
	--tag-bg-dark: #21b3ec;
	--tag-text-dark: #ffffff;
	
	--home-page-search-bg: #f4f4f4;
	--home-page-title-text: #000000;

	--collection-item-title-text-light: #00223F;
	--collection-item-title-bg-light: #66C4EC;
	--collection-item-title-text-dark: #ffffff;
	--collection-item-title-bg-dark: rgba(0,0,0,0.6);
	--collection-item-pin-light: rgba(0,0,0,0.5);
	--collection-item-pin-dark: rgba(255,255,255,0.5);
	--collection-item-pin-active-light: #d8302f;
	--collection-item-pin-active-dark: #ff7171;

	--popup-modal-header-text-light: #808080;
	--popup-modal-header-border-light: #808080;
}

/** SECTIONS
* 
* LOGIN/SIGNUP/PASSWORD-PAGE
* MAIN-HEADER
* HOMEPAGE-BANNER
* ARCHIVE/ALBUM-PAGE
* GRID-PAGE - ARCHIVE TAB-NAVIGATION
* GRID-PAGE - BREADCRUMP
* GRID-PAGE - SIDEBAR
* GRID-PAGE - FOLDERS/SMART FOLDERS
* GRID-PAGE - TAXONOMY
* GRID-PAGE - THUMBNAIL
* GRID-PAGE - SORTING
* PREVIEW/DETAIL-PAGE
* HIDDEN ELEMENTS
* THUMBNAIL SELECTION COLORS
* BADGES/PIN COLORS
* LINK / TAXONOMY / FOLDER COLORS
* TAG COLORS (LIGHT)
* TAG COLORS (DARK)
* BUTTON COLORS (LIGHT)
* POPUP / MODAL COLORS (LIGHT)
*
*/


/* LOGIN/SIGNUP/PASSWORD-PAGE */

.fotoweb-default .login-type-page-content a,
.login-type-page-content .form-item,
.login-type-page-content .form-checkbox .checkbox-label,
.login-type-page-form,
.signup-terms-and-conditions-modal .modal-header,
.signup-terms-and-conditions-modal .modal-content,
.signup-terms-and-conditions-modal .modal-footer {
	color: var(--text-light);
}


html.fotoweb-dark .login-type-page-content .form-item,
html.fotoweb-dark .login-type-page-content .form-checkbox .checkbox-label {
	color: var(--text-dark);
}

.login-type-page-form,
.signup-terms-and-conditions-modal .modal-header,
.signup-terms-and-conditions-modal .modal-content,
.signup-terms-and-conditions-modal .modal-footer,
.metadataField .checkboxEdit + .checkboxStyleElement::before {
    background-color: var(--login-signup-bg-light);
}

.fotoweb-default .login-type-page-content .form-text,
.metadataField .checkboxEdit + .checkboxStyleElement::before {
    border: 1px solid #cccccc;
}

html.fotoweb-dark .login-type-page-form .form-control,
html.fotoweb-dark .metadataField .checkboxEdit + .checkboxStyleElement::before {
    background-color: var(--login-signup-bg-dark);
}

html.fotoweb-dark .login-type-page-content .form-text,
html.fotoweb-dark .metadataField .checkboxEdit + .checkboxStyleElement::before {
    border: 0;
}



/* MAIN-HEADER */

.navbar-inner {
    background-color: var(--header-bg-light);
}

html.fotoweb-dark .navbar-inner {
    background-color: var(--header-bg-dark);
}

/*
#navbarContainer .navbar-search .form-control {
	border-color: #303030;
}
*/

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


.main-menu-item-link,
.intranetextra-item .intranetextra-link,
.extended-nav .settings-link,
.extended-nav #userMenuButton .user-button-arrow-down,
.extended-nav #userMenuButton .offlineAvatarSmall {
    color: var(--header-text-light);
}

html.fotoweb-dark .main-menu-item-link,
html.fotoweb-dark .intranetextra-item .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: var(--header-text-dark);
}

.main-menu-item-link:hover,
.main-menu-item-link.active,
.intranetextra-link:hover,
.intranetextra-link.active,
.extended-nav .menu-icon:hover,
.extended-nav .menu-icon:active,
.nav-link.intranetextra-link:hover,
.nav-link.intranetextra-link:active,
#navigation #userMenuButton:hover .user-button-arrow-down,
#navigation #userMenuButton:hover .offlineAvatarSmall {
	color: var(--header-text-hover-light) !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 .extended-nav .menu-icon:hover,
html.fotoweb-dark .extended-nav .menu-icon:active,
html.fotoweb-dark .nav-link.intranetextra-link:hover,
html.fotoweb-dark .nav-link.intranetextra-link:active,
html.fotoweb-dark #navigation #userMenuButton:hover .user-button-arrow-down,
html.fotoweb-dark #navigation #userMenuButton:hover .offlineAvatarSmall {
	color: var(--header-text-hover-dark) !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: var(--header-text-hover-dark) !important;
}
*/

.extended-nav #userMenuButton:hover {
	background-color: var(--header-usermenu-bg-hover-light);
	cursor: pointer;
}

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

@media screen and (max-width: 1225px) {
  .searchBarPositionOverride .navbar-custom-fixed-top .navbar-search {
	  background: 0;
  }
}



/* HOMEPAGE-BANNER */

.home-page-search {
    background-color: var(--home-page-search-bg);
}

.home-page-search .content-title {
	color: var(--home-page-title-text);
}

/* Load other background image for Homepage Banner in DarkMode */
/*
html.fotoweb-dark .home-page-search {
	background-image: url("/fotoweb/embed/homepage-dark.png")
}
*/

.navbar-search .main-search-field:focus,
.navbar-search .main-search-field:focus:focus {
	border-color: var(--thumbnail-select-light);
	-webkit-box-shadow: 0 0 0 1px var(--thumbnail-select-light), 0 0 10px 1px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 0 0 0 1px var(--thumbnail-select-light), 0 0 10px 1px rgba(0, 0, 0, 0.3);
	box-shadow: 0 0 0 1px var(--thumbnail-select-light), 0 0 10px 1px rgba(0, 0, 0, 0.3);	
}

html.fotoweb-dark .navbar-search .main-search-field:focus,
html.fotoweb-dark .navbar-search .main-search-field:focus:focus {
	border-color: var(--thumbnail-select-dark);
	-webkit-box-shadow: 0 0 0 1px var(--thumbnail-select-dark), 0 0 10px 1px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 0 0 0 1px var(--thumbnail-select-dark), 0 0 10px 1px rgba(0, 0, 0, 0.3);
	box-shadow: 0 0 0 1px var(--thumbnail-select-dark), 0 0 10px 1px rgba(0, 0, 0, 0.3);	
}


/* 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-item-in:focus {
	outline-color: var(--thumbnail-select-light);
}

html.fotoweb-dark .collections-list-item-in:focus {
	outline-color: var(--thumbnail-select-dark);
}

.collections-list .collections-list-item-title {
	background: var(--collection-item-title-bg-light);
	color: var(--collection-item-title-text-light);
	font-size: 1.2rem;
	font-weight: 500;
	border-radius: 0 0 4px 4px;
	padding: 1px 9px 4px 9px;
	height: auto;
}

html.fotoweb-dark .collections-list .collections-list-item-title {
	background: var(--collection-item-title-bg-dark);
	color: var(--collection-item-title-text-dark);
}

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

html.fotoweb-dark .collections-list-item .collections-list-item-pin {
	color: var(--collection-item-pin-dark);
}

.collections-list-item .collections-list-item-pin.active {
	color: var(--collection-item-pin-active-light);
}

html.fotoweb-dark .collections-list-item .collections-list-item-pin.active {
	color: var(--collection-item-pin-active-dark);
}

.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: 0;
}

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

.collections-tabs .nav-item.active .nav-link,
.collections-tabs .nav-item.active .nav-link:hover {
	border: 1px solid;
    border-color: #dddddd #dddddd #ffffff #dddddd;
	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 .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;
}



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

.folders-list-item,
.folders-list-item-name,
.folder-list-item-toggle,
.folders-list-item-pin,
html.fotoweb-dark .folders-list-item,
html.fotoweb-dark .folders-list-item-name,
html.fotoweb-dark .folder-list-item-toggle,
html.fotoweb-dark .folders-list-item-pin {
	height: inherit;
	line-height: inherit;
}

.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-collapse-all {
    right: 80px;
}

.taxonomy .taxonomy-item-base,
html.fotoweb-dark .taxonomy .taxonomy-item-base  {
    padding: 3px 3px 3px 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: inherit;
	line-height: inherit;
}

.taxonomy .taxonomy-action,
html.fotoweb-dark .taxonomy .taxonomy-action {
	height: inherit;
	line-height: inherit;
}

.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 {
    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: #ffffff;
}

.taxonomy .taxonomy-item.selected {
    border-color: var(--taxonomy-select-border-light);
}



/* GRID-PAGE - THUMBNAIL */

.thumbnail {
    border-color: var(--thumbnail-border-light);
    border-radius: 4px;
}

.thumbnail .thumb-label {
	text-align: center;
	font-size: 0.9rem;
}

.thumbnail .infobar {
    background: #f4f4f4;
}

.thumbnails .thumbnail:hover,
.selected .thumbnail,
.selected .thumbnail:hover {
	border-color: var(--thumbnail-select-light);
	-webkit-box-shadow: 0 0 0 1px var(--thumbnail-select-light), 0 0 10px 1px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 0 0 0 1px var(--thumbnail-select-light), 0 0 10px 1px rgba(0, 0, 0, 0.3);
	box-shadow: 0 0 0 1px var(--thumbnail-select-light), 0 0 10px 1px rgba(0, 0, 0, 0.3);	
}

html.fotoweb-dark .thumbnails .thumbnail:hover,
html.fotoweb-dark .selected .thumbnail,
html.fotoweb-dark .selected .thumbnail:hover {
	border-color: var(--thumbnail-select-dark);
	-webkit-box-shadow: 0 0 0 1px var(--thumbnail-select-dark), 0 0 10px 1px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 0 0 0 1px var(--thumbnail-select-dark), 0 0 10px 1px rgba(0, 0, 0, 0.3);
	box-shadow: 0 0 0 1px var(--thumbnail-select-dark), 0 0 10px 1px rgba(0, 0, 0, 0.3);	
}

.selected .thumbnail .infobar {
	background-color: var(--thumbnail-select-light);
}

html.fotoweb-dark .selected .thumbnail .infobar {
	background-color: var(--thumbnail-select-dark);
	color: var(--thumbnail-text-dark);
}

.thumbnail .asset-pin,
html.fotoweb-dark .thumbnail .asset-pin {
	font-size: 1rem;
}

html.fotoweb-dark .selected .thumbnail .asset-pin {
	color: var(--thumbnail-text-dark);
}

.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 .icon-fa-check,
.thumbnail .shopping-cart-thumb-icon, 
.thumbnail .shopping-cart-thumb-spinner,
html.fotoweb-dark .thumbnail .icon-fa-check, 
html.fotoweb-dark .thumbnail .shopping-cart-thumb-icon, 
html.fotoweb-dark .thumbnail .shopping-cart-thumb-spinner {
	font-size: 1.4rem;
}

.thumb-tooltip {
	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.interactive:hover,
#thumbnailWrapper .marker.interactive:active {
	border-bottom: 0;
}

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

html.fotoweb-dark #thumbnailWrapper .marker-wrapper-all .marker-wrapper {
	border: 0;
}

#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;
}



/* GRID-PAGE - SORTING */

.sorting-list-item-active,
.sorting-variants-item-active {
	background-color: #eeeeee;
}



/* PREVIEW/DETAIL-PAGE */

.sidebarBox {
    padding: 8px;
    margin-bottom: 6px;
    border-radius: 4px;
	background-color: var(--preview-sidebar-bg-light);
}

html.fotoweb-dark .sidebarBox {
	background-color: var(--preview-sidebar-bg-dark);
}

.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,
.preview-title .metadataField.inputField .viewMarkup,
.preview-title .metadataField.bagField .viewMarkup,
html.fotoweb-dark .preview-title .metadataField.inputField .editMarkup,
html.fotoweb-dark .preview-title .metadataField.bagField .editMarkup,
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: 0;
    background: #ffffff;
    margin-top: 10px;
	padding: 5px;
}

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

#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, 
.preview-title-with-preview .metadataField.bagField,
html.fotoweb-dark .preview-title-with-preview .metadataField.inputField,
html.fotoweb-dark .preview-title-with-preview .metadataField.bagField {
    width: calc(100% - 123px);
}

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

#previewPage .informationTabs .nav-link {
    background-color: #f3f3f3;
    border: 0;
	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: #dddddd #dddddd #ffffff #dddddd;
	background-color: #ffffff;
	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;
}



/* HIDDEN ELEMENTS */

.drag-and-drop-container
/*.home-page-search #mainSearchFieldGroup,*/
/*.taxonomy .taxonomy-search,*/ 
{
	display: none !important;
}



/* BADGES/PIN COLORS */

.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: var(--pin-icon-light) !important;
}

html.fotoweb-dark .is-pin,
html.fotoweb-dark .asset-pin-active,
html.fotoweb-dark .folders-list-item-pin-active,
html.fotoweb-dark .collections-tabs .favorite-active .icon-mark,
html.fotoweb-dark .collections-list-item .collections-list-item-pin.active,
html.fotoweb-dark .navbar-search .clear-icon {
    color: var(--pin-icon-dark) !important;
}



.archiveTabs > li .count,
.archiveDropdown > li .count,
.breadcrumb .search-for-content,
.breadcrumb .hit-count,
.breadcrumb .asset-count,
.taxonomy .taxonomy-count,
.collections-tabs > li .matches-count,
.collections-dropdown .matches-count,
.number-badge {
    background-color: var(--badge-count-bg-light);
	color: var(--badge-count-text-light);
}

.breadcrumb .search-for-content {
    font-weight: bold;
}

html.fotoweb-dark .archiveTabs > li .count,
html.fotoweb-dark .archiveDropdown > li .count,
html.fotoweb-dark .breadcrumb .search-for-content,
html.fotoweb-dark .breadcrumb .hit-count,
html.fotoweb-dark .breadcrumb .asset-count,
html.fotoweb-dark .taxonomy .taxonomy-count,
html.fotoweb-dark .collections-tabs > li .matches-count,
html.fotoweb-dark .collections-dropdown .matches-count,
html.fotoweb-dark .number-badge {
    background-color: var(--badge-count-bg-dark);
	color: var(--badge-count-text-dark);
}



/* LINK / TAXONOMY / FOLDER COLORS */

a,
.breadcrumb a,
.taxonomy-navigation .taxonomy-item-title:not([href]),
.taxonomy .taxonomy-clear-all,
.taxonomy .icon-add,
.taxonomy .btn-input-control .btn-input,
#sidebar .collapse-all,
.preview-navigation-item,
.folder-navigation .add-smart-folder,
.sorting-controler .sorting-name,
.sorting-controler .sorting-direction,
.selection-panel .unselect-all {
	color: var(--link-taxonomy-folder-text-light);
}

a:hover,
.breadcrumb a:hover,
.taxonomy-navigation .taxonomy-item-title:not([href]):hover,
.taxonomy .icon-add:hover,
.taxonomy .btn-input-control .btn-input:hover,
.preview-navigation-item:hover,
.folder-navigation .add-smart-folder:hover,
.sorting-controler .sorting-name:hover,
.sorting-controler .sorting-direction:hover,
.selection-panel .unselect-all:hover {
	color: var(--link-taxonomy-folder-text-hover-light);
}

html.fotoweb-dark a:hover,
html.fotoweb-dark .breadcrumb a:hover,
html.fotoweb-dark .taxonomy-navigation .taxonomy-item-title:not([href]):hover,
html.fotoweb-dark .taxonomy .icon-add:hover,
html.fotoweb-dark .taxonomy .btn-input-control .btn-input:hover,
html.fotoweb-dark .preview-navigation-item:hover,
html.fotoweb-dark .folder-navigation .add-smart-folder:hover,
html.fotoweb-dark .sorting-controler .sorting-name:hover,
html.fotoweb-dark .sorting-controler .sorting-direction:hover,
html.fotoweb-dark .selection-panel .unselect-all:hover {
	color: var(--link-taxonomy-folder-text-hover-dark);
}



/* TAG COLORS (LIGHT)*/

.bagItemEditMode,
.bagItemViewMode {
	background-color: var(--tag-bg-light);
	border-color: var(--tag-bg-light);
}

.bagItemEditMode::before,
.bagItemViewMode::before,
.bagItemEditMode::after,
.bagItemViewMode::after {
	border-left-color: var(--tag-bg-light);
}


/* TAG COLORS (DARK)*/

html.fotoweb-dark .bagItemEditMode,
html.fotoweb-dark .bagItemViewMode {
	background-color: var(--tag-bg-dark);
	border-color: var(--tag-bg-dark);
	color: var(--tag-text-dark);
}

html.fotoweb-dark .bagItemEditMode::before,
html.fotoweb-dark .bagItemViewMode::before,
html.fotoweb-dark .bagItemEditMode::after,
html.fotoweb-dark .bagItemViewMode::after {
	border-left-color: var(--tag-bg-dark);
}



/* BUTTON COLORS (LIGHT) */

.btn-primary,
.btn-upload,
.navbar-search .main-search-btn,
#quickBtnDropdown .more-actions {
	background-color: var(--btn-bg-light);
	border-color: var(--btn-bg-light);
	color: var(--btn-text-light);
}

.btn-primary:hover,
.btn-upload:hover,
.navbar-search .main-search-btn:hover,
#quickBtnDropdown .more-actions:hover {
	background-color: var(--btn-bg-hover-light);
	border-color: var(--btn-bg-hover-light);
	color: var(--btn-text-hover-light);
}


/* BUTTON COLORS (DARK) */

html.fotoweb-dark .btn-primary,
html.fotoweb-dark .btn-upload,
html.fotoweb-dark .navbar-search .main-search-btn,
html.fotoweb-dark .btn-primary:not(:disabled):not(.disabled):active,
html.fotoweb-dark #quickBtnDropdown .more-actions {
	background-color: var(--btn-bg-dark);
	border-color: var(--btn-bg-dark);
	color: var(--btn-text-dark);
}

html.fotoweb-dark .btn-primary:hover,
html.fotoweb-dark .btn-upload:hover,
html.fotoweb-dark .navbar-search .main-search-btn:hover,
html.fotoweb-dark #quickBtnDropdown .more-actions {
	background-color: var(--btn-bg-hover-dark);
	border-color: var(--btn-bg-hover-dark);
	color: var(--btn-text-hover-dark);
}


/* BUTTON COLORS (DISABLED) */

.btn-primary.disbled,
.btn-primary:disabled {
	background-color: var(--btn-bg-disabled);
	border-color: var(--btn-bg-disabled);
	color: var(--btn-text-disabled);
}

.btn-primary.disbled:hover {
	background-color: var(--btn-bg-hover-disabled);
	border-color: var(--btn-bg-hover-disabled);
	color: var(--btn-text-hover-disabled);
}


/* POPUP / MODAL COLORS  (LIGHT)*/

.popover-title,
.modal-header {
	color: var(--popup-modal-header-text-light);
	border-color: var(--popup-modal-header-border-light);
}


/* CUSTOM OVERRIDES */

.navbar-logo img {
	height: 40px;
}

a[title~="KiWo"] .collections-list-item-title {
    background-color: rgba(236,102,8,1);
    color: #ffffff;
}

.navbar-custom-fixed-top .btn-upload {
    height: 42px;
    line-height: 50px;
    padding: 0 12px;
    border-radius: 0 0 0 12px;
    margin-top: -12px;
}

.btn-primary,
.collections-list .collections-list-item, 
html.fotoweb-dark .collections-list .collections-list-item,
.collections-list .collections-list-item-in,
html.fotoweb-dark .collections-list .collections-list-item-in,
.collections-list .collections-list-item-title,
.extended-nav .settings-link:hover {
    border-radius: 0 0 0 14px;
}

.collection-list-item-name {
    margin-right: 16px;
}

.extended-nav .js-login-link:hover {
    background-color: var(--btn-bg-hover-light);
    color: #ffffff;
}

.btn {background-color: rgba(0,34,63,0.9); color: #ffffff; text-transform: capitalize;}
.btn:hover {background-color: rgba(214, 47, 135, 1); color: #ffffff;}

.nav-link{
  color: rgba(0,34,63,0.9) !important;  
}
.nav-link:hover{
  color: rgba(214, 47, 135, 1); !important;  
}

.extended-nav #userMenuButton .offlineAvatarSmall, .user-button-arrow-down {
    color: rgba(0, 34, 63, 1) !important;
    }
    
.extended-nav #userMenuButton .offlineAvatarSmall:hover {
    color: rgba(214, 47, 135, 1) !important;
    }
    
.main-menu-item-link {
     color: rgba(0, 34, 63, 1) !important;
}

.main-menu-item-link:hover, .nav-link:hover {
     color: rgba(214, 47, 135, 1) !important;
}

.main-menu-item-link:hover, .main-menu-item-link.active, .intranetextra-link:hover, .intranetextra-link.active, .extended-nav .menu-icon:hover, .extended-nav .menu-icon:active, .nav-link.intranetextra-link:hover, .nav-link.intranetextra-link:active, #navigation #userMenuButton:hover .user-button-arrow-down, #navigation #userMenuButton:hover .offlineAvatarSmall {
    color: rgba(214, 47, 135, 1) !important;
}