/* MG240302 for chrome (Webkit) based browsers, there's a new "feature" (aka bug) that prevents mouse events outside of an iframe to be properly tracked if a mouse button is pressed.
	in this case, we can't reliably tell which element we're over until the last moment when the button is released, where fortunately a mousemove event can be catched on the element we're over right now.
	therefore, just show a blue badge rather than a wrong status. */
body[status="xpermit"] .drag-counter {
	background-color: blue;
}
/* MG221206 for some strange reason, on the iphone a z-index of 15 is not sufficient to make the header bar in the pin view accessible. only 100 works (meaning: 99 won't) */
.pp-menu-fixed {
	z-index: 100;
}
/* MG221121 pinprop inheritor */
.cell.kp-set {
	white-space: nowrap;
}
.cell.kp-set i {
	margin: 0 0 0 .2rem;
	transform: translate(0,.45rem);
}
.cell.kp-set i.kp-set-shift {	/* v5 cludge */
	transform: translate(0,-.8rem);
}
.cell.kp-set input, .cell.kp-set textarea, .cell.kp-set select {
	width: 90%;
}
.cell.datacolumn.css_symbol {
	min-width: 40px;	/* MG221003 for the new passepartout icons, in case no image is inside */
}
.stackpiler {
	padding-left: 0 !important;
}
/* MG220929 passepartouts for folder covers */
.eb-vfolder-passepartout img.landscape {
	background-size: auto 85%;
	background-repeat: no-repeat;
	background-position: center;
}
.eb-vfolder-passepartout img.portrait {
	background-size: 90% auto;
	background-repeat: no-repeat;
	background-position: center;
}
.eb-vfolder-box ~ .bildtext {	/* don't mark the whole box anymore when selecting a folder, just the title below, and give it some rounded corners */
	border-radius: 5px;
}
/* MG220716 selected options are not recognizable as such in v5 mode anymore */
select[multiple] option[selected] {
	background-color: #9cf;
}
/* moved to <skindir>/layout.css, file is imported from there */
/*.eyebase-login #header {
	border-bottom: 2px solid #0066cc;
}
.eyebase-login #loginContainer {
	border-top: 2px solid #ffcc00;
}*/
/*@import "/styles/_v5/flags.css";*/
.eb-drop-file-progress {
	height: 1px;
	background-color: green;
}
.eb-drop-file-progress.failed {
	background-color: red;
}
/* MG210924 [38092] make the "ordnerstruktur" dropdown sticky in case the eyebae feature "multiple folder structures" is activated */
#folders.container.sticky {
	margin-top: 45px;
}
#folders.container.sticky #rootfolder {
	margin-top: -43px;
	position: fixed;
}
#folders.container.sticky .fcu-tabbed #rootfolder {
	margin-top: 10px;
}
/* MG210913 show a "hand" cursor on every text (not only the title column) in the list search result */
#xlisttable .datawrapper {
	cursor: pointer;
}
/* MG210820 new bmw widgets */
[use-colors="transparent"] .widget {
	background-color: transparent;
	box-shadow: none;
}
[use-colors="transparent"] .widget .container {
	background-color: transparent;
}
[use-colors="transparent"] .bildtext span {
	text-shadow: 0 0 5px white;
}
[use-colors="transparent"] .color70 .bildtext > span { background: rgba( 220, 20, 60, .3 ) !important; }
[use-colors="transparent"] .color71 .bildtext > span { background: rgba( 255, 215, 0, .3 ) !important; }
[use-colors="transparent"] .color72 .bildtext > span { background: rgba( 255, 165, 0, .3 ) !important; }
[use-colors="transparent"] .color73 .bildtext > span { background: rgba( 144, 238, 144, .3 ) !important; }
[use-colors="transparent"] .color74 .bildtext > span { background: rgba( 46, 139, 87, .3 ) !important; }
[use-colors="transparent"] .color75 .bildtext > span { background: rgba( 173, 216, 230, .3 ) !important; }
[use-colors="transparent"] .color76 .bildtext > span { background: rgba( 100, 149, 237, .3 ) !important; }
[use-colors="transparent"] .color77 .bildtext > span { background: rgba( 238, 130, 238, .3 ) !important; }
[use-colors="transparent"] .color78 .bildtext > span { background: rgba( 138, 43, 226, .3 ) !important; }
[use-colors="transparent"] .color79 .bildtext > span { background: rgba( 160, 82, 45, .3 ) !important; }
[use-colors="transparent"] .table-striped .row:nth-of-type(2n) { background: rgba( 248, 248, 248, .1 ) !important; }
[use-colors="transparent"] #widgetcontainer > div {
	z-index: 1;
}
[use-colors="transparent"] #widgetcontainer > div.widget-background {
	z-index: 0;
}
#widgetcontainer > .widget-background {
	left: 0 !important;
	top: 0 !important;
	right: 0 !important;
	bottom: 0 !important;
	z-index: 0 !important;
	width: auto !important;
	height: auto !important;
}
#widgetcontainer label[for] { cursor: pointer; }
.widget.picture-frame .widget-header {
	margin: 20px 60px 20px 20px;
}
.widget.picture-frame {
	overflow: hidden; 
	padding: 0;
}
.widget.picture-frame img {
	width: 100%;
	height: auto;
}
.dense {
	margin: 0 5px;
}
.dense-right {
	margin-left: 20px;
}
#widget19_body .request-body td {
	border-bottom: none;
	background-color: #fefefe;
}
#widget19_body textarea {
	resize: vertical;
}
.info-empty {
	margin: 5px 0;
	font-size: 1.2rem;
	font-style: italic;
	opacity: .5;
	height: 90%;
	padding: 10px;
}
.widget.requestfolders .widget-footer {
	position: absolute;
	min-height: 20px;
	bottom: 15px;
	right: 20px;
	left: 20px;
}
.widget.requestfolders .widget-body {
	position: absolute;
	top: 40px;
	bottom: 80px;
	overflow: auto;
	width: 95%;
}
.widget.requestfolders .widget-body.admin {
	bottom: 10px;
}
.blog-contents table {
	width: 100%;
}
.blog-contents .blog-date {
	min-width: 80px;
	vertical-align: top;
	text-align: right;
	padding-top: 2px;
}
.blog-contents h3 {
	color: #5b4d9a;
}
.blog-contents h3 em {
	font-style: italic;
	color: #000;
	font-weight: normal;
	font-size: .8rem;
	width: 100%;
	text-align: right;
	float: right;
	margin-top: -15px;
}
.blog-contents .condensed p {
	max-height: 50px;
	overflow: hidden;
}
.blog-contents .show-more, .blog-contents .show-less { display: none; }
.blog-contents .condensed .show-more { display: block; color: #007185; }
.blog-contents .condensed .show-less { display: none; }
.blog-contents .uncondensed .show-less { display: block; color: #007185; }
.blog-contents .uncondensed .show-more { display: none; }
.blog-contents .row:hover {
	cursor: pointer;
	background-color: #f0f3f5;
}

/* MG210820 class name says it all */
.widget-title-invisible {
	color: transparent !important;
}
.another-useless-class-in-the-widget-configurator {
	margin-left: 5px;
	line-height: 32px;
}
/* MG210228 better show the in-text hyperlinks to other records in detail view */
.datasheet em[onclick] {
	cursor: pointer;
	text-decoration: underline;
}
/* MG210225 restrict access count on pins (template 69) */
#times_left {
	margin-left: 5px;
}
#times_left i::before {
	color: #C11717;
}
/* MG210223 added notification date to pin configurator */
th.times-left, td.times-left {
	display: none;
}
th.times-left.active, td.times-left.active {
	display: table-cell;
}
.notification .datalabel, .notification input {
	display: none;
}
.notification.active textarea {
	height: 40px !important;
}
.notification.active .datalabel {
	width: auto;
	display: inline-block;
	padding: 4px 0;
}
.notification.active input {
	display: block;
}
input[send-status="send-success"], span[send-status="send-success"] {
	/*border-color: green;*/
	background-color: rgba(0,255,0,.05);
}
input[send-status="send-failed"], span[send-status="send-failed"] {
	/*border-color: green;*/
	background-color: rgba(255,0,0,.05);
}
span[send-status="send-success"], span[send-status="send-failed"] {
	padding: 5px;
	border-radius: 10px;
}
/* MG210220 move list values to other list */
.le-move-value-not-movable { display: none; }
/* MG210127 changed related item markup from a to em for easier ctrl-click handling (detail view, is defined in vm_details_generic.css as "div.relation a") */
div.relation em.link::before {
	font-family: 'eyebase_v5' !important;
	content: "\ea52";
	font-style: normal;
	font-size: .8rem;
	color: #018dab;
	margin-right: 3px;
}
div.relation em {
	/*background-image: url("/styles/_v5/images/v11/defIcons16x16_h.png");
	background-repeat: no-repeat;
	background-position: -6px -444px;
	padding-left: 12px;*/
	cursor: pointer;
	font-style: normal;
}
/* MG210126 2 specially styled ctx menu entries on the folder filter menu */
.thesfilter-32768, .thesfilter-65536 {
	font-size: .8rem;
	text-align: right;
	font-style: italic;
}
/* MG210121 paypal demo in the quicklist/collection export */
.export-price span {
	margin-right: 4px;
}
#totalsum {
	background-color: transparent;
	font-weight: bold;
	max-width: 100px;
}
#pp-submit {
	background-color: transparent;
	margin-top: 3px;
}
#pp-submit[disabled] {
	opacity: .5;
}
/* MG201220 currently only for internal use - toggle the display of the folder / collection tree */
.fcu-toggle {
	margin-top: -3px;
	padding-left: 15px;
	margin-right: -36px;
	color: #ccc;
}
.fcu-tabbed .fcu-toggle {
	padding: 0;
	margin: 0;
	left: 0;
	display: block;
	top: -5px;
	position: absolute;
	padding-top: 11px;
	padding-bottom: 20px;
}
#trash.fcu-tabbed, #archiv.fcu-tabbed {
	display: none;
}
#folders #sammlungen, #folders #upload {
	padding-top: 0;
}
#folders > div.fcu-tabbed {
	margin-left: -20px;
}
#folders .fcu-tabbed .bdheader {
	width: 15px;
	max-width: 15px;
	overflow: hidden;
	border-radius: 5px;
	position: fixed;
}
.fcu-tabbed #rootfolder {
	top: 0;
}
.fcu-tabbed #rootcollection {
	top: 35px;
}
.fcu-tabbed #rootupload {
	top: 70px;
}
/* MG201211 language flags in sidebar buttons */
.sidebar-controller-inner .lang {
	background-size: 20px;
	background-repeat: no-repeat;
	background-position: center;
}
/* MG201209 (tentative) slider to make the admin width resizable to some appropriate value */
input.width-plus {
	position: fixed;
	margin: 10px 100px 0 0;
	right: 0;
}
.settings-wrapper {
	min-width: 1000px;
}
.admin-wrapper.features .table.table-3 {
	max-width: auto;
}
/* MG201205 after some very long time, the folder filtering finally goes public! */
button .eb-icon-search {
	margin: 0 -5px 0 5px;
	/*visibility: hidden;*/
}
button:hover .eb-icon-search {
	visibility: visible;
}
.eui_contextmenu input[type="text"] {
	padding: 0;
	padding-right: 30px;
	border: 0px solid transparent;
	background-color: transparent;
	box-shadow: none;
}
.eui_contextmenu i.clear-entry {
	margin-left: -25px;
}
.eui_contextmenu i.clear-entry::before {
	font-family: 'eyebase_v5' !important;
	content: "\ea24";
	font-style: normal;
}
/* MG201205 change the color if the (i) icon in the pin view when metadata is available to be shown */
.data-available.btn-pin svg.icon-info { fill: green; }
/* MG201128 rounded corners for color labels in the search result list view, like in tiles mode and in details.less */
.bildtext > span, .datacolumn.css_titel span {
	border-radius: 6px;
}
/* MG201125 mail text manager */
/* small helper class for the new modal input dialog (__eui_opendialog2) to help styling labels for checkboxes and radio buttons */
.is-box-control {
	font-weight: bold;
	margin: 10px 15px 0 0;
}
/* images in context menus */
.eui_contextmenuentry .imgbox {
	width: 55px;
	display: inline-block;
	margin-bottom: -5px;
	margin-left: -7px;
}
.eui_contextmenuentry img {
	max-height: 20px;
	max-width: 50px;
	margin-bottom: -5px;
}
#set-mailtexts input[disabled], #set-mailtexts textarea[disabled], #set-mailtexts select[disabled], #set-mailtexts input[disabled]:focus, #set-mailtexts textarea[disabled]:focus, #set-mailtexts select[disabled]:focus, #set-mailtexts input[disabled]:hover, #set-mailtexts textarea[disabled]:hover, #set-mailtexts select[disabled]:hover {
	background-color: #fff;
	font-style: italic;
}
.mt-text textarea[is-html=" checked"], #set-xdata textarea {
	font-family: "Courier New";
	font-size: .8rem;
}
span[is-master], span[is-attached], span[is-default], span[is-other] {
	display: none;
}
span[is-master="master"], span[is-attached="attached"], span[is-default="default"], span[is-other="other"] {
	display: inline;
}
input.override-default {
	color: #018dab;
	font-style: italic;
}
.list-group ul ul > li.selector > a div.cell.h {
	font-weight: bold;
	padding-left: 15px;
	padding-bottom: 0;
	border-bottom: none;
}
.list-group ul ul > li.selector > a {
	padding: 5px 0 !important;
}
span.available-mail-files {
	cursor: pointer;
	float: right;
}
.cell.right {
	text-align: right;
}
.cell.cell-narrow {	/* MG220214 added for report generator selection menu */
	width: 5%;
}
.cell.cell-wide {	/* MG220214 added for report generator selection menu (but not used)*/
	width: 95%;
}
.textarea-x-small, .datasheet .textarea-x-small {
	min-height: 34px;
	height: 34px;
	padding-top: 6px;
}
.textarea-small, .datasheet .textarea-small {
	min-height: 60px;
	height: 60px;
	padding-top: 6px;
}
#menucontainer.in-cell {
	z-index: 10;
	position: absolute;
	right: 8px;
	top: 32px;
	text-align: left;
}
#menucontainer .eui_contextmenuentry.active::before {
	font-family: 'eyebase_v5' !important;
	content: "\ea1f";
	margin-left: 4px;
	margin-right: -1px;
}
.data-table .xtext-container .row > div:first-child, .data-table .xdata-container .row > div:first-child {
	padding-top: 0;
	padding-right: 25px;
}
.data-table .xtext-container .row > div:first-child .eb-icon {
	right: 0;
	top: 0;
}
.data-table.table-3 .xtext-container .row > div:first-child {
	width: auto;
}
.xdata-container {
	display: inline;
	width: auto;
}
.xdata-container img {
	max-height: 100px;
}
.data-table.table-3 .xdata-container .row > div:first-child, .xdata-container div.cell {
	width: auto;
	text-align: left;
}
.xdata-container i.lang {
	background-size: 20px;
	background-repeat: no-repeat;
	background-position: center;
	width: 20px;
	height: 20px;
	display: block;
}
.xdata-media {
	border: 2px solid transparent;
}
.xdata-media[marked="true"] {
	border: 2px solid rgba(1, 141, 171, 0.25);
}
/* MG201104 removable file quality container in data edit pane (17.htt) */
.detail-wrapper .imgcontainer #remove-q {
	text-align: left;
}
#containeredit .dropdown-panel {
	margin-top: -20px;	/* makes it easier to navigate on the quality replacement panel */
}
/* MG201022 add/replace file quality */
#u_start .leaf.closed.add-replace label, #u_start .leaf.add-replace::before {
	color: #7451f6 !important;
}
#uploadpane span.add-replace {
	font-size: 20px;
}
.add-replace-selector {
	position: absolute;
	bottom: 20px;
	width: 100%
}
.add-replace.popup.uploader #settingsbutton, .use-original.popup.uploader #settingsbutton {
	visibility: hidden;
}
.add-replace.popup.uploader #percentage {
	background-color: #7451f6;
}
.add-replace.popup.uploader #progress {
	color: #fff;
}
/* MG200916 multi-lang support in filelocation manager */
body.locations textarea {
	min-height: 60px !important;
	height: 60px;
}
input[dir-exists="true"] {
	background-color: #cfc;
}
input[dir-exists="false"] {
	background-color: #fcc;
	width: 95%;
}
i.hide[dir-exists="false"] {
	display: inline !important;
	color: #008406;
	font-size: 1.5rem;
	line-height: 28px;
}
/* MG200915 assign file locations in the upload profile manager. to keep this feature hidden for normal installations, set some style on all affected elements */
body.no-fl-manager .row.row-hidden.fl-manager {
	display: none !important;
}
/* MG200914 folder-based viewmodes for detail views. maybe there's already some better way to do this, but i couldn't find any css that helped me. sorry. */
.cell.active {
	background-color: rgba(202,242,250,.3);
	border-radius: 5px;
}
.vm-entrylist {
	overflow: auto;
	max-height: 470px;
}
.defined-elsewhere {
	color: red;
	font-style: italic;
}
/* MG200908 needed only for the update server sql snippet editor */
.admin-wrapper.snippets #topbar {
	margin-bottom: 0;
}
.admin-wrapper.snippets select[multiple] {
	min-height: 70px !important;
}
#sql {
	min-height: 400px;
	font-family: Courier New;
	font-size: 11px;
}
#sql.half-height {
	min-height: 250px;
}
#ssn {
	width: 400px;
}
select {
	height: 34px !important;
}
.table.no-cell-borders > .row > .cell {
	border-bottom: 1px solid transparent;
	padding: 5px 4px;
}
/* MG200902 instant assoc creation checkbox in upload profiles (only available for relations fields between file carrier modules */
.create-assoc {
	padding: 3px 7px;
}
.instant-assoc {
	display: block;
	color: #00ced1;
	background-color: #00ced1;
	border-radius: 5px;
	padding: 3px 7px;
	color: #fff;
	font-weight: bold;
}
.assoc-btns.inactive div {
	visibility: hidden;
}
#u_start span[ia-enabled="true"] label, #u_start em, #u_start .leaf[ia-enabled="true"]::before {
	color: #00ced1;
}
body.popup.uploader.ia-enabled #percentage {
	background-color: #40E0D0;
}
body.popup.uploader.ia-enabled #progress, body.ia-enabled .popup.uploader #percentage {
	color: black;
}
#u_start [ia-enabled="true"] label[marked="true"] {
	background-color: #00CED1 !important;
}
/* MG200818 some imrovements in the project commission uploader. due to time constraints, mis-using the css of the login page for this. could/should be changed. sorry for that. */
body.uploader #loginContainer {
	padding-top: 20px;
}
body.uploader .loginHeader h1 {
	text-align: center;
}
body.uploader .loginHeader .procomm-description {
	font-style: italic;
	margin-bottom: 15px;
}
body.uploader .loginHeader .procomm-description::before {
	content: "\00ab";
}
body.uploader .loginHeader .procomm-description::after {
	content: "\00bb";
}
body.uploader #loginContainer h1 {
	margin-bottom: 25px;
	font-size: 2.1rem;
}
body.uploader .procomm .cell {
	text-align: left;
}
body.uploader #loginContainer #uploadpane {
	cursor: copy;
	border: 2px dashed #008406;
	border-radius: 10px;
	background-position-y: 17px;
}
body.uploader #loginContainer .extended {
	width: auto;
	position: relative;
	border: 2px dashed #008406;
	border-radius: 10px;
	margin-top: 16px;
	padding-bottom: 16px;
}
body.uploader #loginContainer #uploadpane span {
	height: 125px;
	visibility: hidden;
}
body.uploader #loginContainer #ppcontainer {
	position: relative;
	bottom: auto;
	margin-top: 35px;
	width: 100%;
}
body.uploader #loginContainer .progress {
	background-color: transparent;
}
body.uploader #loginContainer span.plus {
	color: #008406;
	font-weight: bold;
	cursor: pointer;
}
body.uploader #loginContainer .eb-icon-plus {
	margin: -4px 3px 0 0;
}
body.uploader #loginContainer .eb-icon-plus::before {
	color: #008406;
}
body.uploader #loginContainer .eb-icon-discard {
	margin-top: 2px;
	cursor: pointer;
}
body.uploader #loginContainer .eb-icon-discard::before {
	font-size: 1.3rem;
	color: #666;
}
body.uploader #loginContainer #alternatelink {
	top: 16px;
}
/* MG200622 new field selector in the thes search. didn't find a suitable style for it, sorry */
.modal__content #rootthes [smart-folder] {	/* no "smart folders" in the thes key selector for data editing */
	display: none;
}
.modal__subtitle .dropdown.inline {
	position: absolute;
	right: 30px;
}
.modal__subtitle .dropdown.inline button {
	background-color: transparent;
	color: #fff;
}
.modal__subtitle .dropdown.inline button:hover {
	box-shadow: none;
}
#thes-fields {
	width: 100%;
	min-height: 0;
	height: auto !important;
}
/* MG200430 another freaked-out feature - allow to create permalinks for version-chunks only for the master record */
.sidebar-tab.permalink.disabled-permalink div {
	display: none;
}
.sidebar-tab .disabled-permalink-info {
	display: none;
}
.sidebar-tab.permalink.disabled-permalink div.disabled-permalink-info {
	display: block;
	font-style: italic;
	font-size: .8rem;
	white-space: normal;
	opacity: .8;
}
.sidebar-tab.permalink .sidebar-tab-header  {
	margin-bottom: 0;
}
/* MG200423 view search params stored in a defined search. accessible via 3dots in the extended search window */
.sp-section {
	font-weight: bold;
	display: block;
}
.sp-column {
	color: #5a5;
	font-weight: bold;
}
.sp-column::before {
	content: "";
	display: block;
}
.sp-junc {
	font-weight: bold;
	color: #55c;
	font-style: italic;
	display: block;
	margin: 5px 0 5px -5px;
}
.sp-fjunc, .sp-tjunc, .sp-cjunc, .sp-ijunc {
	font-style: italic;
}
.sp-choice {
	font-weight: bold;
}
/* @ph forgive me for tampering in styles/_dark/project/css/custom.css but there were 3 hash chars for color definitions in svg icon defs in the form #dadada where it should read %23dadada (i.e. not url-encoded so the xml parser threw up displaying the icons). changed that to make the 3 font "bullets" readable in the dark skin */
/* MG200409 what the f... how many times did i already fix this and it _STILL_ crops up all over the place??? */
[skin-dir="/styles/_dark"].uploader a, [skin-dir="/styles/_raspberry"].uploader a, [skin-dir="/styles/_orangepeel"].uploader a, [skin-dir="/styles/eyebase_dark"].uploader a {
	color: #fff;
}
[skin-dir="/styles/_dark"] select option, [skin-dir="/styles/_raspberry"] select option, [skin-dir="/styles/_orangepeel"] select option, [skin-dir="/styles/eyebase_dark"] select option {
	background-color: #666;
}
/* also for more than 2 years this text is unreadable */
[skin-dir="/styles/_dark"] .file-drag, [skin-dir="/styles/_raspberry"] .file-drag, [skin-dir="/styles/_orangepeel"] .file-drag, [skin-dir="/styles/eyebase_dark"] .file-drag {
	background-color: rgba(250,240,180,.3) !important;	/* some ugly color */
}
/* MG200409 modal keyframe dlg shows an x scrollbar where it's not needed */
.modal-wrapper.assocs .assocs {
	overflow-x: hidden;
}
/* MG200408 new attempt of making the versions icon a bit better to handle and look nicer */
[skin-dir="/styles/_dark"] .versions::before,
[skin-dir="/styles/_raspberry"] .versions::before,
[skin-dir="/styles/_orangepeel"] .versions::before,
[skin-dir="/styles/eyebase_dark"] .versions::before,
[skin-dir="/styles/_dark"].detail-wrapper .bildtext .vc-version,
[skin-dir="/styles/_raspberry"].detail-wrapper .bildtext .vc-version,
[skin-dir="/styles/_orangepeel"].detail-wrapper .bildtext .vc-version,
[skin-dir="/styles/eyebase_dark"].detail-wrapper .bildtext .vc-version {
	color: #ccc !important;
}
div.versioninfo {
	cursor: pointer;
}
div.v-box div::before, i.versions::before {
	content: "\ea51";
}
.detail-wrapper div.v-box-has-keyframes-true {
	bottom: 35px;
}
.detail-wrapper div.v-box {
	right: 7px;
	opacity: .25;
}
.detail-wrapper div.bildtext span.vc0 {	/* don't remove the version counter for the current version completely from the view, only make the text transparent, to keep the formatting intact */
	display: inline;
	color: transparent;
}
.detail-wrapper .bildtext .vc-version {
	font-weight: bold;
	color: #000;
	padding: 2px 0;
	min-width: 24px;
	text-align: center;
	margin-right: -3px;
	border: none;
	background-color: transparent !important;
}
div.v-box {
	position: absolute;
	display: flex;
	right: 5px;
	bottom: 5px;
	background-color: transparent;
	color: #666;
	border-radius: 4px;
	padding: 2px 2px 3px 2px;
	z-index: 5;
}
#tableedit .vc-version {
	position: absolute;
	right: 0;
	margin: -20px 7px;
	min-width: 24px;
}
#tableedit .vc-version span {
	position: absolute;
	left: 0;
	min-width: 24px;
	font-weight: bold;
}
#tableedit .vc-version::before {
	font-family: 'eyebase_v5' !important;
	content: "\ea51";
	color: #ccc;
}
.lower-wrapper div.v-box {
	right: 1px;
	bottom: -12px;
}
.lower-wrapper .annotation-count {
	margin-right: 20px;
}
.lower-wrapper .annotation-count.a-vcount-0 {
	margin-right: 0;
}
.multi-edit .add-version {
	display: none;
}
/* MG200406 somehow the highlighting of the inherit column in the key priv manager got lost... don't activate it yet cos of the ever-recurring "skewed table" issue */
[skin-dir="/styles/_dark"] .grid.highlight, [skin-dir="/styles/_raspberry"] .grid.highlight, [skin-dir="/styles/_orangepeel"] .grid.highlight, [skin-dir="/styles/eyebase_dark"] .grid.highlight {
	background-color: rgba(50, 73, 255, 0.3);
}
.grid.highlight {
	background-color: rgba(230, 243, 255, 0.8);
}
/* MG200406 another new idea - keys that are only visible in the list but can't be used other than be requested for use */
[skin-dir="/styles/_dark"] #tprivboxes .grid .eb-icon-toggle-off, [skin-dir="/styles/_raspberry"] #tprivboxes .grid .eb-icon-toggle-off, [skin-dir="/styles/_orangepeel"] #tprivboxes .grid .eb-icon-toggle-off, [skin-dir="/styles/eyebase_dark"] #tprivboxes .grid .eb-icon-toggle-off {
	color: #fee;
}
#tprivboxes .grid .eb-icon-toggle-off {
	color: red;
}
[skin-dir="/styles/_dark"] .priv-ov, [skin-dir="/styles/_raspberry"] .priv-ov, [skin-dir="/styles/_orangepeel"] .priv-ov, [skin-dir="/styles/eyebase_dark"] .priv-ov {
	background-color: rgba(255,0,0,.3);
}
.priv-ov {
	background-color: #fff3f3;
}
.only-visible {
	opacity: .5;
	font-style: italic;
}
.only-visible label::after {
	content: "";
}
/* MG200403 versioning handling in the data item editor */
.v-chunk {
	display: none;
}
.has_versions .v-chunk {
	display: block;
	position: absolute;
	right: -20px;
	top: 17px;
}
.has_versions .v-chunk.controls-05 {
	top: 8px;
}
.has_versions .v-chunk.controls-1 {
	right: -40px;
	top:15px;
}
.has_versions .v-chunk.controls-15 {
	top: 33px;
}
.has_versions .v-chunk.controls-2 {
	top: 55px;
}
/* MG200403 versioning handling in the trashcan */
a.v-count.v-count-0 {
	display: none;
}
a.v-count i {
	transform: translateY(-2px);
}
span.v-count, .v-slave span.v-count.v-count-0 {
	display: none;
}
span.v-count.v-count-0 {
	display: inline;
}
.v-subversion {
	display: none;
}
.v-slave .v-subversion {
	display: inline;
}
.table-striped .row.v-master {
    background-color: #f3fff3;
}
.table-striped .row:nth-of-type(2n).v-master {
    background-color: #f0f8f0;
}
.v-slave {
	display: none;
	opacity: .6;
	font-style: italic;
	font-size: 0.9em;
}
.v-slave .cell.check input {
	display: none;
}
/* MG200401 new checkbox that allows to copy data field values to other data modules in upload profiles */
.datacontrols input[type="checkbox"] {
	margin-top: 12px;
	margin-left: 1px;
}
/* MG200325 visualize records that have versions in the sel */
.container.has_versions img, .imgcontainer.has_versions img {
	box-shadow: 5px 5px 3px 0px rgba(0,0,0,.4); /*0 0 3px 2px rgba(155,0,155,.4);*/
}
/* MG200317 make the "edit report" link in the viewmode configurator look a bit nicer (but not too much) */
#editreport {
	font-weight: bold;
	padding-left: 16px;
	padding-top: 20px;
}
/* MG200313 direct upload by dragging files onto folders in the navigation pane.. and the sel pane, too! */
.navigation-wrapper .progress, .results-wrapper .progress, .lower-wrapper .progress, .admin-wrapper .progress {
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 25px;
	opacity: .5;
	z-index: 20;
}
/* MG20310 show the filename extension in the bottom right corner of the tiles view - if the according user setting is activated */
span.filename-ext {
	position: absolute;
	bottom: 2px;
	right: 4px;
	font-size: .7em;
	opacity: .6;
}
/* MG200305 research client configurator */
#rc-clients div {
	font-size: .9em;
	font-style: italic;
	opacity: .8;
}
#rc-clients span {
	margin-left: 3px;
	font-weight: bold;
	background-color: #018dab;
	color: #fff;
	cursor: pointer;
	border-radius: 3px;
	padding: 7px 10px;
}
#rc-clients span:hover {
	background-color: #017088;
}
/* MG200228 [20408] unreadable texts for associated records in the detail view when dark skins are active */
[skin-dir="/styles/_dark"] div.relation a, [skin-dir="/styles/_raspberry"] div.relation a, [skin-dir="/styles/_orangepeel"] div.relation a, [skin-dir="/styles/eyebase_dark"] div.relation a {
	color: #eee;
}
/* MG200210 as requested by WK and customers [20337] */
#switcher .btn-toggle {
	box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.1);
	border: 1px solid #018dab;
	border-radius: 2px;
	color: #018dab;
}
/* MG200128 not really neat atm, but only used by some geeks here in the office anyways - the whole workfolder subsystem. this is a "search into workfolder" selector dropdown on the extended search page. */
#redir_ff {
	width: auto;
}
/* MG200127 just for debugging reasons - some status color for a new debug punch in / punch out feature */
.xlog-stopping::before {
	color: rgba(255,0,0,.3);
}
.xlog-active::before {
	color: #f00;
}
/* MG200127 allow for some space in the keywords term selector when the list gets so big that a scrollbar is displayed */
.showhits > div, #qrresult > div {
    padding-right: 26px;
}
/* MG200123 amend the new problem in the field editor where the list preview popup can't be opened anymore cos of overlapping table cells */
select[name="eli"] {
	width: 90%;
}
.admin-wrapper.fields .paneldataTable .eb-icon-external, .admin-wrapper.fields .panelTable .eb-icon-external {
	position: relative;
	right: 0;
	top: 3px;
	margin: 0 0 0 2px;
}
/* MG200123 make new fields in the layout editor easier to handle, that's just a fallback though as the new positioner code is a bit smarter (or was it cleverer?) in positioning not-yet-positioning fields */
[layout="edit"] .datalabel, [layout="edit"] .datasheet {
	min-width: 30px;
	min-height: 30px;
}
/* MG200122 tentative inline debug frame */
#xdebug {
	width: 300px;
	height: 100%;
	position: absolute;
	right: 0;
	top: 120px;
	z-index: 2000;
}
/* MG200120 visualize drag operations that copy data with a "+" */
[is-copy-op="true"] .drag-counter-inner::before {
	content: "+";
}
/* MG191220 due to the addition of further elements to the field editor, i've changed the leyout a bit (where possible) to make it use 4 columns instead of 2 */
.detail-wrapper.edit .eb-icon-info, .admin-wrapper.fields .eb-icon-info {
	color: #018dab;
}
.target-indicator {
	margin-left: 3px;
}
.panelDataClosed:hover td {
	background-color: rgba( 252,252,252,1);
}
[skin-dir="/styles/_dark"] .panelDataClosed:hover td, [skin-dir="/styles/_raspberry"] .panelDataClosed:hover td, [skin-dir="/styles/_orangepeel"] .panelDataClosed:hover td, [skin-dir="/styles/eyebase_dark"] .panelDataClosed:hover td {
	background-color: rgba( 252,252,252,.1);
}
.paneldataTable tr.field-group-even {
	background-color: rgba( 254,254,254,1);
}
[skin-dir="/styles/_dark"] .paneldataTable tr.field-group-even, [skin-dir="/styles/_raspberry"] .paneldataTable tr.field-group-even, [skin-dir="/styles/_orangepeel"] .paneldataTable tr.field-group-even, [skin-dir="/styles/eyebase_dark"] .paneldataTable tr.field-group-even {
	background-color: rgba( 254,254,254,.1);
}
.admin-wrapper.fields .paneldataTable td {
    padding: 8px 10px;

}
.relprops span {
	display: block;
}
/* MG191219 show the uload profile name as normal html text rather than rendered into the svg cos it looks odd */
#uploadpane {
	text-align: center;
}
#uploadpane span {
	display: inline-block;
	margin-top: 40%;
	width: 80%;
	height: 75px;
	font-weight: bold;
	font-size: 30px;
	color: #fff;/*#008406*/
	overflow: hidden;
}
/* MG191218 css precedence issue in the association dialog. File /styles/_source/less/components/modal.less */
.modal-wrapper.assocs span[class="target-n"] {
    display: none !important;
}
/* MG191204 user filtering in the key priv editor */
input.userfilter {
	border-radius: 5px;
	margin-top: 4px;
}
/* MG191203 extended field search - just like date fields, but with some add. space for time data */
input.date-range {
	margin-left: 5px;
}
input.datetime {
	max-width: 150px;
}
/* MG191128 new button in the video player to grab a still frame of the current position as a new data record (of type image). as the old .quicklist class didn't work out nicely, i created a new one */
#av_download {
	width: 100%;
}
#av_fgrab {
	padding-right: 8px;
}
#video-sc {
	display: block;
}
.v-control {
	text-align: right;
}
.v-control i {
	top: 37% !important;	/* didn't want to change the original but not-good-looking-here 50% top as it was referenced by a huge selector list in mixins.less */
}
.frame-grabber {
	position: absolute;
	top: 45px;
	background-color: white;
	padding: 5px;
	border-radius: 5px;
	border: 1px solid #eee;
	margin-left: -340px;
	box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.1);
}
.scenes-active .frame-grabber {
	margin-left: -40px;
}
[is-research="yes"] #av_fgrab {
	display: none;
}
.frame-grabber i {
	padding: 0 10px;
	margin-top: -8px;
	cursor: pointer;
}
.frame-grabber i.eb-icon-folder::before {
	color: #008406;
}
.frame-grabber i.eb-icon-checkmark::before {
	color: #5CB85C;
}
.frame-grabber i.eb-icon-close::before {
	color: #C11717;
}
.frame-grabber #profiles {
	position: absolute;
	bottom: 19px;
	right: 103px;
	padding: 10px;
	background-color: #fff;
	color: #008406;
	box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.1);
	border-radius: 5px;
}
.frame-grabber #profiles div {
	padding: 3px;
	cursor: pointer;
}
.frame-grabber #profiles div.selected {
	font-weight: bold;
}
.frame-grabber #profiles div:hover {
	text-decoration: underline;
}
#av_rangedisplay {
	width: 100px !important;
	border: none;
	padding: 0 13px;
	font-weight: bold;
}
/* MG191119 result count preview in the defined searches pane */
.bold {
	font-weight: bold;
}
.pointer {
	cursor: pointer;
}
.eb-icon.eb-icon-sigma::before {
	content: "\03a3";
}
#set-predefined .cell.result-count {
	width: 70px;
	text-align: right;
}
/* MG191118 also there's no filter icon for the download panel, search for pp-refined in 69.htt. instead of the svg used in the other sections, there's an i tag here */
.dropdown-menu > li > a > .eb-icon.refined {
	transform: scale(1);
	margin: -5px 8px 0 -25px;
}
/* MG191111 filter criteria in the right-side pin metadata tab */
.pin-meta-scroll {
	top: 50px;
	padding-top: 0;
}
.pin-refine {
	border: 1px solid rgba(0,0,0,.3);
	border-radius: 4px;
	padding: 3px;
	margin-bottom: 5px;
}
.pin-refine span {
	font-weight: bold;
}
.pin-refine div {
	cursor: pointer;
}
.pin-refine div  label:hover {
	color: #000;
}
.pin-close {
	position: relative;	/* is set to absolute in _source/public/styles.css */
}
/* the following are copied from _source/public/styles.css,except for top and font-size which i use cos i don't have the inline path definitions in 69.htt but use the eb-icons instead. */
.pin-info, .pin-filter {
	position: relative;	/* is set to absolute in _source/public/styles.css */
	top: 4px;
	cursor: pointer;
	padding: 10px;
	line-height: .8;
	background-color:
	transparent;
	border-radius: 50%;
	-webkit-transition: background-color .12s;
	-o-transition: background-color .12s;
	transition: background-color .12s;
	z-index: 2;	
}
.pin-info {
	margin-left: 5px;
}
body[skin-dir="/styles/_dark"] .pin-info:hover,
body[skin-dir="/styles/_dark"] .pin-info:focus,
body[skin-dir="/styles/_dark"] .pin-filter:hover,
body[skin-dir="/styles/_dark"] .pin-filter:focus,
body[skin-dir="/styles/_raspberry"] .pin-info:hover,
body[skin-dir="/styles/_raspberry"] .pin-info:focus,
body[skin-dir="/styles/_raspberry"] .pin-filter:hover,
body[skin-dir="/styles/_raspberry"] .pin-filter:focus,
body[skin-dir="/styles/_orangepeel"] .pin-info:hover,
body[skin-dir="/styles/_orangepeel"] .pin-info:focus,
body[skin-dir="/styles/_orangepeel"] .pin-filter:hover,
body[skin-dir="/styles/_orangepeel"] .pin-filter:focus,
body[skin-dir="/styles/eyebase_dark"] .pin-info:hover,
body[skin-dir="/styles/eyebase_dark"] .pin-info:focus,
body[skin-dir="/styles/eyebase_dark"] .pin-filter:hover,
body[skin-dir="/styles/eyebase_dark"] .pin-filter:focus {
	background-color: rgba(255, 255, 255, 0.95);
}
body[skin-dir="/styles/_dark"] label:hover, body[skin-dir="/styles/_raspberry"] label:hover, body[skin-dir="/styles/_orangepeel"] label:hover, body[skin-dir="/styles/eyebase_dark"] label:hover {
	color: #018dab;
}
.pin-info:hover i::before, .pin-info:focus i::before, .pin-filter:hover i::before, .pin-filter:focus i::before {
	color: #000000;
}
.pin-info.active,
.pin-filter.active {
	background-color: rgba(0, 0, 0, 0.05);
	color: #000;
}
body[skin-dir="/styles/_dark"] .pin-info.active,
body[skin-dir="/styles/_dark"] .pin-filter.active,
body[skin-dir="/styles/_raspberry"] .pin-info.active,
body[skin-dir="/styles/_raspberry"] .pin-filter.active,
body[skin-dir="/styles/_orangepeel"] .pin-info.active,
body[skin-dir="/styles/_orangepeel"] .pin-filter.active,
body[skin-dir="/styles/eyebase_dark"] .pin-info.active,
body[skin-dir="/styles/eyebase_dark"] .pin-filter.active {
	background-color: rgba(255, 255, 255, 0.15);
}
body[skin-dir="/styles/_dark"] .pin-info.active i::before,
body[skin-dir="/styles/_dark"] .pin-filter.active i::before,
body[skin-dir="/styles/_raspberry"] .pin-info.active i::before,
body[skin-dir="/styles/_raspberry"] .pin-filter.active i::before,
body[skin-dir="/styles/_orangepeel"] .pin-info.active i::before,
body[skin-dir="/styles/_orangepeel"] .pin-filter.active i::before,
body[skin-dir="/styles/eyebase_dark"] .pin-info.active i::before,
body[skin-dir="/styles/eyebase_dark"] .pin-filter.active i::before {
	color: #fff;
}
/* MG191107 this should also be available for the account manager, please :-) */
.keywords .cterm {
	float: left;
	border: 1px solid #dedede;
	padding: 0 12px;
	height: 32px;
	line-height: 31px;
	margin: 0 4px 4px 0;
	background-color: #dedede;
	color: #000000;
	border-radius: 4px;
}
/* MG191008 field copier 2, template 66 */
.fieldbox .datasheet {
	border-bottom: none;
}
.fieldbox .datalabel {
	width: 100%;
}
.fieldbox .datasheet input[type="text"].short4 {
	width: 48px !important;
}
#tofield {
	margin-bottom: 15px;
}
.table-auto-width {
	width: auto;
}
/* MG191004 generic table sort styles (currently defined separately for widnget.importer-log and widget.login-list etc.
i know that it's done differently in widgets.less with variables etc., but i can't just get the svg content to be displayed with the resolved url i get from F12. sorry.
*/
.table.table-sortable > .row .cell.h.active span + span::before {
	font-family: 'eyebase_v5' !important;
	content: "\ea10";
}
.table.table-sortable > .row .cell.h.active[dir="desc"] span + span::before {
    transform: rotate(180deg);
}
.table.table-sortable > .row .cell.h span::before {
    content: '';
    display: inline-block;
    height: calc(100% + 1px);
    vertical-align: middle;
}
.table.table-sortable > .row .cell.h {
	cursor: pointer;
}
#xlisttable .file-export-container .cell {
	padding: 2px !important;
}
#xlisttable .file-export-container .cell.exported-files-module_id, #infobox .file-export-container .cell.exported-files-module_id {
	display: none;
}
#infobox .file-export-container .table {
	background-color: transparent !important;
}
#infobox .file-export-container .table-striped .row:nth-of-type(2n) {
    background-color: #222;	/* must probably be changed to another color for other skins?... */
}
.file-export-container {
	max-height: 300px;
	overflow-y: auto;
	overflow-x: hidden;
}
#xlisttable .file-export-container {
	max-height: 200px;
}
#infobox .file-export-container {
	max-height: 100px;
}
/* MG190927 in case of restricting fulltext search to folders or collections, show the correct icon instead of the looking glass. they're not correctly positioned there,
so put them the same way as .eb-icon-search */
#topFrSearch .eb-icon-folder, #topFrSearch .eb-icon-collection {
	display: block;
	position: absolute;
	top: 8px;
	left: 7px;
	font-size: 16px;	/* just a bit smaller */
	color: #777777;
}
/* MG190916 some styles for the new pin list view in the "collection properties". as this table is quite crammed with stuff, i made the input fields toggleable.
this is mostly needed to quickly get an overview of huge amounts of defined pins across sub collections, and to be able to quickly set lots of the same properties
for many pins without having to skip between a multitude of disparate collections. the customer likes it this way, so... :-) 
only great thing would be if we could somehow make the settings table's width react to the actual real estate in the settings window.
i've seen there's a var @settings-max-width defined in settings.less. can this somehow be used?
right now, just for the sake of it, i created a style here .settings-wrapper-wide that makes the table a bit wider (provides space for more pins,
and the customer has _thousands_ of them. */
.settings-wrapper-wide {
	max-width: 1400px;
}
.kp-set {
	width: 220px;
}
.kp-set input, .kp-set textarea, .kp-set select {
	width: 100%;
}
.kp-set select {
	height: 34px !important;
}
.kp-set textarea {
	padding: 5px 8px;
}
/* MG190820 tentative filtering option in PINs, currently triggered only by the switch --permit-filter in the "pin message" field */
#pinFilter {
    float: right;
    position: relative;
    height: 34px;
    margin: -4px 10px 0;
}
#pinFilter .eb-icon-search {
    display: block;
    position: absolute;
    top: 8px;
    left: 7px;
    font-size: 18px;
    color: #777777;
}
#pinFilter input[type="text"] {
    border-color: #e6e6e6;
    border-radius: 1px;
    height: 34px;
    width: 280px;
    padding: 0 25px 0 30px !important;
    border-radius: 6px;
}
/* MG190816 icon to toggle the original filename to be edited underneath the thumb image in the data item editor (template 17) */
.bildtext span i::before {
	font-size: 0.9rem;
}
.bildtext span i {
	margin: -7px 0 0 2px;
	cursor: pointer;
}
/* MG190816 do we already have sth to vertically middle-align text in div tables? all used in the "folder properties / collection properties" panes */
.row.row-middle .cell {
	vertical-align: middle;
}
textarea.one-line {
	height: 2.4em;
}
/* MG190815 the archive "handle" between the folder tree and the trashcan is a few pixels too far on the left side */
#folders #archiv {
	margin-left: 8px;
}
/* MG190808 would maybe be a nice idea to make all kinds of table "sortable" by providing this css (with the correct arrow icons which i wasn't able to find) for all such tables */
/* currently defined e.g. for the .importer-log widget */
input.name-available {
	background-color: #f3fff3 !important;
	color: #338833;
}
input.name-used {
	background-color: #fff3f3 !important;
	color: #883333;
}
.table.sortable > .row .cell.h.active[dir="asc"] span + span {
	/* copied from the widgets definition in F12 but doesn't show anything */
	background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22768%22%20height%3D%22768%22%20viewBox%3D%220%200%20768%20768%22%3E%3Cpath%20d%3D%22M127.5%20384L384%20127.5%20640.5%20384%20594%20429%20415.5%20250.5v390h-63v-390L172.5%20429z%22%2F%3E%3C%2Fsvg%3E");
	margin-left: 3px;
}
.table.sortable > .row .cell.h.active[dir="desc"] span + span {
	/* copied from the widgets definition in F12 but doesn't show anything */
	background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22768%22%20height%3D%22768%22%20viewBox%3D%220%200%20768%20768%22%3E%3Cpath%20d%3D%22M127.5%20384L384%20127.5%20640.5%20384%20594%20429%20415.5%20250.5v390h-63v-390L172.5%20429z%22%2F%3E%3C%2Fsvg%3E");
	margin-left: 3px;
}
/* as i can't get the nice little arrows to work, i'll have to resort to the ugly character arrows here atm */
.table.sortable > .row .cell.h.active[dir="asc"] span + span::before {
	content: "^";
}
.table.sortable > .row .cell.h.active[dir="desc"] span + span::before {
	content: "v";
}
/* MG190807 copied these styles from widget6 (importer log) to the "system report" version of the importer log */
.ccfhistory .deleted a.ccfhistory, .ccfhistory .failed a.ccfhistory, .ccfhistory .pending a.ccfhistory, .ccfhistory .pending_import a.ccfhistory {
	display: none;
}
.ccfhistory .imported span.ccfhistory {
	display: none;
}
.ccfhistory [scope="personal"] {
	display: none;
}
/* MG191127 this is defined in widgets.less, here is an addition for the new pending status */
.widget.importer-log .pending a.ccfhistory, .widget.importer-log .pending_import a.ccfhistory {
    display: none !important;
}
/* MG190715 pinterest doesn't allow to share videos directly, only via youtube */
a[data-type="pinterest"] {
	display: none;
}
a[data-type="pinterest"][mime-type^="image"] {
	display: inline-block;
}
/* MG190618 get eyebase thumbnails into the same shape as youtube preview images on the "uploads" pane */
.sms-image {
	max-width: 120px;
	max-height: 120px;
}
.sms-transfers, .sms-transfers .table > .row > .cell.h {
	font-size: .8rem !important;
}
.sservices .cell-right i {
	display: block;
	margin-bottom: 5px;
}
.sservices .unhide-hide, .sservices .unhide-unhide, .sservices.unhide .hide-hide, .sservices .hide-hidden, .sservices .unhide-hidden {
	display: none !important;
}
.sservices.unhide div.row.hide {
	display: table-row !important;
}
.sservices.unhide .unhide-hide {
	display: block !important;
}
/* MG190616 place the "refresh" icon 2px higher beside text on the "social media services" page */
.admin-wrapper.sservices .eb-icon-loop-alt1, .admin-wrapper.sservices .eb-icon-key {
	transform: translateY(-2px);
}
/* MG190506 as the number of options in the viewmode field-based selector box potentially increases by a huge amount now, make the select box a bit higher */
#lcmaster select[multiple] {
	min-height: 185px;
}
/* MG190423 info for the keyword fields that tells the suer that only terms of the list can be added */
.keywords-hint {
	position: absolute;
	padding: 6px;
	border-radius: 10px;
	background-color: #ffc;
	margin-left: 3px;
}
.keywords-hint.fade {
	opacity: 0;
	transition: opacity 0.5s ease-in;
}
/* MG190408 more tidbits for the youtube configurator */
#sms-playlists th {
	text-align: left;
}
#sms-playlists .eb-icon {
	color: #018dab;
}
/* MG190319 hint for multiselect and keyword fields about a max entry count being set for them. if there was an existing class name that could be used instead, i'd be happy */
span.maxentries {
	display: block;
	font-style: italic;
}
/* MG190316 some (general) stuff needed for the youtube / social media service configurator */
.collection-container {
	color: #4687b3 !important;
	background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2232%22%20height%3D%2216%22%20viewBox%3D%220%200%2032%2016%22%3E%3Cpath%20fill%3D%22%234687B3%22%20d%3D%22M17.822%203.977c0-.324-.114-.602-.345-.833a1.132%201.132%200%200%200-.831-.344c-.324%200-.602.115-.832.344-.23.23-.345.508-.345.833%200%20.325.114.602.345.833.23.229.508.345.832.345.325%200%20.603-.115.832-.345.23-.231.344-.508.344-.833zm9.813%205.297c0%20.325-.112.6-.341.828l-4.515%204.523c-.239.228-.519.34-.836.34-.324%200-.602-.113-.827-.34L14.54%208.042c-.234-.227-.431-.536-.593-.928-.163-.393-.244-.751-.244-1.076V2.211c0-.319.116-.594.35-.827a1.13%201.13%200%200%201%20.827-.35h3.824c.325%200%20.684.081%201.077.244.393.163.704.36.938.593l6.575%206.566c.228.239.341.518.341.837zm3.532%200c0%20.325-.113.6-.342.828l-4.515%204.523c-.239.228-.518.34-.835.34-.223%200-.402-.042-.544-.128a2.593%202.593%200%200%201-.488-.414l4.323-4.322c.226-.228.339-.503.339-.828a1.18%201.18%200%200%200-.339-.837L22.19%201.871c-.232-.233-.546-.431-.938-.593-.393-.163-.75-.244-1.075-.244h2.059c.325%200%20.684.081%201.076.244s.704.36.938.593l6.575%206.566c.229.239.342.518.342.837z%22%2F%3E%3C%2Fsvg%3E" );
	background-position: -8px center;
	background-repeat: no-repeat;
	text-indent: 16px;
}
.profile-container {
	color: #008406 !important;
	background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2232%22%20height%3D%2216%22%20viewBox%3D%220%200%2032%2016%22%3E%3Cpath%20fill%3D%22%23008406%22%20d%3D%22M30%2015H16c-.27%200-.506-.1-.704-.297A.969.969%200%200%201%2015%2014V5h16v9c0%20.27-.1.505-.296.703A.971.971%200%200%201%2030%2015zM15%204V2c0-.28.097-.52.29-.71S15.72%201%2016%201h6c.27%200%20.505.097.702.29.196.19.297.43.298.71%200%20.28.096.52.29.71.19.193.428.29.71.29h6c.27%200%20.505.1.703.297a.971.971%200%200%201%20.296.703H15z%22%2F%3E%3C%2Fsvg%3E");
	background-position: -8px center;
	background-repeat: no-repeat;
	text-indent: 16px;
}
.sservices .table .row .cell { vertical-align: top; }
/* MG190313 define tab order index in edit viewmode layout editor */
.tab-index-display {
	display: block;
	position: absolute;
	right: 0;
	top: 0;
	width: 30px;
	height: 20px;
	background-color: rgba(0,0,255,.7);
	color: #ff0;
	font-weight: bold;
	text-align: right;
	border-radius: 6px;
	padding: 2px 4px;
}
#xsettabindex + span {
	display: block;
	margin-left: 10px;
	margin-top: 3px;
}
/* MG190304 at last added the new (? - code is more than a year old!) modal dlg to eyebase for easier handling of multiple controls */
.branch .simple-spinner, .leaf .simple-spinner {
	visibility: visible !important;
	display: inline-block;
	width: 12px;
	height: 12px;
	margin-left: 3px;
	float: right;
}
/* the (additional) css here is wip and improvements in the layout are most welcome! */
.modal__fields label.line-feed {
	display: block;
	margin: 13px 0 3px 0;
}
/* MG190228 amended the white stripes in the tables of widgets 1 and 6 in coloured mode by setting them to some ugly shade of yellow */
[use-colors="true"] .widget.login-list .table-striped .row:nth-of-type(2n), [use-colors="true"] .widget.importer-log .table-striped .row:nth-of-type(2n) {
	background-color: #ffff66;
}
/* MG190222 hide empty copyright and other fields in custom layout detail views */
body[layout="active"] .copyright.fnotset, body[layout="active"] .betaearthball.fnotset, body[layout="active"] .alphaearthball.fnotset {
	display: none;
}
/* MG190222 [15099] allow the modal window to be as wide as the browser window, one customer is not happy with the width of the system message dlg */
.modal__button--size {
	right: 35px;
}
.modal__button--size::before {
	content: "\ea77";
}

