.axis-label {font-size: 0.6rem;}
.axis-label500 {font-size: 0.8rem;}
.axis-label300 {font-size: 0.5rem;}
.grid-line {stroke: #ddd; stroke-width: 0.5;}
 /* .b0{display:inline-block; float:left; vertical-align:top; margin:0 20px 10px 0}   /*margin: [верх] [право] [низ] [лево]; */ */

#chart {border: 1px solid black;}
/* #output {border: 1px solid black;} */
.legend-item { font-family: Arial, sans-serif; font-size: 14px; margin-bottom: 0;}
.statia { font-family: Arial, sans-serif; font-size: 18px; }
.color-box {border: 1px solid #000; vertical-align: middle; width: 16px; height: 16px; display:inline-block; marginRight: 8px}
.comments {width: 99.5%; max-width: 100%;   border: 1px solid black; padding: 5px;/* Внутренний отступ */ overflow-y: auto;/* Вертикальная полоса прокрутки */ white-space: pre-wrap;/* Сохранение пробелов и переносов текста */ border-radius: 3px; overflow: hidden;}
.commentsText {width: 99.5%; max-width: 100%; height: 180px;  border: 1px solid black; padding: 5px;/* Внутренний отступ */ overflow-y: auto;/* Вертикальная полоса прокрутки */ white-space: pre-wrap;/* Сохранение пробелов и переносов текста */ border-radius: 3px; overflow: hidden;}
.highlight-red {
            color: red;
			margin: 0;
			padding: 0;
			line-height: 1;
			font-style: italic;
        }
.highlight-black {
            color: black;
			margin: 0;
			padding: 0;
			line-height: 1;
			font-style: italic;
			vertical-align:top;
        }
.explanations {
            color: black;
			/* margin: 0; */
			/* padding: 0; */
			/* line-height: 1; */
			display: inline-block;
			vertical-align:top;
			text-align: justify;
        }
.icon { float: left;
		margin-right: 10px;
		margin-bottom: 5px;
		}
.result500 { width: 30ch;/* Задает ширину в символах*/
	height: calc(1.2em * 31); /* Задает высоту, эквивалентную 20 строкам текста (эквивалентно `rows="20"`) */}
.result300 { width: 30ch;/* Задает ширину в символах*/
	height: calc(1.2em * 18.7); /* Задает высоту, эквивалентную 20 строкам текста (эквивалентно `rows="20"`) */}



.mb0{margin:0 0 30px 0;}
.mb1{display:inline-block;vertical-align:middle;}
.mb2{display:inline-block;vertical-align:middle;margin-left:40px;transform:scale(1.05);}
.mb3{display:inline-block;vertical-align:middle;margin:0 30px 0 16px;line-height:90%;}
.mb4{display:inline-block;vertical-align:middle;background:#f4f4f4;padding:0px;width:2px;height:65px;}
.mb5{display:inline-block;vertical-align:middle;margin:0 0 0 32px}
.ml1{font-size:0.8rem;font-weight:500;text-decoration:none;color:#333;font-family: -apple-system, system-ui,BlinkMacSystemFont,'Segoe UI','Open Sans','Helvetica Neue',Helvetica,Arial,sans-serif;}
.ml2{text-decoration:none;font-size:0.95rem;color:#333;font-weight:500;font-family: -apple-system, system-ui,BlinkMacSystemFont,'Segoe UI','Open Sans','Helvetica Neue',Helvetica,Arial,sans-serif;}
.b00{max-width:1460px;text-align:left;}

.b6{width:18.5rem;margin-bottom:0.5rem}
.b0{display:inline-block;float:left;vertical-align:top;margin:0 6rem 4rem 0}
.b500{display:inline-block; float:left; vertical-align:top; margin:0 20px 10px 0}
.b300{display:inline-block; float:left; vertical-align:top; width: 300; height: 300; margin:0 20px 10px 0}
.bResult{display:inline-block; float:left; vertical-align:top; width: 300; height: 300; margin:5px 10px 10px 0 }
.b1 {display:inline-block; width:6.2rem; margin:0.2rem 0 0.2rem 0; text-align:right}

.input-black {background-color: white; border: 1px solid black; width: 180px; height: 16px;  margin: 0px 0px; font-size: 14px; border-radius: 3px;}
.input-red {background-color: white; border: 1px solid red; width: 180px; height: 16px;  margin: 0px 0px; font-size: 14px; border-radius: 3px;}
.greyed {background-color: #d3d3d3; border: 1px solid black; width: 180px; height: 16px;  margin: 0px 0px; font-size: 14px; border-radius: 3px;}
.whited {background-color: white; border: 1px solid black; width: 180px; height: 16px;  margin: 0px 0px; font-size: 14px; border-radius: 3px;}
.spisok {background-color: white; border: 1px solid black; width: 190px; height: 20px;  margin: 0px 0px; font-size: 14px; border-radius: 3px;}

.butt2{width: 100px; font-size:0.9rem;-webkit-text-size-adjust:100%;border:1px solid #666;border-radius:0.2rem;background-color:#eee;text-align:center;padding:0.1rem 0.4rem 0.15rem 0.4rem;display:inline-block;vertical-align:bottom;cursor:pointer;}
.butt2:active{outline:1px solid #666;background-color:#ddd;}

@media (max-width:600px){body{margin:10px 20px 20px 10px;} .mb1{transform:scale(0.7);} .mb2{margin-left:-15px;transform:scale(0.85);} .mb3{margin:0 0 0 -20px;transform:scale(0.65);} .mb4{width:0;} .mb5{margin:0 0 0 -20px;transform:scale(0.8);}}