@charset "UTF-8";

h2, a.tag, p.no_results_text {
    font-family: 'Poppins', sans-serif!important;
}

 .bootstrap > p {
    font-family: 'Poppins', sans-serif!important;
    font-size: 16px!important;
}

#combined_search_form .form-text {
      color: var(--color-black);
      border: 0.05rem solid var(--color-black);
      
      outline: none;
      
      padding-left: 1rem;
      text-align: left;
      width: 190px;
    }
@media (min-width: 400px) {
#combined_search_form .form-text {
        width: 290px;
    }
      }
@media (min-width: 768px) {
#combined_search_form .form-text {
        width: 360px;
    }
      }
@media (min-width: 1024px) {
#combined_search_form .form-text {
        width: 600px;
       
        
    }
      }
#combined_search_form .form-text::placeholder {
        color: transparent;
        
      }
#combined_search_form .form-text:focus-visible {
        border: 0.15rem solid var(--color-black);
        cursor: default;
      }

.bootstrap {
	@CHARSET "UTF-8";
  /*
* Bootstrap customization
*/
  /*
* Top floating menu
*/
  /*
* Language switch
*/
  /*
* Modeswitch
*/
  /*
* Header
*/
  /*
* Headings
*/
  /*
/ Left navi
*/
  /*
* Form elements
*/
  /*
* Footer
*/
  /*
* Kendo UI Overwrites
*/
  /*.k-link, .k-header {
    background-color: #7BA1D2;
    color: #ffffff;
}

ul li.k-first {
    border:none;
}

.k-panelbar > .k-item > .k-link, .k-panel > .k-item > .k-link {
    border:0px;
}*/
  /*
* Custom styles
*/
  /* blocks in right sidebar */
  /* end blocks in right sidebar */
  /* USE: for PDF  & X-Editor  Preview */
  /* ENDUSE */
  /* USE: Document Improvments */
  /* ENDUSE */
  /* USE: Sidebar Improvments */
  /* ENDUSE */;
}

.bootstrap .navbar-inner {
	filter: none;
}

.bootstrap body {
	font-weight: 300;
	letter-spacing: 0.03em;
	font-size: 13px;
	padding-top: 20px;
}

.bootstrap .sep-20px {
	margin-bottom: 20px;
}

.bootstrap body.authenticated {
	padding-top: 40px !important;
}

.bootstrap .column-title {
	font-weight: bold;
	background: #d7e0ee;
	margin-bottom: 5px;
	margin-right: 5px;
	padding: 5px;
}

.bootstrap .empty-cell {
	width: 10px;
	height: 10px;
}

.bootstrap a,.bootstrap a:visited  {
    text-decoration: none;
	color: #6b7280;
}

.bootstrap a:hover {
    text-decoration: none;
	color: #dc2626;
}

.bootstrap .container {
	background-color: #FFFFFF;
}

.bootstrap #menu_and_content_container a {
	text-decoration: underline;
}

.bootstrap .media, .bootstrap .media .media {
	margin-top: 15px;
	margin-bottom: 15px;
}

.bootstrap table.searchResult td {
	padding: 2px 2px 1px 4px;
}

.bootstrap table.searchResult tr.grey {
	background-color: #fff;
}

.bootstrap .k-menu li.k-item,
  .bootstrap .k-widget.k-menu-horizontal > li.k-item {
	border-right-width: 0;
}

.bootstrap .k-menu .k-item {
	background-color: #597E9B;
	color: #FFFFFF;
}

.bootstrap .k-menu .k-item.active {
	background-color: #46759a;
	color: #FFFFFF;
}

.bootstrap .k-menu .k-state-border-right {
	background-color: #46759a;
	color: #FFFFFF;
}

.bootstrap .k-menu {
	border: 0px;
	height: 40px;
}

.bootstrap .k-menu .k-link {
	font-size: 16px;
	text-decoration: none;
	color: white;
	border: 0px;
	height: 26px;
}

