@media only screen and (max-width: 1025px) {
  main#content {
    width: 100%!important;
    margin-right: 0px!important;
    margin-top: 60px!important;
  } 
  #app-dashboard > h2 {
    color: #003057!important;
    background: #fff!important;
    padding: 10px!important;
    margin-left: auto;
    margin-right: auto;
    margin-top: 50px;
    max-width: 320px;
  }
  main#content, #content-vue {
  margin-top: 60px;
}
}

.link-view-bubble__header {
	display: none!important;
}

#external-portal-widget div.maxsized {
	max-width: 100%!important;
	display: block;
	text-align: left;
}

#external-portal-widget div.masked-icon {
	max-width: 32px!important;
	max-height: 32px!important;
}

#external-portal-widget div.externalsite {
	width: 100%!important;
}

.login-box > a:nth-child(1) {
  display: none!important;
}

#body-login .logo {
  margin-top: -20px;
}

.guest-box, .body-login-container {
  border-radius: 0px!important;
}

.panels>.panel {
	border-radius: 0px!important;
}

.comment__editor .rich-contenteditable__input {
	min-height: 100px!important;
}

#nextcloud {
  width: 180px;
}

#body-user #header .logo, #body-settings #header .logo {
  width: 140px!important;
}

.header-left .header-appname {
	color: #fff;
}

#note-content {
	padding: 15px;
}

.settings-menu {
  top: 60px!important;
}

.header-menu__trigger, .menutoggle {
  height: 60px!important;
}

.photos-navigation__content {
  position: absolute;
  right: 0px;
  margin-right: 10px;
}

#contactsmenu {
  display: none;
}

.v-popper__inner .action-link__text {
  margin-top: 2px;
}

li.active {
  background: none!important;
}

#app-dashboard > h2 {
    color: #003057!important;
    background: #fff!important;
    padding: 16px!important;
    margin-left: auto;
    margin-right: auto;
    margin-top: 50px;
    max-width: fit-content;
}
  
.scroller>.ticks-container>.tick.dash {
	opacity: 1!important;
}
  
  ul.app-menu-main {
    margin-top: 6px!important;
  }
  
  ul.app-menu-main li {
    width: 100px!important;
  }
  
  ul.app-menu-main li img {
    padding-top: 6px!important;
    width: 30px!important;
    height: 30px!important;
    padding-left: 34%!important; 
    padding-bottom: 0px!important;
    margin-top: -8px; 
  }


 
  .app-menu-main .app-menu-entry.app-menu-entry__active::before {
    display: none!important;
  }
  
  .app-menu-entry__active::before {
    bottom: 3px!important
  }
  
  .app-menu-entry--label {
    top: 24px!important;
    font-size: 15px!important;
    opacity: 1!important;
  }



.app-menu-main .app-menu-entry .app-menu-entry--label {
  color: #fff!important;
}

.app-menu-main .app-menu-entry.app-menu-entry__active::before {
  background-color: #fff!important;
}

.header-right a.header-menu__trigger {
  color: #fff!important;
}

#app-navigation, #app-navigation-vue {
  background: rgba(215, 228, 238, 1) !important;
  padding-top: 20px;
}

#app-navigation-toggle {
  margin-top: 8px;
}

body {
  background-color: #fff;
}

#header {
  background-color: #003057 !important;
  height: 60px!important;
}

.wrapper #header {
  background-color: transparent !important;
  margin-bottom: 30px;
}

#files-public-content #rich-workspace{
  min-height: inherit;
}

/*
#content .footer .button-vue {
  display: none!important;
}
*/

footer .info {
  display: none;
}

footer {
  background: transparent!important;
  display: none!important;
}

label#view-toggle {
  margin-top: 20px;
  margin-right: 20px;
}

ul.statuses {
  display: none!important;
}

.nav-recent {
  display: none;
}

.fileinfo {
 display: none;
}

#rich-workspace {
	min-height: 330px;
}

/* In Nextcloud 33 heet deze laag .editor__content-wrapper; de kale .content-wrapper
   uit 29 bestaat niet meer. Daardoor viel deze limiet weg en gold die van Nextcloud
   zelf (219,7px), waarin onze marges hieronder bijna de helft opslokten. */
#rich-workspace .editor__content-wrapper {
	max-height: calc(40vh - 50px)!important;
}

.text-editor__wrapper.is-rich-workspace.is-rich-editor .editor__content {
	/* Was 44/60. Dat paste bij het venster van 29; in 33 aten die 104px bijna de
	   helft van de beschikbare hoogte op. Gemeten op /2. Samenwerken: 106px van
	   570px tekst zichtbaar. Met 12px: 276px. */
	margin-bottom: 12px!important;
	margin-top: 12px!important;
}

