body {
	background-color: #8F8F47;
	text-align: left;
	font-family: 'Roboto', sans-serif;
	font-size: 14pt;
	text-align: left;
	color: #000000
}
.white {
	color: #ffffff;
}
.black {
	color: #000000;
}
.yellow {
	color: #f0f000;
}
.green {
	color: #008000;
}
.mcolor {
	color: #FFCC00;
}
.py {
	background-color: #ccccff;
	color: #000000;
}
.code  {
	border: 1px solid #669999;
	padding: 4px;
	background-color: #FFFFEE
}
.round {
	padding:4px;
	border-radius: 10px 10px 10px 10px;
}
.round_note {
	padding:4px;
	border-radius: 10px 10px 10px 10px;
	background-color: #E7E7DA;
}
.round_title {
	padding:4px;
	border-radius: 10px 10px 10px 10px;
	background-color: #669999;
}
.round_top {
	padding:4px;
	border-radius: 10px 10px 0px 0px;
	background-color: #6CA2A2;
}
.round_bottom {
	padding:4px;
	border-radius: 0px 0px 10px 10px;
	background-color: #e0e0e0;
}
.round_top_left {
	padding:4px;
	border-radius: 10px 0px 0px 0px;
	background-color: #A7C5C5;
}
.round_top_right {
	padding:4px;
	border-radius: 0px 10px 0px 0px;
	background-color: #A7C5C5;
}
.round_bottom_left {
	padding:4px;
	border-radius: 0px 0px 0px 10px;
	background-color: #A7C5C5;
}
.round_bottom_right {
	padding:4px;
	border-radius: 0px 0px 10px 0px;
	background-color: #A7C5C5;
}
.round_footer {
	padding:4px;
	border-radius: 10px 10px 10px 10px;
	background-color: #A7C5C5;
}
.round_picture {
	padding:4px;
	border-radius: 10px 10px 10px 10px;
	background-color: #d0d0d0;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
}

