.loops{
	margin-left: -15mm;
	padding-left: 40mm;
	background-image: url('../irmak/strings.png');
	background-size: 35mm 180mm;
	background-repeat: no-repeat;
}
.pagedjs_right_page .loops{
	margin-left: 0;
	margin-right:-15mm;
	padding-left:0;
	padding-right: 40mm;
	background-position:right;
}
.pagedjs_right_page .loops .margin-note{
	margin-left:-15mm;
}

.loops .margin-note{
	background-color: white;
        position: absolute;
	margin-left: 15mm;
	padding: 5mm;
	padding-left: 0;
	color: black;
}
.loops .margin-note.loop-note{
	text-align: justify;
	width: 30mm;
	font-weight: 700;
	color: black;
	text-align-last: justify;
}
.pagedjs_right_page .loops .margin-note.loop-note{
	margin-left: -15mm;
}
.loops .margin-note>div{
	display: inline-flex;
	flex-direction: column;
	align-items: center;
	width: 10mm;
}
.loops .margin-note>div:first-of-type{
	margin-left:  -2.5mm;
}
.loops .note-call{
	display: none;
}
.loops .note-marker::before{
 display: none; 
}
.but-not-loops{
	background-image: none;
	.margin-note{
		color: var(--spot-color-1);
		padding: 0 5mm 0 0;
		margin-top: 0mm;
		margin-bottom: 0mm;
		margin-left: 10mm;
	}
	.pagedjs_right_page .margin-note{
		margin-top: 0mm;
		margin-bottom: 0mm;

}
}
.but-not-loops .note-marker::before, 
.but-not-loops .note-call{
	display: inline;
}
.but-not-loops blockquote{
margin: var(--baseline) 0;
}
body .loops.but-not-loops .margin-note.wide-margin-note{
  width: 80mm;
  margin-top: 10mm;
  height: 90mm;
  background: none;
}
.but-not-loops figure{
margin-left: -40mm;
}
.but-not-loops figure{
margin-left: -40mm;
}
.pagedjs_right_page .but-not-loops figure{
margin-left: -15mm;
}