.bootstrap .k-menu .k-link:hover {
	background-color: #46759a;
}

.bootstrap .k-menu .k-state-hover {
	background-color: #46759a !important;
	background-image: none;
	color: #FFFFFF;
}

.bootstrap .k-menu .k-state-hover:hover {
	background-color: #46759a !important;
}

.bootstrap .k-menu .k-state-border-down {
	background-color: #46759a;
	color: #FFFFFF;
}

.bootstrap .k-menu .k-animation-container {
	border: 0;
}

.bootstrap .navbar-inverse .navbar-inner {
	background-color: #597E9B;
	background-image: linear-gradient(to bottom, #597E9B, #597E9B);
	background-repeat: repeat-x;
	border: 0px;
}

.bootstrap .navbar-inverse .nav .active > a, .bootstrap .navbar-inverse .nav > a:hover, .bootstrap .navbar-inverse .nav .active > a:focus {
	background-color: #46759a;
	color: #FFFFFF;
}

.bootstrap .navbar-inverse .nav .active > a, .bootstrap .navbar-inverse .nav .active > a:hover, .bootstrap .navbar-inverse .nav .active > a:focus {
	background-color: #46759a;
}

.bootstrap .navbar-inverse .nav li:hover {
	background-color: #46759a;
}

.bootstrap .navbar-inverse .brand, .bootstrap .navbar-inverse .nav > li > a {
	color: #FFFFFF;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}

.bootstrap .navbar-inner .container {
	background-color: #597E9B;
}

.bootstrap #language-switch {
	font-weight: bold;
	text-align: right;
	line-height: 40px;
}

.bootstrap #language-switch ul {
	margin: 0 15px 0 0;
}

.bootstrap #language-switch ul li {
	display: inline;
	margin-left: 15px;
}

.bootstrap #language-switch a {
	color: #0033CC;
}

.bootstrap #language-switch a:hover {
	color: #0033CC;
}

.bootstrap #language-switch a.active {
	color: #151515;
}

.bootstrap #site-slogan a {
	color: #333333;
	text-decoration: none;
}

.bootstrap #site-slogan a:hover {
	text-decoration: underline;
}

.bootstrap #modeswitch {
	float: right;
	margin-right: 0;
}

.bootstrap .center {
	text-align: center;
}

.bootstrap #header {
	background-color: white;
}

.bootstrap #header #login {
	float: left;
	line-height: 40px;
}

.bootstrap #header #todos {
	float: left;
	margin-left: -50px;
	line-height: 40px;
}

.bootstrap #header #password {
	float: left;
	margin-left: -200px;
	line-height: 40px;
}

.bootstrap #site-name a:link, .bootstrap #site-name a:visited, .bootstrap #site-name a:hover {
	color: transparent;
	text-decoration: none;
}

.bootstrap .k-tabstrip a:not(k-link) {
	color: #000099 !important;
}

.bootstrap .k-tabstrip a:hover:not(k-link) {
	color: #0033CC !important;
}

.bootstrap div#site-name {
	font-size: 0px;
	line-height: 40px;
	font-weight: bold;
	margin: 0 0 0 15px;
	background-image: url("../images/logo-dodis100.png");
	background-repeat: no-repeat;
}

.bootstrap #site-slogan {
	color: #333333;
	font-size: 20px;
	line-height: 40px;
	font-weight: bold;
}

.bootstrap #menu_and_content_container {
	padding-top: 20px;
}

.bootstrap h1 {
	color: #5D8BC8;
	font-size: 17px;
	font-weight: bold;
	letter-spacing: 0.06em;
	line-height: 17px;
	margin-top: 0;
	padding-top: 0;
}

.bootstrap h2 {
	color: #333333;
	font-size: 15px;
	line-height: 17px;
	margin: 0 0 15px 0;
}

.bootstrap h3 {
	font-size: 13px;
	line-height: 1.3em;
	margin: 0 0 5px 0;
}