.left {
	float: left;
	margin-right: 4
}
.right {
	float: right;
	margin-left: 4
}
.bl1 {
	margin-left: 1em;
	margin-right: 1em;
}
.bl2 {
	margin-left: 2em;
	margin-right: 2em;
}
.sb1 {
	margin-left: 1em;
}
.sb2 {
	margin-left: 2em;
}
table {
	font-size: 1em;
	text-align: left;
	margin-top: 1em;
	margin-bottom: 1em;
}
th {
	text-align: center;
}
a:link {
	color: #0000FF;
	text-decoration: none;
}
a:active {
	color: #FF00FF;
	text-decoration: none;
}
a:visited {
	color: #80008F;
	text-decoration: none;
}
a:hover {
	color: #FF0000;
	text-decoration: underline;
}
.standard {
	color: #000000;
	background-color: #FFFFFF;
}
h6 {
	margin-top: 1em;
	margin-bottom: 1em;
		font-size: 0.8em;
	font-weight: bold
}
h5 {
	margin-top: 1em;
	margin-bottom: 1em;
	font-size: 1em;
	font-weight: bold
}
h4 {
	margin-top: 1em;
	margin-bottom: 1em;
	font-size: 1.1em;
	font-weight: bold
}
h3 {
	margin-top: 1em;
	margin-bottom: 1em;
	font-size: 1.3em;
	font-weight: bold
}
h2 {
	margin-top: 1em;
	margin-bottom: 1em;
	font-size: 1.5em;
	font-weight: bold
}
h1 {
	margin-top: 1em;
	margin-bottom: 1em;
	font-size: 1.7em;
	font-weight: bold;
}
.flow {
	float: left;
	margin-right: 1em;
	margin-top: 1em;
	margin-bottom: 1em;
}
.small {
	font-size: 0.8em;
}
.big {
	font-size: 1.3em;
}
.b {
	color: #ff00ff;
	font-weight: bold;
}
.c {
	color: #008000;
	font-style: italic;
}
.f {
	font-family: Times New Roman, Times;
	font-size: 1.1em;
	font-style: italic;
}
.i {
	color: #000000;
	font-weight: bold;
}
.n {
	color: #0000FF;
}
.rem {
	color: #336699;
}
.t {
	color: #FF0000;
}
.v {
	color: #9900CC;
}
p {
	margin-top: 1.5em;
	margin-bottom: 1.5em;
}
.x {
	font-style: italic;
	color: #FF00FF;
}
.pp {
	color: #003366;
	font-weight: bold;
}
pre, code, kbd, samp, tt {
	font-family: monospace,monospace;
	font-size: 1em;
	text-align: left;
	padding: 0.2em;
	margin-top: 0;
	margin-bottom: 0;
	line-height: 120%;
}
.program {
	font-family: monospace;
	font-size: 1em
	padding: 0.2em;
	text-align: left;
	border-radius: 10px 10px 10px 10px;
	color: #FFB000;
	background-color: #0D0800;
	line-height: 100%; font-weight:bold
}
.listing_top {
	padding: 0.2em;
	border-radius: 10px 10px 0px 0px;
	background-color: #C7C7E2;
}
.listing {
	padding: 0.4em;
	border-radius: 10px 10px 10px 10px;
	margin-top: 1.5em;
	background-color: #f0f0f0;
	margin-bottom: 1.5em
}
ul.l_circle_gray {
	list-style-image: url('images/blt_cir_10.gif');
}
ul.l_sqrare_gray {
	list-style-image: url('images/blt_sqr_10.gif');
}
ul.l_arrow_blue {
	list-style-image: url('images/blt_arrow_blue.gif');
}
ul.l_arrow_orange {
	list-style-image: url('images/blt_arrow_orange.gif');
}
a.mbutton {
	border-radius: 12px 12px 12px 12px;
	background: #FFFFFF;
	padding-left:8px;
	padding-right:8px;
	padding-top:4px;
	padding-bottom:4px;
}
a:hover.mbutton {
	background: #000000;
	text-decoration: none;
}
a.pbutton {
	border-radius: 12px 12px 12px 12px;
	background: #66CCFF;
	color: black;
	padding-left:8px;
	padding-right:8px;
	margin: 5px 0;
}
a:hover.pbutton {
	background: #000000;
	text-decoration: none;
	color: white;
}
.nomargin {
	margin-top: 0;
	margin-bottom: 0
}
input {
	font-family: 'Roboto', sans-serif;
	font-size: 0.9em;
}
.nobr {
	white-space: nowrap;
}
.dark {
	color: #FFFFFF;
	background-color: #404040;
}
.dark_green {
	color: #00FF00;
	background-color: #004400;
}
.dark_violet {
	color: #FFFFCC;
	background-color: #6600CC;
}
.darker {
	color: #FFFFFF;
	background-color: #202020;
}
.darkest {
	color: #FFFFFF;
	background-color: #000000;
}
.light {
	color: #000000;
	background-color: #C0C0C0;
}
.light_green {
	color: #336600;
	background-color: #CCFF66;
}
.lighter {
	color: #000000;
	background-color: #F0F0F0;
}
.lighter_green {
	color: #113300;
	background-color: #CCFFCC;
}
mjx-container[jax="CHTML"][display="true"] {
	display: block !important;
	text-align: inherit !important;
}
/* --- USTAWIENIA DLA TRYBU JASNEGO (LIGHT) --- */
img.graph {
  /* Odstęp od krawędzi obrazka */
  padding: 0px;			  
  
  /* W trybie jasnym ramka ma być BIAŁA */
  border: 8px solid #ffffff; 
  
  /* Bezpiecznik dla Chrome Auto-Dark */
  color-scheme: only light;	   
}
@media (prefers-color-scheme: dark){
  img.graph {
	/* 1. Odwraca kolory (tło z białego na czarne) */
	/* 2. Obraca barwy o 180 stopni (fiolet zmienia się z powrotem w zieleń) */
	/* 3. Podbija kontrast, aby zgubić szare/fioletowe piksele z wygładzania krawędzi */
	filter: invert(1) hue-rotate(180deg) contrast(1.2);
  }
}
.mjx-chtml, .MathJax {
	white-space: nowrap;
}

/* 1. Usuwamy możliwość aktywowania przeskoku focusu przez przeglądarkę */
mjx-container, .MathJax, mjx-container * {
	outline: none !important;
	box-shadow: none !important;
	-webkit-tap-highlight-color: transparent;
}

/* 2. Neutralizujemy lewy klik na samym wzorze we wszystkich przeglądarkach */
mjx-container {
	pointer-events: none !important;
}

/* 3. Przywracamy wyłącznie prawy przycisk na wzorze dla wywołania menu */
mjx-container[contextmenu], mjx-container {
	pointer-events: auto !important;
}

/* 4. Bezwzględnie odblokowujemy lewe i prawe kliknięcia dla menu MathJax */
#MathJax_MenuFrame, 
.MathJax_Menu, 
.MathJax_Menu *, 
.MathJax_MenuFrame,
mjx-menu,
mjx-menu * {
	pointer-events: auto !important;
}