body {
    font-family: Arial, sans-serif;
    margin: 0;
    padding: 0;
    box-sizing: border-box;	
	font-size: 12px;
}

.container {
    display: flex;
}

.left-zone {
    width: 22%;
    background-color: #dddddd;
    padding: 30px; 
    height: 100vh;	 /* полностью по высоте экрана */
    border: 3px;
    box-sizing: border-box;	
}

.middle-zone{
    width: 40%;
/*    flex: 1;*/
    padding: 20px;
	line-height: 1.3;	
}

.right-zone {
    flex: 1;
    padding: 20px;
}

h2 {
    margin-top: 0;
}

input, select{
	width: 76%;
    padding: 4px;
    margin-bottom: 10px;
}

/*---  для этого флажка вернем значение по-умолчанию */
#use_nalog,#offer,#gash{
	width: initial;
}	

button{
    padding: 8px 15px;
/*    background-color: #007bff; */
    background-color: lightred;
/*    color: white;*/
    color: black;
	font-weight: bold;
    border: 2;
    cursor: pointer;
	padding: 4px;
}

button:hover {
    background-color: #0056b3;
}
     
.plotno {
		line-height: 0.4;
		font-weight: regular;
}

.mdl {
		line-height: 0.7;
		font-weight: regular;
}

/*-----  Результаты расчетов -----*/
#profit {
	background: #90EEC0;  /* зеленый в синеву */
	padding: 6px;
	text-align: center;                         
}
#loss {
	background: #F08070;            /* красный в сторону оранжевого */
	padding: 6px;
	text-align: center;                  
}

/*-----  Для ошибок --------*/
.err {
	color: red;
}
  
/*-----  таблица потоков */
.dataframe {
	width: 100%;
	margin-bottom: 20px;
	border: 1px solid #dddddd;
	border-collapse: collapse; 
	/*text-align: right;*/	
	text-align: center;
	font-size: 9px;
}
.dataframe th {
	font-weight: bold;
	padding: 5px;
	background: #efefef;
	border: 1px solid #dddddd;
	text-align: center;
}
.dataframe td {
	border: 1px solid #dddddd;
	padding: 5px;
}

/*-----  сдвиг итогов под таблицей */
#total_dt{
/*	position: relative;
	left: 110px;*/
	text-align: right;	
}   


.h2small {
			font-size: 8px;