.bootstrap h4 {
	font-size: 12px;
	line-height: 1.3em;
	margin: 0 0 5px 0;
}

.bootstrap #menu_left_container ul {
	list-style: none;
	margin: 0;
}

.bootstrap #menu_left_container a {
	color: #151515;
	text-decoration: none;
}

.bootstrap #menu_left_container a.active {
	background-color: #B3C8E5;
}

.bootstrap #menu_left_container ul li {
	border-top: 1px dotted;
}

.bootstrap #menu_left_container ul li.k-first, .bootstrap #menu_left_container ul li.k-first:hover {
	border-top: 0 solid;
}

.bootstrap #menu_left_container ul li:hover {
	border-top: 1px dotted;
}

.bootstrap #menu_left_container ul li ul li {
	border-top: 1px dotted;
}

.bootstrap #menu_left_container ul li a {
	display: block;
	padding-left: 15px;
	line-height: 25px;
}

.bootstrap #menu_left_container ul li a:hover {
	background-color: #B3C8E5;
	text-decoration: none;
	color: #151515;
}

.bootstrap #menu_left_container ul li ul li a {
	display: block;
	padding-left: 25px;
	font-size: 12px;
	line-height: 25px;
}

.bootstrap #footer_container {
	border-top: 1px solid #7BA1D2;
	padding: 15px 0 0 0;
	height: 36px;
	font-size: 11px;
	position: relative;
}

.bootstrap input[type="checkbox"] {
	margin-bottom: 10px;
}

.bootstrap form {
	margin: 0px;
}

.bootstrap #footer_container a {
	text-decoration: underline;
}

.bootstrap #logo_sagw {
	text-align: right;
	margin: 0 15px 0 0;
	position: relative;
	top: -8px;
}

.bootstrap #search_top {
	margin-bottom: 20px;
}

.bootstrap #search_top .k-state-selected, .bootstrap #menu_left_container .k-state-selected {
	background: #ffffff;
	box-shadow: none;
}

.bootstrap #menu_left_container #result .k-state-selected {
	background: #cccccc;
	box-shadow: none;
}

.bootstrap #menu_left_container #result .k-state-selected {
	background: #cccccc;
	box-shadow: none;
}

.bootstrap #menu_left_container #result {
	cursor: pointer;
}

.bootstrap #search_top .k-content {
	padding: 10px !important;
	border-bottom: 0 solid;
}

.bootstrap #search_top .k-link {
	border-bottom: 0 solid;
}

.bootstrap #search_top a {
	margin-left: 20px;
}

.bootstrap #search_top label {
	display: inline;
	margin-right: 10px;
}

.bootstrap #search_top input {
	float: none;
}

.bootstrap .k-combobox {
	margin-bottom: 10px !important;
}

.bootstrap .blue-box {
	background-color: none;
	padding: 6px;
	margin-bottom: 10px;
}

.bootstrap .blue-box.document {
	padding: 15px 35px;
}

.bootstrap .document-detail-fundorte-label {
	float: left;
	min-width: 100px;
}

.bootstrap .docimage-intable {
	float: left;
	margin: 10px;
	min-width: 100px;
}

.bootstrap .blue-box-content-container {
	min-height: 135px;
}

.bootstrap .blue-box-content {
	margin-left: 150px;
}

.bootstrap .blue-box-content-tag {
	margin-left: 150px;
	min-height: 0px !important;
}

.bootstrap .blue-box-content-language {
	margin-right: 6px;
}

.bootstrap .float-right {
	float: right;
}

.bootstrap #search_top .border_gray {
	border-bottom: 1px solid #CCCCCC;
	border-top: 1px solid #CCCCCC;
	margin-top: 20px;
	padding-top: 20px;
	padding-bottom: 20px;
}

.bootstrap #search_top .spacer {
	margin-left: 20px;
}