/* MG181223 just some small fix to make the version number a bit nicer to read - only available if the versioning module is active */
.bildtext span.vc-version {
	width: auto;
	float: right;
}
/* MG181220 again sth new: pin snap-ins, works quite like the widgets */
/* these are just for testing, mostly cos there is only one demo snap-in available at the moment (or maybe 2) */
.snap-in .eb-icon {
	font-size: 3rem;
	cursor: pointer;
}
.snap-in-approval div {
	text-align: center;
}
/* MG181220 new var type "checkbox". we use the eb-icon to display it but need some special css classes to make it format like "data" and not like a "switch" or "function" */
.datasheet .data-icon {
	text-align: left;
	padding-bottom: 5px;
}
.datasheet .data-icon .eb-icon {
	right: auto;
}
/* MG181218 detail-view sidebar overflow in case the frame is too narrow */
.sidebar.opened {
	overflow-y: auto;
}
/* MG171105 uncommented because flags.less seems to use a static set of flag definitions while flags.css gets dynamically created respecting the currently installed languages and their lang codes - other ideas welcome if this is bad */
/* MG181122 show the left/right question/reply icons */
.widget.dataspace .cell.status .eb-icon.eb-icon-angle-double-left, .widget.dataspace .cell.status .eb-icon.eb-icon-angle-double-right {
	visibility: visible;
}
/* MG181121 integrate a spinner into the export icon for the qna pdf export... */
.widget.dataspace .export-busy {
	margin-top: -9px;
	color: transparent;
}
.widget.dataspace .export-busy .btn-spinner {
	display: block;
}
.widget.dataspace .btn-spinner {
	position: relative;
	transform: scale(0.5);
	margin-top: -7px;
}
/* MG181121 as there's a new export icon in the toggler row of each dataspace, place it so that it resides right next to the toggler and not somewhere in the middle */
.widget.dataspace .toggle-row .cell.export {
	cursor: pointer;
	width: 40px;
}
/* MG181116 place the qna question type icon centered so that it looks nicer with the qna id below it */
/* show the reply icon only either with the last question (if not yet answered) or the last answer of a qna thread */
.widget.dataspace .question.question-answered .eb-icon-reply, .widget.dataspace .question.question-answered .eb-icon-edit {
	display: none;
}
/* show different icon/icon title combinations for several different status */
.widget.dataspace .question.author-is-admin .eb-icon-edit, .widget.dataspace .question.author-is-asker .eb-icon-reply {
	display: none;
}
.widget.dataspace .answer.author-is-admin .eb-icon-reply, .widget.dataspace .answer.author-is-asker .eb-icon-edit, .widget.dataspace .eb-icon-remove {
	display: none;
}
/* MG190109 sorry for this chaos - this here is needed to show a whole conversation in "show only unanswered questions" mode rather than just the last entry */
.widget.dataspace .entries-unanswered .question-unanswered, .widget.dataspace .entries-unanswered .answer-answered {
	display: table-row !important;
	visibility: visible;
}
/* show a "remove thread" icon for qna admins, only if a qna thread has been marked as "locked" */
/* MG190109 added 2 selectors */
.widget.dataspace .question.question-answered.sequence-1.author-is-admin:hover .status-locked .eb-icon-remove,
.widget.dataspace .question.question-unanswered.not-answered-at-all.sequence-1.author-is-asker:hover .eb-icon-remove,	/* MG220118 [38369] allow authors to remove as-of-yet unanswered public questions */
.widget.dataspace .question.question-is-private.sequence-1.author-is-asker:hover .eb-icon-remove,
.widget.dataspace .question.sequence-1.author-is-admin:hover .eb-icon-remove {
	display: inline !important;
	visibility: visible;
}
/* show the confidential checkbox only during the first "run" of the qna roundabout */
.qna-container .qna-confidential {
	display: none;
}
.qna-container .qna-confidential.qna-sequence-1, .qna-container .qna-confidential.qna-sequence--1 {	/* MG190115 the "-1" version is for questions to items where we open the dlg to start a "fresh" conversation */
	display: table-row;
}
/* show the previous question along with the previous answer in case a new question is asked */
.qna-container .qna-prev-question.qna-is-answer, .qna-container .qna-prev-question.qna-is-new-question, .qna-container .qna-answer.qna-is-new-question {
	display: none;
}
/* change the question/answer field labels depending on a q being answered or a new q being asked */
.qna-container .qna-question .qna-question.qna-is-question, .qna-container .qna-question .qna-answer.qna-is-answer {
	display: none;
}
.qna-container .qna-answer .qna-answer.qna-is-question, .qna-container .qna-answer .qna-question.qna-is-answer {
	display: none;
}
.widget.dataspace .eb-icon.item, .widget.dataspace .eb-icon.folder, .widget.dataspace .eb-icon.collection, .widget.dataspace .eb-icon.archive {
	cursor: pointer;
}
.widget.dataspace .eb-icon.generic, .widget.dataspace .eb-icon.item, .widget.dataspace .eb-icon.folder, .widget.dataspace .eb-icon.collection, .widget.dataspace .eb-icon.archive {
	width: 100%;
	text-align: center;
}
.widget.dataspace .question .object-type * {
	display: none;
}
.widget.dataspace .question strong {
	font-weight: normal;
}
.widget.dataspace .question.sequence-1 .object-type * {
	display: inline-block;
}
.widget.dataspace .question.sequence-1 div div {
	padding-left: 0;
}
.widget.dataspace .question.sequence-1 strong {
	font-weight: bold;
}
/* MG181105 fix messed-up display in "extended options" sub-dialogue during export, where recently input boxes are shown inline rather than below their labels */
.modal-wrapper.export #extended_options .adlsection input[type="text"] {
	display: block;
	margin-left: 0;
}
/* MG181105 at least FF draws a red border around elements where it thinks the contents don't match the activated input pattern (set by the pattern tag attribute)
	as long as our custom attribute is called "pattern" (maybe we should change it), this fix removes the red border from the element */