/*
ul.breadcrumb__crumbs li:not(:first-child) {
    display: none;
}
*/

.files-list__tbody {
	min-height: inherit!important;
}

/*
#rich-workspace.focus {
  max-height: 90vh!important;
}
*/
#filestable {
  margin-top: 10px;
}

#appmenu [data-id="photos"], #appmenu [data-id="activity"], #appmenu [data-id="contacts"] {
  display: none;
}

#filelist>[data-file="Collectives"] {
  display: none;
}

#recommendations {
  display: none!important;
}

.files-list {
  padding-bottom: 50px;
}

tr[data-cy-files-list-row-name="readme.md"] {
  opacity: 0.2;
}

tr[data-cy-files-list-row-name="readme.md"] .files-list__row-name-text::after {
  content: '(niet bewerken!)';
  margin-left: 10px;
}

tr[data-cy-files-list-row-name="Leesmij.md"] {
  opacity: 0.2;
}

tr[data-cy-files-list-row-name="Leesmij.md"] .files-list__row-name-text::after {
  content: '(niet bewerken!)';
  margin-left: 10px;
}

.app-content-list-item-icon .triangle-icon {
  color: #ec098d;
}

ul#appmenu [data-id="collectives"] {
  display: none;
}

div#recommendations.group {
  display: none!important;
}

#filestable {
  margin-top: 20px;
}

.app-collectives ul.app-navigation__list li:last-child {
  display: none!important;
}

.app-collectives .app-navigation-toggle {
  display: none!important;
}

#rich-workspace #recommendations {
  display: none;
}

.side-menu-opener {
  display: none;
}

/* hide the edit menu of the readme.md */
.menubar.autohide{
display: none!important;
}
/* make the "editor field" not clickable */

/* give the workspace a fixed height to make it scrollable */
/* 
#rich-workspace #editor-container {
height: 500px!important;
}

#rich-workspace .editor__content {
height: 400px!important;
}

#rich-workspace .content-wrapper {
	max-height: 400px!important;
}

#rich-workspace:not(.focus) {
  max-height: 40vh!important;
}
 */
.filelist-header .collaboration-cursor__label, .filelist-header .collaboration-cursor__caret, .files-list .text-editor--readonly-bar {
	display: none;
}

.filelist-header .ProseMirror-yjs-selection {
	background-color: transparent!important;
}

.filelist-header .text-editor__content-wrapper {
	width: 105%;
}

#rich-workspace, #editor-container, .text-editor__wrapper.is-rich-workspace.is-rich-editor, .editor, #rich-workspace .editor__content-wrapper {
  padding-bottom: 0px !important;
}

#rich-workspace .vue-component.is-empty {
	display: none;
}

#rich-workspace:not(.focus):not(.empty):after {
	background-image: none!important;
}

/* Nieuw */

.app-files .app-navigation-list [data-cy-files-navigation-item="groupfolders"], .app-files .app-navigation-list [data-cy-files-navigation-item="trashbin"], .app-files ul.app-navigation-entry__settings, #tab-button-comments {
  display: none!important;
}

.app-files ul.app-navigation-list li:nth-child(2) {
    display: none;
}

.app-photos [data-id-app-nav-item="faces"], .app-photos [data-id-app-nav-item="maps"] {
	display: none!important;
}

.files-list tr[data-cy-files-list-row-name="Beeldbank"].files-list__row,
.files-list tr[data-cy-files-list-row-name="Sjablonen"].files-list__row {
    display: none;
}

.files-list .files-list__tfoot {
	display: none!important;
}

.files-filestable tfoot {
	height: 100px;
}
.text-editor__wrapper div.ProseMirror a {
	color: #e60162!important;
	text-decoration: underline;
}
.text-editor__wrapper div.ProseMirror a:hover {
	color: #e60162!important;
	text-decoration: none;
}

.paragraph-content {
	font-family: cambria;
}
.files-list__row-name-text, .files-list__column-sort-button-text, .app-navigation-entry__name, .button-vue__text, .section-header, .photos-navigation__title__main {
	font-family: 'Overpass', sans-serif;
}

.header-right .header-menu .unified-search__button .button-vue__icon, #notifications .header-menu__trigger {
	color: #fff!important;
}


.modal-header h2.modal-name::after {
  content: '(Klik rechts op het kruisje om te sluiten)';
  font-weight: lighter!important;
  font-size: 14px;
}

.modal-header {
  background: #000;
}

.p-outer.selected>.select, .head-row.selected .select {
	color: #003057!important;
}

.memories-searchbar, header#header .header-right .memories-menu-item {
	color: #fff!important;
}

header .header-right .memories-searchbar {
	display: none;
}