.bootstrap .customtabstrip {
	background-image: none !important;
	border: 0 solid;
}

.bootstrap .customtabstrip .k-tabstrip .k-content.k-state-active {
	background: #B9CCE8;
}

.bootstrap .customtabstrip #panelBar .k-state-default {
	background: #B9CCE8;
}

.bootstrap .customtabstrip li.k-item {
	background-color: transparent !important;
	background-image: url("../images/tab.png");
	background-position: 100% -100px;
	border: none;
	border-radius: 0;
	height: 25px;
	min-width: 100px;
	padding-right: 10px;
	margin-left: 2px;
}

.bootstrap .customtabstrip li.k-first {
	margin-left: 0px;
}

.bootstrap .customtabstrip .k-item a.k-link {
	text-decoration: none !important;
	background-color: transparent !important;
	background-image: url("../images/tab.png");
	background-position: 0px -0px;
	border: none;
	border-radius: 0;
	height: 22px;
	display: block;
	margin-left: 0px;
	text-align: center;
	padding: 0;
	padding-top: 3px;
	padding-left: 10px;
	color: #27537a  !important;
	font-weight: bold !important;
}

.bootstrap .customtabstrip li.k-state-hover {
	background-position: 100% -150px;
	border: none !important;
	box-shadow: none;
}

.bootstrap .customtabstrip li.k-state-hover a.k-link {
	background-position: 0px -50px;
	color: #27537a  !important;
}

.bootstrap .customtabstrip li.k-state-active {
	background-position: 100% -150px;
	border: none !important;
}

.bootstrap .customtabstrip li.k-state-active a.k-link {
	background-position: 0px -50px;
	color: #151515 !important;
	margin-bottom: -1px;
	height: 26px !important;
}

.bootstrap .customtabstrip .k-tabstrip-items {
	padding: 0;
}

.bootstrap .customtabstrip .k-content {
	background: #D7E0EE !important;
	border: none;
	border-top: 1px solid #95b3d0 !important;
	padding: 0;
	margin: 0;
}

.bootstrap .customtabstrip .k-content .k-state-active {
	background: #D7E0EE !important;
	border: none;
	border-top: 1px solid #95b3d0 !important;
	padding: 0;
	margin: 0;
}

.bootstrap .documenttabstrip {
	background-image: none !important;
	border: 0 solid;
}

.bootstrap .documenttabstrip #panelBar .k-state-default {
	background: #B9CCE8;
}

.bootstrap .documenttabstrip .k-state-default a {
	color: #27537A;
	text-decoration: none !important;
}

.bootstrap .documenttabstrip #tabstrip_ts_active, .bootstrap .documenttabstrip #panelBar .k-state-active {
	background: #D7E0ED;
}

.bootstrap .documenttabstrip #tabstrip_ts_active a, .bootstrap .documenttabstrip .k-state-active a {
	color: #000000;
	text-decoration: none;
}

.bootstrap .documenttabstrip .k-content {
	background: #D7E0EE;
}

.bootstrap .margin_top_bottom5 {
	margin-top: 5px;
	margin-bottom: 5px;
}

.bootstrap .display_block {
	display: block;
	margin-left: 30%;
}

.bootstrap .margin_top_bottom10 {
	margin-top: 10px;
	margin-bottom: 10px;
}

.bootstrap .margin_20 {
	margin: 20px;
}

.bootstrap .simple_list {
	list-style: none;
	margin-left: 0;
}

.bootstrap .right {
	float: right;
}

.bootstrap .pdf-icon {
	width: 16px;
	height: 16px;
}

.bootstrap .volume-icon {
	width: 30px;
	height: 18px;
}

.bootstrap .documents-volume-icon {
	float: right;
	position: relative;
	top: -15px;
	background-image: url("../../../images/document/volume-link.png");
	background-repeat: no-repeat;
	width: 50px;
	height: 50px;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
}

