.material-symbols-outlined {
  position: relative;
  top: 4px;
  line-height: 0;
}
.btn .material-symbols-outlined {
  position: relative;
  top: 4px;
  font-size: 20px;
  line-height: 0;
}
.btn.btn-sm .material-symbols-outlined {
  position: relative;
  top: 2px;
  font-size: 16px;
  line-height: 0;
}
.btn.clipboard-button {
  position: relative;
  top: -2px;
}
.btn.btn-sm.clipboard-button {
  position: relative;
  top: 2px;
}
.btn.clipboard-button .material-symbols-outlined {
  position: relative;
  top: 0px;
  font-size: 20px;
  line-height: 20px;
  height: 20px;
}
.btn.btn-sm.clipboard-button .material-symbols-outlined {
  position: relative;
  top: 0px;
  font-size: 16px;
  line-height: 16px;
  height: 16px;
}
.nav-main-link-icon.material-symbols-outlined {
  font-size: 19px;
  position: relative;
  top: 0px;
  line-height: 0;
}
.h3 .material-symbols-outlined {
  font-size: 26px;
  position: relative;
  line-height: 0;
  top: 4px;
}
.btn-block-option .material-symbols-outlined {
  position: relative;
  line-height: 0;
  top: 6px;
}
.select2 .material-symbols-outlined {
  position: relative;
  line-height: 0;
  top: 6px;
}
.select2-flag {
  position: relative;
  line-height: 0;
  top: -1px;
  height: 13px;
}
.tooltip-copied .tooltip-inner {
  color: #153481 !important;
  background-color: #c8d5f5 !important;
}
.tooltip-copied .tooltip-arrow::before {
  border-top-color: #c8d5f5 !important;
}
.clipboard-button {
  border:0;
  background-color: transparent;
  padding: 2px 4px;
  position: relative;
  line-height: 0;
  bottom: 5px;
  opacity: 0.3;
}
.h3 .clipboard-button .material-symbols-outlined {
  font-size: 26px;
  position: relative;
  line-height: 26px;
  top: 0px;
  height: 26px;
}
.block-options {
  margin-right: -10px;
}
.block-options-nav {
  padding-top: 9px;
  padding-right: 10px;
  margin-right: 0px;
}
.block-mode-hidden .nav {
  border-bottom-left-radius: .375rem;
  border-bottom-right-radius: .375rem;
}
.block.block-shadow {
  box-shadow: 0 1px 2px rgba(214,219,226,.5),0 1px 2px rgba(214,219,226,.5) !important;
}
.dark-mode .block.block-shadow {
  box-shadow: 0 1px 2px rgba(24,31,42,.5),0 1px 2px rgba(24,31,42,.5) !important;
}
.ck-toolbar {
  border: none !important;
  box-shadow: none !important;
  padding: 0px 10px !important;
}
.ck-content {
  border: none !important;
  box-shadow: none !important;
  padding:0px 20px !important;
  min-height: 400px;
}
.dropdown-item .material-symbols-outlined {
  font-size: 18px !important;
  line-height: 0 !important;
}
.saving-message span {
  font-size:19px;
  line-height:0;
}
.ck-powered-by-balloon {
  display:none !important;
  opacity:0 !important;
}
.show-on-parent-hover {
  visibility: hidden;
  opacity: 0;
  transition: all 500ms ease;
}
*:hover > .show-on-parent-hover {
  visibility: visible;
  opacity: 1;
}
.document-thumbnail {
  width: 55px;
  height: 70px;
  border: 1px solid #dde2e9;
  margin-top: -20px;
  margin-bottom: -20px;
  border-radius: 6px;
  margin-left: -10px;
}
.mfp-gallery .mfp-image-holder .mfp-figure,
.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: default;
  cursor: default;
  cursor: default;
}
.document-icon {
  width: 55px;
  margin: -20px 0px -20px -10px;
}
.nav-main-link-icon.nav-main-link-date {
  font-size: 10px;
  display: flex;
  flex-direction: column;
  column-gap: 0;
  line-height: 10px;
  min-width: 19px;
}
.nav-main-link-icon.nav-main-link-date span:nth-child(2) {
  font-size: 8px;
}



.dark-mode .ck.ck-editor {
  color: #bec8d5 !important;
}
.dark-mode .ck.ck-editor__main > .ck-editor__editable {
  background: #2a384b !important;
}
.dark-mode .ck.ck-toolbar, .cke_top {
  background: #364860 !important;
}
.dark-mode .ck.ck-toolbar .ck.ck-toolbar__separator {
  background: #2a384b !important;
}
.dark-mode .ck.ck-button {
  color: #fff !important;
}
.dark-mode .ck.ck-button:not(.ck-disabled):active, .dark-mode a.ck.ck-button:not(.ck-disabled):active,
.dark-mode .ck.ck-button:not(.ck-disabled):focus, .dark-mode a.ck.ck-button:not(.ck-disabled):focus,
.dark-mode .ck.ck-button:not(.ck-disabled):hover, .dark-mode a.ck.ck-button:not(.ck-disabled):hover {
  background: #2a384b !important;
}
.dark-mode .ck.ck-dropdown.ck-heading-dropdown .ck-dropdown__panel .ck-list__item {
  background-color: #19222d;
}
.dark-mode .ck.ck-dropdown__panel {
  border: 0 !important;
}

td .material-symbols-outlined {
  font-size: 20px;
  line-height: 0;
  position: relative;
  top: 4px;
}

/* Icons sitting in flex rows centred against text — neutralise the global
   top:4px baseline nudge so they line up with the adjacent label. */
.material-symbols-outlined.ms-mid {
  top: 0;
  line-height: 1;
  vertical-align: middle;
}