/* De app "Memories" heet hier "Beeldbank". Dat gebeurde eerst met een ::after op
   [title="Herinneringen"], dus een tweede tekst OVER het echte label heen. Bij de
   koppositie van Nextcloud 33 vielen die twee niet meer samen en stonden beide namen
   naast elkaar. Nu een echte hernoeming via de vertaling, in
   themes/innodigi/apps/memories/l10n/nl.json - zie CLAUDE.md. */


 
.text-editor__wrapper.is-rich-workspace.is-rich-editor .tiptap {
  pointer-events: none;
  user-select: none;
  /* Stond op overflow-y: scroll. Samen met pointer-events: none gaf dat een
     scrollvenster dat niemand kan scrollen: alles voorbij de onderrand was
     onbereikbaar. Met visible valt de overloop naar .editor__content-wrapper,
     en die heeft wel pointer-events, dus daar kun je in scrollen terwijl de
     tekst niet bewerkbaar wordt. */
  overflow-y: visible;
  margin-bottom: 50px;
}

.text-editor__wrapper.is-rich-workspace.is-rich-editor a {
	pointer-events: auto;
	user-select: text;
}

.modal-container__content .text-editor__wrapper.is-rich-workspace.is-rich-editor {
	pointer-events: all;
	user-select: text;
}

.files-list__row-head {
	background-color: #f1f4f7;
}

/*
.text-editor__content {
	pointer-events: none;
}
*/
#editor-container .text-menubar--is-workspace {
	display: none!important;
}

.comment__editor #tab-comments__editor-description, .app-sidebar-tabs__content #tab-comments {
	display: none;
}

.app-memories .app-navigation ul li {
    display: none!important;
}

.app-memories .app-navigation ul li:nth-child(3) {
    display: list-item!important;
}

.memories-menu-item.upload-menu {
	display: none!important;
}

li.action button[aria-label="Bestanden uploaden"] {
    display: none!important;
}

.app-memories .top-matter .right-actions .action-items {
  display: inherit;
}

.sharing-search {
	display: none!important;
}

.document-status {
	display: none!important;
}


.header-menu__content ul li {
    display: none; /* Verberg alle li-elementen in het gebruikersmenu*/
}

#app-content #personal-settings, #app-content #profile-visibility {
	display: none;
}

li[data-section-id="personal-info"], li[data-section-id="notifications"], li[data-section-id="sharing"], li[data-section-id="theming"], li[data-section-id="availability"], li[data-section-id="workflow"], li[data-section-id="privacy"] {
	display: none!important;
}

.header-menu__content ul li#logout,
.header-menu__content ul li#core_apps,
.header-menu__content ul li#profile,
.header-menu__content ul li#settings,
.header-menu__content ul li#admin_settings,
.header-menu__content ul li#core_users {
    display: list-item; /* Toon alleen de li-elementen met de specifieke ID's */
}

.files-list__row-action-set-reminder-menu {
	display: none!important;
}

@media (prefers-color-scheme: dark) {
  #app-navigation, #app-navigation-vue, tr.files-list__row-head {
    background: #003057 !important
  }
}
  
  

@media only screen and (min-width: 1026px) {
  main#content, #content-vue {
    margin-top: 70px;
    height: calc(var(--body-height) - 30px);
    margin-left: 30px!important;
    margin-right: 30px!important;
    width: calc(100% - 80px);
	max-width: calc(100% - 80px);
	padding-right: 20px;
	border-radius: 0px;
  }
}

@media only screen and (max-width: 500px) {
	.header-left #nextcloud {
		display: none;
	}
}

@media only screen and (max-width: 1025px) {
	.app-navigation .menu-open-icon {
		  border: 5px solid #000!important;
		  border-radius: 30px;
		  padding: 8px;
	}
	/* Hele appnavigatie uit op kleine schermen */
	.app-navigation {
		  display: none!important;
	}
	.files-list__header {
		  margin-left: 0px!important;
	}
	/* Texteditor op kleine schermen */
	.text-editor__content-wrapper {
		grid-template-columns: inherit!important;
	}
	#rich-workspace:only-child {
		padding: 0 20px!important;
	}
	.text-editor__wrapper.is-rich-workspace.is-rich-editor .editor__content {
		margin-top: 4px!important;
		margin-bottom: 4px!important;
	}
	#rich-workspace {
		min-height: 100px!important;
	}
    #body-public .dialogs.error {
      display: none;
    }
}
@media only screen and (max-width: 749px) {
    .modal-wrapper .modal-container {
		max-height: calc(100% - 100px)
	}
    .viewer .modal-wrapper .modal-container {
        top: 50px;
    }
}

@media only screen and (min-width: 750px) and (max-width: 1050px) {
	.modal-container {
		margin-top: 50px;
	}
	#rich-workspace .editor__content-wrapper {
		max-height: 50vh!important;
	}
}