.bootstrap .documents-volume-icon:hover {
	background-position: -50px 0;
}

.bootstrap .my-pagination ul {
	list-style: none;
	margin-left: 0;
	margin-right: 0;
}

.bootstrap .my-pagination:after {
	clear: both;
}

.bootstrap .my-pagination li {
	list-style: none;
	float: left;
}

.bootstrap .my-pagination ul li a, .bootstrap .my-pagination ul li button {
	color: #0033CC;
	height: 16px;
	margin-left: 6px;
	margin-right: 6px;
	display: block;
	text-decoration: none !important;
}

.bootstrap .my-pagination ul li a.active, .bootstrap .my-pagination ul li.active button, .bootstrap .my-pagination ul li.active {
	color: #151515;
	text-decoration: none !important;
	height: 16px;
	margin-left: 6px;
	margin-right: 6px;
}

.bootstrap .my-pagination ul li a:hover, .bootstrap .my-pagination ul li button:hover {
	color: #000099;
}

.bootstrap .my-pagination ul li.active a {
	font-weight: bold;
	color: #151515 !important;
}

.bootstrap .float-left {
	float: left;
}

.bootstrap button.dodis-pagination {
	border: none;
	padding: 0 !important;
}

.bootstrap .button-not-button {
	background: none;
	border: none;
	padding: 0 !important;
}

.bootstrap .k-listview {
	min-height: 60px;
}

.bootstrap .k-grid-content {
	min-height: 60px;
}

.bootstrap .dodis-pagination {
	background: url("../../images/pagination.png");
	display: block;
}

.bootstrap .dodis-back {
	background-position: 0 0;
	width: 16px;
	height: 16px;
}

.bootstrap .dodis-back:hover {
	background-position: -21px 0;
	width: 16px;
	height: 16px;
}

.bootstrap .dodis-back_inactif {
	background-position: -42px 0;
	width: 16px;
	height: 16px;
}

.bootstrap .dodis-fast_back {
	background-position: -63px 0;
	width: 16px;
	height: 16px;
}

.bootstrap .dodis-fast_back:hover {
	background-position: -84px 0;
	width: 16px;
	height: 16px;
}

.bootstrap .dodis-fast_back_inactif {
	background-position: -105px 0;
	width: 16px;
	height: 16px;
}

.bootstrap .dodis-fast_next {
	background-position: -126px 0;
	width: 16px;
	height: 16px;
}

.bootstrap .dodis-fast_next:hover {
	background-position: -147px 0;
	width: 16px;
	height: 16px;
}

.bootstrap .dodis-fast_next_inactif {
	background-position: -168px 0;
	width: 16px;
	height: 16px;
}

.bootstrap .dodis-next {
	background-position: -189px 0;
	width: 16px;
	height: 16px;
}

.bootstrap .dodis-next:hover {
	background-position: -210px 0;
	width: 16px;
	height: 16px;
}

.bootstrap .dodis-next_inactif {
	background-position: -231px 0;
	width: 16px;
	height: 16px;
}

.unpublished {
	background: url("../../images/bg-unpublished.png");
}

.grey.unpublished {
	background: url("../../images/bg-unpublished-blue.png") !important;
}

.embargo:not(.unpublished) {
	background: url("../../images/bg-embargo.png");
}

.grey.embargo:not(.unpublished) {
	background: url("../../images/bg-embargo-blue.png") !important;
}

.bootstrap .editWithEditor {
	visibility: hidden;
}

.bootstrap .editWithEditor.editable {
	visibility: visible;
}

.bootstrap .folded-arrows {
	display: inline-block;
	margin-top: 0px;
	cursor: pointer;
}

.bootstrap .arrow-right {
	margin-left: -20px;
	display: inline-block;
	font-size: 12px;
}

.bootstrap .arrow-down {
	margin-left: -20px;
	display: inline-block;
	font-size: 12px;
}

.bootstrap tr.document_list {
	background-color: transparent;
	border-top: 1px solid #000;
}