input:required, input:invalid {
    box-shadow:none;
}
/* MG181018 hide the "sv_level" column from all lists except the "sperrvermerk" list (id 56) */
.cell.releaselevels {
	display: none;
}
.cell.releaselevels.releaselevels-56 {
	display: table-cell;
}
#widget15 .object-type .archive {	/* would be nice to have an "archive" icon - not only here, but for the archive folder tree, too */
	background: url('data:image/svg+xml;base64,PCEtLSBHZW5lcmF0ZWQgYnkgSWNvTW9vbi5pbyAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgdmlld0JveD0iMCAwIDY0IDY0Ij4NCjx0aXRsZT5mb2xkZXI8L3RpdGxlPg0KPHBhdGggZmlsbD0iIzdjN2M3YyIgZD0iTTMwIDMwaC0yOHEtMC44MTMgMC0xLjQwNi0wLjU5NHQtMC41OTQtMS40MDZ2LTE4aDMydjE4cTAgMC44MTMtMC41OTQgMS40MDZ0LTEuNDA2IDAuNTk0ek0wIDh2LTRxMC0wLjg0NCAwLjU3OC0xLjQyMnQxLjQyMi0wLjU3OGgxMnEwLjgxMyAwIDEuNDA2IDAuNTc4dDAuNTk0IDEuNDIyIDAuNTc4IDEuNDIyIDEuNDIyIDAuNTc4aDEycTAuODEzIDAgMS40MDYgMC41OTR0MC41OTQgMS40MDZoLTMyeiI+PC9wYXRoPg0KPC9zdmc+DQo=') left top no-repeat;
	padding-left: 16px;
	margin-left: -3px;
	margin-right: -10px;
	padding-bottom: 8px;
	cursor: pointer;
}
/* MG181002 quicklist folderstructure export: show which records are in no folders at all */
.adlsection label.partial::after, .exportsheet span.not-in-folder::after {
    font-family: 'eyebase_v5' !important;
    content: "\ea4e";	/* was \e602; can't use eb-icon-info here cos it places the (i) *before* the text and i need it behind it, sorry */
    font-size: 14px;
    margin: -2px 1px 0 3px;
    color: #018dab;
}
/* MG180713 support for date/time fields, need to be wider than normal .date fields */
.datasheet input[type="text"].datetime {
	width: 150px !important;
}
/* MG180706 qstyle (hide quality-related objects via css) was only defined for img tags in _v5.css, needs to be available for all kinds of tags */
.qstyle {
	display: none !important;
}
/* needed in both directions */
.eb-icon-inheritee .eb-icon-lock-closed, .eb-icon-lock-closed .eb-icon-inheritee {
	float: right;
	width: 10px;
	height: 10px;
	font-size: 8px;
}
.eb-icon-inheritee .eb-icon-lock-closed::before, .eb-icon-lock-closed .eb-icon-inheritee::before {
	font-size: 9px;	/* only both font defs together (here and 3 lines above) work for me */
}
.eb-icon-lock-closed .eb-icon-inheritee {
	color: #fff !important;
	padding-top: 4px;
	margin-left: -4px !important;
	padding-right: 2px;
}
/* custom "datenschutz" h1 style, needed on clones of the login page */
#imprint h1 {
	color: #000;
	margin-bottom: 20px;
}
/* MG180425 #slideshow-save was imho not properly positioned in the dom tree, moved it one level up */
#customsize input {
	margin-top: 3px;
}
#customsize span {
	width: 20px;
	display: inline;
	line-height: 37px;
	padding: 6px;
}
#customsize span::before {
	content: "x";
	font-weight: bold;
}
div#slideshow-save {
	width: auto !important;
}
div#slideshow-save div {
	display: inline;
}
div#slideshow-save input {
	width: 150px;
}
/* MG180518 sso reset link was a bit out of position */
#reset-sso {
	display: block !important;
	margin: 7px 0 !important;
}
/* MG180430 somehow the info icon in the trashcan informing about items that are in no folders has been lost... */
.cell.in-folders .eb-icon-info, .cell.no-folders .eb-icon-info {
	display: none;
	transform: translate(0, -3px);
}
.cell.no-folders[for-count="0"] .eb-icon-info[for-count="0"], .cell.no-folders[for-count="*"] .eb-icon-info[for-count="*"], .cell.no-folders[for-count="#"] .eb-icon-info[for-count="#"], .cell.in-folders[for-count="#"] .eb-icon-info[for-count="#"] {
	display: inline;
	margin-left: 4px;
	color: #018dab;
}
.row.norestore {
	font-style: italic;
	opacity: .7;
}
.row.norestore.v-no-restore .cell.no-folders[for-count="#"] .eb-icon-info[for-count="#"], .row.norestore.v-no-restore .cell.in-folders[for-count="#"] .eb-icon-info[for-count="#"] {
	color: #aaa;
}
/* MG180423 show only keys that have certain attributes set - and their parents up to the root node */
div[ctxthesid].tagged-only span {
	display: none;
}
div[ctxthesid].tagged-only span.tagged-only {
	display: block;
	font-style: italic;
}
div[ctxthesid].tagged-only span.tagged-only.tagged-inlist {
	font-style: normal;
}
/* MG181122 place the folder structure filter icons to the left of the thes dropdowns - maybe not the best place but... */
#cfilter, #ffilter {
	transform: translate(-2px,-33px);
	position: absolute;
}
/* MG180308 "add lang" controls on the features page */
body.features select {
	width: auto;
}
.size-50 {
	width: 50%;
}
/* MG180306 trashcan sorting and sidebar. maybe even all instances of sortcol divs could use these 2 settings, i don't know. */
body.trashcan div[sortcol] {
	white-space: nowrap;
}
body.trashcan div[sortcol] span {
	cursor: pointer;
}
/* MG180226 crippled product support. as the ipad uses object instead of iframe, set these accordingly. this is the least of all problems with it, though */
object#details {
	background-color: #ffffff;
	left: 302px;
	width: calc(100% - 302px);
	top: 120px;
	height: calc(100% - 353px);
	z-index: 0;
}
.popup-bild object {
	position: relative;
}
object[name="ietrash"] {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: none;
}
object {
	position: absolute;
}
/* MG180215 re-introduced the concept of workfolders - at least for my own use. */
.eui_message {
	margin: 7px 0 3px 0;
}
#workfolders .sidebar-inner {
	padding: 25px 20px 25px 20px;
	min-height: 100%;
}
#workfolders.heading {
	font-weight: bold;
	padding: 0 45px 10px 0;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.heading .eb-icon {
	min-width: 20px;
}
#workfolders.opened {
	transform: translate3d(-100%, 0, 0);
}
#workfolders {
	left: 100%;
	right: -100%;
	width: 100%;
	border: none;
	overflow: auto;
	z-index: 12;
	top: -27px;
}
#workfolders .cell {
	padding-left: 0;
	padding-right: 0;
}
#wf-contents {
	overflow: hidden;
	min-height: 30px;
	overflow-y: auto;
}
#wf-contents div {
	white-space:normal;
	padding-top: 3px;
	padding-bottom: 3px;
}
#wf-contents div i.eb-icon {
	visibility: hidden;
}
#wf-contents div:hover {
	cursor: pointer;
}
#wf-contents span.eb-icon {
	width: 25px;
	text-align: center;
	margin-left: -6px;
}
#wf-contents div:hover i.eb-icon {
	visibility: visible;
	padding: 0;
}
#wf-contents i.info {
	margin-left: -2px;
	height: 20px;
	display: inline-block;
	margin-top: -3px;
	transform: translatey(2px);
}
#wf-contents div[info="set"] i.info::before {
	font-family: 'eyebase_v5' !important;
	font-style: normal;
	color: #018dab;
	font-size: 13px;
	margin: 0 5px;
}
#wf-contents div[info=""] i.info {
	visibility: hidden;
}
.panel1 i[isenabled="1"].key-high, .panel2 i[isenabled="1"].key-high {
	background-color: pink !important;
}
/* MG171213 hide the "create new pin" ctx menu entry when the menu is opened on the collection root node */
#contextmenu #ctx_album_4194304[ctxid="0"][ctxsubindex="1"] {
	display: none;
}
.user-lc-reset::before {
	content: "\2205";
	font-weight: bold;
}
/* MG171128 some styles for the extended thumb exchange functionality, accessible via record edit mode */
img[busy="pending"] {
	border: 3px dashed gray;
}
#draginfo {
	font-size: 10px;
	text-align: justify;
}
#draginfo .table {
	width: auto;
}
#draginfo .cell {
	font-weight: bold;
}
/* MG171125 "look-ahead" filtering in list view mode to filter contents of rows that are not yet properly loaded */
[data-src][filtered="pending"] {
	opacity: .6 !important;
	font-style: italic !important;
}
[data-src][filtered="pending"] [filtering="busy"] em {
	transform: scale(0.4,0.4);
	height: 13px;
	display: inline-block;
	position: absolute;
}
/* MG171114 [11129] make empty fields visible in custom detail layouts */
body[layout="active"].detail-wrapper .fieldcontainer .fnotset {
	display: block;
}
/* MG171109 new "instant file" feature - allow to drop files onto certain elements during data edit */
.file-drag {
	background-color: #fafffa !important;
}
.instant-file {
	margin: 0 2px;
}
.instant-file span {
	color: green !important;
}
.instant-file span::before {
	font-family: 'eyebase_v5' !important;
	content: "\e613";
	margin-right:2px;
}
.instant-file img, .datasheet.multiline .instant-file span {
	display: none;
}
.datasheet.multiline .instant-file img {
	display: block;
}
/* MG171025 tentatively make as-of-yet empty fields accessible via the inline editor by keeping the alt btn pressed (see eui.js __eui_mark_qe et al. also remember MG171025 in template 16) */
[hilite-qe="on"] span[quickedit] {
	background-color: #e6f3ff !important;
	min-width: 10px !important;
	min-height: 10px !important;
}
/* MG171023 viewmode manager: hide edit views for research users and research user types - so as to not confuse the poor admins */
[cssdir="edit"] [user-type*="recherche"], [cssdir="edit"] [user-type*="order"] {
	display: none;
}
/* MG171023 in custom layout mode, make the navigation arrows lie in front of other elements, otherwise we can't access them (and usually they're smaller than any of the content fields) */
[layout="active"] .css_arrows {
	z-index: 2;
}
/* MG171020 signal color for the new repo mode for the eyebase repositories (used in the overview frame) */
.repo-mode #topFrCont {
	background-color: #f00;
}
.shortlinks li.repo-zip {
	display: none;
}
.repo-mode #topFrCont .shortlinks li.repo-zip {
	display: inline-block;
	font-weight: bold;
}
.repo-mode #topFrCont .shortlinks li.repo-zip a {
	color: #ff0;
}
.repo-mode #topFrCont .shortlinks li.debug {
	display: none;
}
/* MG171012 foreign system search widget */
#suchbox input[type="text"] {
	padding-left: 25px;
}
#suchbox #topFrSearch {
	margin: 0;
	float: none;
}
/* MG170929 this was set to hidden but i think that's not intended */
.showhits, #qrresult {
	overflow: auto;
}
/* MG170926 new support for qualities 1 and 2 for documents */
.table > .row.row-hidden[active="active"].qm-doc.qm-compression-512, .table > .row.row-hidden[active="active"].qm-doc.qm-resolution-512, .table > .row.row-hidden[active="active"].qm-doc.qm-dpi-512, .table > .row.row-hidden[active="active"].qm-doc.qm-imagick-512 {
	display: none !important;
}
/* MG170904 try a wizard mode for the folder structure export, too */
.modal-wrapper.export .exportsheet.ccf #extended_options.wizard-mode .extended_options-inner {
	width: 100%;
}
.modal-wrapper.export .exportsheet.ccf #extended_options.wizard-mode .adlsection td {
	padding-top: 3px;
	padding-bottom: 3px;
}
.modal-wrapper.export .exportsheet.ccf #extended_options.wizard-mode .modal__content > div {
	transform: translate(0,-20px);
}
.modal-wrapper.export .exportsheet.ccf #extended_options.wizard-mode .table > .row > div:last-child {
	padding-bottom: 0;
}
.modal-wrapper.export .exportsheet.ccf #extended_options.wizard-mode .extended_options-inner .info-box {
	padding: 0 0 5px 0;
}
.exportsheet input[module="502"][is-custom-q="yes"], .exportsheet input[module="503"][is-custom-q="yes"], .exportsheet input[filesize="0"] {
	display: none;
}
/* MG170902 customer-specific widget support - display some info in the widget configurator */
a[id^="aset-widget"].custom {
	font-style: italic;
}
a[id^="aset-widget"].custom::after {
	content: " *";
}
/* MG170829 just try to put the social links to the right side for the slide show */
.pp-social.right {
	bottom: auto;
	position: fixed;
	right: 0;
	top: 50%;
	transform: translate(0px, -50%);
	left: auto;
}
.pp-social.right ul {
	clear: both;
}
.pp-social.right li {
	display: block;
}
.pp-social.right .pp-social-inner span {
	margin: 0;
}
/* MG170821 upload profile collision handling - is now a div table rather than a "real" one, so: */
/* MG170926 added nooriginal, works quite the same */
.row.ondemandcollision, .row.nooriginal {
	display: none;
}
.row.ondemandcollision.ondemand, .row.nooriginal.enabled {
	display: table-row;
}
/* MG170719 dont show the keyframes quality in the export dialog */
.exportsheet .x8192 {
	display: none;
}
.container #sammlungen { color: #4687b3; }
[layout="active"] .datalabel, [layout="active"] .datasheet  {
	left: -2000px;
	top: -2000px;
	position: absolute;
}
/* MG170530 enable horizontal scrolling (and scrolling colum headers, too) in the pin list view */
.row.pp-header-row .cell.h.nopad {
	padding: 0 !important;
	text-indent: 2000px;
}
.row.pp-header-row .cell.h {
	overflow: hidden;
}
/* MG170519 allow big input fields of type .textarea-large and .textarea-x-large to resize in custom layout mode */
/* MG170617 added max-height (and therefore the 4th block got obsolete) because textareas were spilling out of their containers */
[layout="active"] .textarea-default,
[layout="active"] .select-multiple-default,
[layout="active"] .thes-default,
[layout="edit"] .textarea-default,
[layout="edit"] .select-multiple-default,
[layout="edit"] .thes-default {
  min-height: 100% !important;
  max-height: 100% !important;
}
[layout="active"] .textarea-large,
[layout="active"] .select-multiple-large,
[layout="active"] .thes-large,
[layout="edit"] .textarea-large,
[layout="edit"] .select-multiple-large,
[layout="edit"] .thes-large {
  min-height: 100% !important;
  max-height: 100% !important;
}
[layout="active"] .textarea-x-large,
[layout="active"] .select-multiple-x-large,
[layout="active"] .thes-x-large,
[layout="edit"] .textarea-x-large,
[layout="edit"] .select-multiple-x-large,
[layout="edit"] .thes-x-large {
  min-height: 100% !important;
  max-height: 100% !important;
}
/* MG170517 unfortunately i had to change the ids of checkboxes generated by r_keyprops for internal reasons.
they are now all prefixed by cb_ and the first "candidate" that's affected is this - taken from _v5.css */
#set-folderprops .data-table.table-3 #cb_kp_viewmode + label, #set-viewmode .data-table.table-3 #cb_kp_viewmode + label {
	display: block;
	padding-left: 0;
	/*px*/ margin: 5px 0;
	/*rem*/ margin: 0.3125rem 0;
}
/* slideshow container in pin view */
/* MG170620 commented out but not in pin-public.css -- why??? */
.admin-wrapper.slideshow #slideshowContainer {
	transform: translate(0,0);
}
#slideshowContainer {
	transform: translate(10px,110px);
}
/* MG170425 amend overlapping data columns due to content not breaking into lines */
#xlisttable .datacolumn {
	/*word-break: break-all;*/
	overflow: hidden;
}
/* MG170424 small drag bar in the extended field search to make multiselect dropdowns adjustable in height */
.ms-dragger {
	background-color: #ccc;
	height: 5px;
	cursor: pointer;
}
.ms-dragger.active {
	background-color: #eee;
}
/* MG170405 only show the additional data package export options if versioning is enabled */
.vexport_disabled {
	display: none;
}
/* MG170315 change in thes priv editor: also show empty user groups. wasn't done yet. for these, we don't show empty lines for non-existing users */
tr[usercount="0"] td.panelopener * {
	display: none !important;
}
/* MG170313 in custom layout mode the datasheet and datalabel elements need to be displayed "blocked" rather tna "table-celled" */
[layout="active"] .datasheet, [layout="edit"] .datasheet, [layout="edit"] .datalabel, [layout="active"] .datalabel {
  display: block;
}
/* MG170309 return of "dpi" settings for pictures, qualities 1 and 2 => hide for 512 */
.table > .row.row-hidden[active="active"].qm-dpi-512 {
	display: none !important;
}
.modal-wrapper.fieldmover .fieldbox .cell {
	padding-left: 3px !important;
	padding-right: 3px !important;
}
/* MG170210 at last - an update log viewer! guys don't write swearwords into your git commit messages anymore! :-) */
.row.update-DB {
	color: #355;
}
.row.update-FILE {
	color: #535;
}
/* MG170208 resource file editor in the test suite */
textarea.resource {
	font-family: monospace, monospace;
	font-size: 1em;
	height: 300px;
	width: 95%;
}
textarea.resource.OK {
	background-color: #efe;
}
textarea.resource.ERROR {
	background-color: #fee;
}
textarea.resource.NOCHANGE {
	background-color: #fafafa;
}
input::-ms-clear {
	display: none;
}
.qm-main, .qm-web, .qm-compressed, .qm-auxiliary, .qm-show- {
	display: none;
}
.qm-main-1024, .qm-web-512, .qm-web-container, .qm-compressed-256, .qm-auxiliary-8192, .qm-show-dynamic, .qm-show-container {
	display: table-row !important;
}
/* MG170121 advanced download options in pin modal dlg.
there's till an issue as of how to open the correct css file in case pin skins are activated... */
label.adl_title {
	display: none;
}
/* MG170116 fix for quality overspill/overkill in the export dialogue */
#dsize {
	display: block;
	overflow: hidden;
}
/* MG170112 detail view sidebar - remove duplicate search exclusion */
.no-duplicate {
	white-space: normal;
}
.detail-wrapper .modal {	/* otherwise the modal dlg opens behind the sidebar in the detached detail window */
	z-index: 100 !important;	/* values less than 100 leave the sidebar toggle btn and the detached window close btn in front */
}
/* MG170111 added a new "export all fields" option to the csv exporter dropdown panel to make the choice of the 2 list modes more stringent - they exported all fields till now rather than only the list fields. */
#panel_vmodes .allvm {
	display: none !important;
}
#panel_vmodes[csvexport="true"] .allvm.default {
	display: block !important;
}
#vmconf,
#vmdel,
#repedit,
#vmall {
  padding: 6px 20px 6px 18px;
  font-weight: bold;
  cursor: pointer !important;
  line-height: 1.6;
}
#vmall.selected::before {
	content: "X ";
}
/* MG170104 multi-field dragging in the detail view layout editor *//* MG210429 prefixed ".fieldcontainer div" to overrule highlighted fields */
.fieldcontainer div[comet="tail"] {
	background-color: orange !important;
}
/* list editor, file loc manager, merge pdf dialog */
.table[dropgap="margin-top"][rel-pos="before"] {
	display: table !important;
	margin-top: 0 !important;
	border-bottom: 0 !important;
	transform: translate(0,5px);
	border-top: 5px solid #aaa;
}
.row[dropgap="margin-top"][rel-pos="before"] .cell {
	display: table-cell;
	border-bottom: 0 !important;
	transform: translate(0,5px);
	border-top: 5px solid #aaa;
}
.table[dropgap="margin-top"][rel-pos="after"] {
	display: table !important;
	margin-top: 0 !important;
	border-top: 0 !important;
	transform: translate(0,-5px);
	border-bottom: 5px solid #aaa;
}
.row[dropgap="margin-top"][rel-pos="after"] .cell {
	display: table-cell;
	border-top: 0 !important;
	transform: translate(0,-5px);
	border-bottom: 5px solid #aaa;
}
/* MG161230 there's 2 checkboxes for the image web qualities (there's now 3 of them)
	q 512 can't be toggled, it's always active. therefore, the 512 checkbox is checked and disabled, and only show for q512
	other web qs show the clickable checkbox. */
input.use_512.use_default {
	display: inline !important;
}
input.use_512.use_custom {
	display: none;
}
/* MG161220 possible related "transparent object source file" fix for flickity */
img[src^="/layover.php"] {
	background-color: #fff;
}
/* MG161215 pin viewer on ipad - i suppose? */
.pp-template object#modal {
    position: fixed;
}
/* item editor - mark associations to the same item that don't use distinct relations */
option.same-relation {
	color: red;
}
/* copyright symbols - open on click */
#xlisttable .cccontainer, #table-listmode .cccontainer {	/* useless style from vm_xlist_generic.css, set to 0 to deactivate it */
	margin: 0;
	left: auto;
	top: auto;
	width: auto;
	height: auto;
	position:relative;
	text-align: inherit;
}
/* export popup hidden title string - is activated again (via code), but only for exports without quality checkboxes ("download via collection") */
.descr div {
	display: none;
	font-weight: normal;
}
/* extdd background frame css patch */
#extdd .form-group {
	margin: 5px 0;
}
/* pin configurator v4/v5 handling */
select.v4pins[disabled] {
	opacity: .5;
}
/* rel editor - blast from the past */
tr.descent td {	/* odd MSIE8 trick again */
	display: none;
}
tr.fics12 td {
	display: none;
}
tr.ficsx12 td {
	display: table-cell;
}