.bootstrap tr:hover.document_list td {
	color: #dc2626;
}

.bootstrap .document_list td:hover {
	cursor: pointer;
}

.bootstrap hr.document_details {
	margin: 10px 0;
}

.bootstrap #impressum_switch {
	cursor: pointer;
}

.bootstrap #anc_o + .searchResult td:last-child {
	word-break: break-word;
}

.bootstrap .region-sidebar-second .block h2, .bootstrap #block-search-form h2 {
    /*letter-spacing: 0.03em;*/
	line-height: 17px;
	padding: 1px 0 5px;
	margin: 0;
}

.bootstrap .region-sidebar-second .block h2 a {
	color: #0033CC;
	text-decoration: none;
}

.bootstrap .region-sidebar-second .block h2 a:hover {
	text-decoration: underline;
}

.bootstrap .region-sidebar-second .block {
	border-top: 2px solid #7BA1D2;
	padding-right: 20px;
	font-size: 12px;
	line-height: 15px;
}

.bootstrap #menu_and_content_container a.btn-fix-link {
	text-decoration: none !important;
	color: #333 !important;
}

.bootstrap .attachment-preview {
	max-height: 300px;
	overflow: hidden;
	position: relative;
	margin-bottom: 14px;
}

.bootstrap .attachment-preview:before {
	cursor: pointer;
	content: '';
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: transparent;
}

.bootstrap .attachment-preview-button-shrink {
	display: none;
}

.bootstrap .attachment-wrapper.expanded .attachment-preview {
	max-height: 100%;
}

.bootstrap .attachment-wrapper.expanded .attachment-preview:before {
	display: none;
}

.bootstrap .attachment-wrapper.expanded .attachment-preview-button-expand {
	display: none;
}

.bootstrap .attachment-wrapper.expanded .attachment-preview-button-shrink {
	display: inline;
}

.bootstrap .document-detail-title {
	padding: .5rem 0;
	font-size: 16px;
	line-height: 1.5;
}

.bootstrap .blue-box.document {
	padding: 1rem;
}

.bootstrap .blue-box {
	background-color: none;
}

.bootstrap .fundorte {
	margin-top: 2rem;
}

.bootstrap .specimen-list div .fundort {
	padding: 0 .5rem 0 2.0rem;
	margin: 0 0 1rem 1.2rem;
	border-left: 1px dotted #333;
}

.bootstrap .specimen-list div .fundort:last-child {
	margin-bottom: 0;
}

.bootstrap .btn-box {
	border-radius: 0;
	margin-top: -.5rem;
	border-top: none;
}

.bootstrap .btn-text-close {
	display: none;
}

.bootstrap .fundorte.open .btn-text-close {
	display: block;
}

.bootstrap .fundorte.open .btn-text-open {
	display: none;
}

.bootstrap .document-volume .float-left {
	width: 80px;
	text-align: left;
}

.bootstrap .document-volume .float-right {
	width: calc(100% - 100px);
}

.bootstrap .attachment-preview:before {
	background-image: linear-gradient(to bottom, rgba(255,255,255,0) 20%, #5d5656 100%);
}

.bootstrap .attachment-container {
	padding: 14px;
}

.bootstrap .attachment-wrapper {
	position: relative;
}

.bootstrap .attachment-preview-button {
	position: absolute;
	bottom: 0;
	border: none;
	box-shadow: none;
	background: none;
}

.bootstrap .attachment-preview-button i {
	transform: scale(1.5);
}

.bootstrap .attachment-preview-button:focus,
  .bootstrap .attachment-preview-button:hover {
	background: none !important;
}

.bootstrap .attachment-html .attachment-wrapper {
	background: white;
}

.bootstrap .attachment-html #document-pane {
	background: white;
	padding: 14px 14px 30px;
}