/* missing feature-disabled css in the upload profiles */
.feature-disabled {
	position: absolute;
	visibility: hidden;
}
/* small changes in the field editor control layout until we have a proper solution for this editor */
.fieldcontrols a {
	margin: 0 !important;
}
.fieldcontrols select {
	margin: 0;
}
/* no xmp config options for relation fields in the field editor */
tr.fieldedit-xmp-17 td {
	display: none;
}
.row.row-drop-zone, .row.row-drop-zone .cell {
	border: 0 none;
	line-height: 5px;
}
.showhits {
	overflow: auto;
}
/**** web view: hide navigation buttons also for documents whose web q is an image (mainly contact sheets) ****/
td.buttons.x502\.jpg, td.buttons.x502\.gif, td.buttons.x502\.png, td.buttons.x502\.svg {
	display: none;
}
td.buttons.x501 {
	display: none;	/* remove this line or set to table-cell to activate the navigation buttons */
}
/* hide google coords btn in custom views in case no coords are set */
.mini .fnotset {
	display: none !important;
}
.eb-icon-megaphone[comments="0"] span {
	display: none;
}
.eb-icon-megaphone .commentcount {
	margin-left: -2px;
	margin-top: -8px;
	position: absolute;
}
#workpane .container[tagged="on"] {
	background-color: pink;	/* just 4 fun */
}
.container[tagged="on"] .eb-icon-checkmark {
	color: green;
}
.item-controls {
	position: absolute;
	right: 0;
	top: 0;
	width: 20px;
	height: 100%;
	visibility: hidden;
}
.container:hover .item-controls {
	visibility: visible;
}
.item-controls div {
	display: inline;
}
/* hide file dimensions for qualities where there's no dimensions defined */
.dimensions-1 {
	display: none;
}
/***************************** java uploader *****************************/
#standard-uploader { height: 100%; }
/***************************** layout editor element blocking *****************************/
body[layout="edit"] #editbtns { display: none; }
/***************************** ASSOCS EDIT RECORD *****************************/
.target-indicator::before {
	content: "[";
}
.target-indicator::after {
	content: "]";
}
.target-indicator-1 {	/* -1 means "minus one" here, which means an arbitrary amount of assocs */
	display: none;
}
.bild img[on] {
	height: 16px;
	margin-top: -14px;
	position: relative;
	vertical-align: middle;
	width: 16px;
	display: block;
}
/***************************** NORMAL UPLOADER *****************************/
/* detail view edit record file exchange uploader */
li.uploadfolder::before {
	content: "\e611";
	color: #008406;
}
span.uploadpanel:hover div {
	background-color: #fff;
}
/***************************** DETAILS LAYOUT EDITOR - LABEL ISSUE *****************************/
[layout="edit"] .datalabel, [layout="active"] .datalabel {
	padding: 13px 10px 0 0;
}
/***************************** COL LAYOUT EDITOR - HEADER ISSUE *****************************/
/* MG160616 added - start */
.coledit_cloaker {
	opacity: 0.2;
	background-color: #fff;
}
label label {	/* indented label in ordnereigenschaften -> persoenliche einstellungen -> alle unterordner */
	padding-left: 15px;
}
div[status="open"] {
	position: relative;
	visibility: visible;
}
div[status="close"] {
	position: absolute;
	visibility: hidden;
}
div[active="checked"] {
	font-weight: bold;
}
.row[id|="active"][onclick]:hover {
	cursor: pointer;
}
ul[original="true"] .generate {
	position: absolute;
	visibility: hidden;
}
ul[original="false"] .copy {
	position: absolute;
	visibility: hidden;
}
#avopts-8192-master.avopts.open.master div, #avopts-4096-master.avopts.open.master div {
	position: relative;
	visibility: visible;
}
.settings-part #set-uconv .row.uconv .cell div {
	max-height: 300px;
	overflow: auto;
	width: 600px;
}
/* this shows the "profilvorlagen" button only in case the profile name contains (i.e. starts with) an exclamation mark. such files are template files. */
#is_template {
	display: none;
}
#is_template[profile^="!"] {
	display: inherit;
}
/***************************** FOLDER AND DATA PACKAGE COVER IMAGES *****************************/
#xlisttable.thumb .folder_child.has_cover::before, #xlisttable.thumb .folder_parent.has_cover::before {
	content: "" !important;
}
#xlisttable.textonly i img {
	display: none;
}
/* MG170110 status div for ctx menu entry explanations. these texts were always available but could nver be seen */
/* right now this is only test code, therefore the "active" class doesn't activate the area */
#function-explanation {
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
	height: 30px;
	background-color: rgba(0,0,0,0.2);
	z-index: 6;
	display: none;
	padding-left: 10px;
}
#function-explanation.active {
	/*display: block;*/
}
#function-explanation > div {
	position: absolute;
	top: 50%;
	transform: translate(0,-50%);
	font-weight: bold;
}
/* rwh 171020 hide disallowed qualities on the sidebar as well */
div.sidebar.opened div.qstyle {
	display: none;
}
/* rwh 171020 */
/* rwh 180425 */
a#online_presenter {
	margin-left: 50px;	
}
/* MG200214 why is the blink tag so much hated? that's a nice polyfill anyways! ;-) */
blink {
	-webkit-animation: 2s linear infinite condemned_blink_effect; /* for Safari 4.0 - 8.0 */
	animation: 2s linear infinite condemned_blink_effect;
}
/* for Safari 4.0 - 8.0 */
@-webkit-keyframes condemned_blink_effect { 
	0% { visibility: hidden; }
	50% { visibility: hidden; }
	100% { visibility: visible; }
}
@keyframes condemned_blink_effect {
	0% { visibility: hidden; }
	50% { visibility: hidden; }
	100% { visibility: visible; }
}