.bootstrap .region-sidebar-second a.tag {
	text-decoration: none !important;
	color: #333333;
	border-radius: 4px;
	padding: 1px 3px;
	margin: 0 2px 4px 0;
	background-color: #EAEBEC;
	display: inline-block;
}

.bootstrap .region-sidebar-second a.tag:hover,
  .bootstrap .region-sidebar-second a.tag:focus {
	background-color: #e66565;
}

.bootstrap .region-sidebar-second .block {
	padding-top: 4px;
	border-top: 1px dotted #333;
}

.bootstrap .region-sidebarsubtitle {
	margin: 3px 0;
}

.bootstrap .blue-box.document {
	margin-bottom: 0;
	padding-bottom: 2rem;
}

.bootstrap .document-attachments .k-tabstrip-items {
	background: #e7ecf5;
}

.bootstrap .attachment-iframe {
	width: 100%;
	height: 160vh;
}

.bootstrap .attachment-preview:before,
  .bootstrap .attachment-preview-button {
	z-index: 2;
}

.bootstrap .attachment-iframe-wrapper {
	position: relative;
	padding-bottom: 135%;
	height: 0;
	overflow: hidden;
	width: 100%;
	height: auto;
	display: block;
}

.bootstrap .attachment-img {
	position: absolute;
	width: 100%;
	z-index: 1;
	top: 0;
	left: 0;
}

.bootstrap .expanded .attachment-img {
	z-index: 0;
}

.bootstrap .attachment-iframe {
	z-index: 0;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.bootstrap .expanded .attachment-iframe {
	z-index: 1;
}

.bootstrap .document-specimens {
	margin-top: 1rem;
}

.bootstrap .specimen-list {
	height: 0;
	overflow: hidden;
}

.bootstrap .specimen-wrapper.expanded .specimen-list {
	height: auto;
}

.bootstrap .specimen-button {
	padding-left: 1.2rem;
	background: transparent;
	cursor: pointer;
}

.bootstrap .specimen-button .folded-arrows {
	position: relative;
	top: -2px;
}

.bootstrap .specimen-button .arrow-down {
	display: none;
}

.bootstrap .specimen-wrapper.expanded .specimen-button .arrow-right {
	display: none;
}

.bootstrap .specimen-wrapper.expanded .specimen-button .arrow-down {
	display: block;
}

.bootstrap .attachment-modal-html #document-pane {
	max-width: 2222px;
	padding: 1rem;
}

.bootstrap .attachment-modal-html .btn-toolbar {
	background: none, linear-gradient(to bottom, #fefefe 0, #e7e7e7 100%);
	position: sticky;
	top: 0;
	padding:  4px;
	left: -.58em;
}

.bootstrap .cite-box {
	margin: 1.2rem 0 1rem;
}

.bootstrap input.cite-box-link {
	display: inline-block;
	background-color: rgba(255, 255, 255, 0.5);
	padding: 4px 8px;
	font-family: monospace;
	border: none;
	margin-bottom: 0;
	position: relative;
	top: -2px;
}

.bootstrap .cite-box-btn {
	display: inline-block;
	cursor: pointer;
	padding: 4px 8px;
}

.bootstrap .k-tabstrip-items .k-item {
	position: relative;
}

.bootstrap .k-tabstrip-items .k-item:before {
	content: ' ';
	display:  block;
	position: absolute;
	top: -2px;
	right: -1px;
	width: 0;
	height: 0;
	border-top: -1px solid transparent;
	border-bottom: 10px solid transparent;
	border-right: 10px solid #e7ecf5;
}


/* after D10 update */
.visually-hidden {
    position: absolute !important;
    overflow: hidden;
    clip: rect(1px, 1px, 1px, 1px);
    width: 1px;
    height: 1px; /* This 1px height is creating the "white line" at the bottom of the page, you're seeing a 1px tall "hidden" element 🤦‍♂️ */
    word-wrap: normal;
}

footer .dodis-logo {
	margin-right: 10px;
}