* {
	margin:0px;
	padding:0px;
	font-size:14px;
}
h2 {
	font-size:16px;
	margin-top:5px;
}
.body {
	width:96%;
	margin:3px auto;
}
#all_content {
	display:flex;
    justify-content: space-between;
    width: 100%;
}
#left_content {
    width: 70%;
}
#right_content {
    width: 232px;
	height:100vh;
}
#canvasBlock {
	width:100%;
	height:80vh;
	border:1px solid #ccc;
}
canvas {
}

#top_content {
	display:flex;
    justify-content: space-between;
	margin:10px 0px;
	border-bottom:1px solid #000;
	padding-bottom:10px;
}
#top_content div ,
#top_content select {
	font-size:18px;	
}
#panel {
	display:flex;
    flex-direction: column;
	
}
.panel_button {
	padding:3px 10px;
	border:1px solid #ccc;
	cursor:pointer;
	margin:4px 0px ;
	border-radius:4px;
    background: #fff;
}
.panel_button.action {
	border:1px solid green;
	
}

#center_content {
    width: 290px;
	
}
#result_shumy {
	
}
#result_shumy label, #result_urovny label {
	display:flex;
	margin:4px 0px ;
}
#result_shumy label div, #result_urovny label div {
	margin:0px 4px;
	color:gray;
}
#result_shumy label div.green {
	color:green;
}
#result_shumy label div.red {
	color:red;
}

.cron_signals_flex {
	width:100%;
	background:#fff;
}
.cron_signals_flex td {
	padding:0px 3px;
}

#top_panel_info {
	display:flex;
    flex-direction: column;
}
#position {
	display:flex;
	margin:3px 0px;
}
#position div {
	width:15%;
}
#candle {
	display:flex;
	margin:3px 0px;
}
#candle div {
	width:8%;
}
#candle div.candle_big {
	width:14%;	
}

#parsers_results {
	display:flex;
	margin-top:10px;
}
#parsers_results div:first-child {
	width:65%;
}
#parsers_results div:last-child {
	width:30%;
}
.audio_vikl {
	cursor:pointer;
	border:1px solid #ccc;
	padding:3px 10px;
	border-radius:4px;
	width:120px;
	text-align:center;
	margin: 5px 0px;
}

.date {
	font-size:12px;
	color:gray;
}

#cron_result {
	margin-bottom:15px;
}

#cron_info {
	border:1px solid #ccc;
	border-radius:4px;
	padding:15px;
}
#cron_info div {
	margin:5px 0px;
}
#cron_info div label {
	display:flex;
	margin:5px 0px;
}
#cron_info div label input {
	margin-right:5px;
}

#result_shumy {
	margin:10px 0px;
}

#right_content table,
table.akcii {
	margin-top:10px;
}
#right_content table a,
table.akcii a {
	color:#0000E6;
	font-size:16px;
	display:block;
	text-decoration:none;
	padding:3px 10px;
	border-radius:4px;
}
#right_content table a:hover,
table.akcii a:hover {	
	color:#7777FF;
}
#right_content table tr.action,
table.akcii tr.action {
	background:rgb(222,222,222);
	border:1px solid #0000E6;
}

#right_content table,
table.akcii {
	width:100%;
}

.open_window_body {
	display:none;
	position:fixed;
	top:0px;
	left:0px;
	width:100%;
	height:100vh;
	background: rgba(0,0,0,0.5);
    align-items: center;
    justify-content: center;
	z-index:100000;
}
.open_window_block {
	position:relative;
	width:600px;
}
.close_window {
    position: absolute;
    z-index: 1;
    top: -39px;
    right: -24px;
	font-size:40px;
	color:red;
    cursor: pointer;
    transform: rotate(45deg);
    transition: all 280ms ease-in-out;
}
.open_window_text {
	background:#fff;
    width: 90%;
    padding: 5%;
}

.open_window_form {
    display: flex;
    flex-direction: column;
}
.open_window_form label {
	margin:5px 0px;
}
.label_flex_radio {
    display: flex;
    flex-direction: column;
	
}
.open_window_form label input[type=radio] {
	margin-right:5px;
}
.open_window_form
textarea {
    width: 100%;
    height: 70px;
}
.label_flex_radio label {
    display: flex;
    align-items: center;
}

#canvas_block_flex {
	display:flex;
	width:100%;
}
#canvas_block_flex1 {
	display:flex;
    flex-direction: column;
    align-items: center;
	width:100%;
}
#canvas_block_flex2 {
	display:flex;
    align-items: flex-start;
}
#canvasBlock_PanelBottom {
	margin:5px 0px;
	display:flex;
    width: 100%;
    align-items: center;
    justify-content: center;
}
#canvasBlock_PanelRight {
	margin:0px 5px ;
	display:flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;
}
#canvasBlock_PanelBottom div,
#canvasBlock_PanelRight div {
	font-size:20px;
	padding:5px;
	background:#ccc;
	margin:0px 3px;
	border-radius:4px;
	display:flex;
	width:30px;
    align-items: center;
    justify-content: center;
	cursor:pointer;
}
#canvasBlock_PanelRight div {
	margin:3px 0px ;
	
}
#canvasBlock_PanelBottom div:hover,
#canvasBlock_PanelRight div:hover,
#canvasBlock_PanelBottom div.action,
#canvasBlock_PanelRight div.action {
	
	background:#7777FF;
	color:#fff;
}
.str_green, .str_green a {
	color:green;
}
.str_red, .str_red a {
	color:red;
	
}
.flag_not_important {
	color:#ccc;
	cursor:pointer;
}
.flag_important {
	color:red;
	cursor:pointer;
}
.str_null {
	opacity:0.6;
}
.str_no {
	text-decoration: line-through;
	opacity:0.8;
	background:#eee;
}
.str_no a {
}
.str_yes {
	
}

#position {
	display:none;
}


.for_scroll {
	overflow-y:auto;
	width:100%;
}

.height10 {
	height:10vh;
}
.height20 {
	height:20vh;
}
.height30 {
	height:30vh;
}
.height40 {
	height:40vh;
}
.height50 {
	height:50vh;
}
.height60 {
	height:60vh;
}
.height70 {
	height:70vh;
}
.height80 {
	height:80vh;
}
.height90 {
	height:90vh;
}


#right_panel_nuv {
	
    display: flex;
    flex-direction: row-reverse;
}
#right_panel_nuv_black {
	width:107px;
	background:#666;
	border-left:1px solid #000;
	display:flex;
	padding:22px 0px;
    flex-direction: column;
    align-items: center;
	
}
.nuv_element {
	display:flex;
    align-items: center;
    justify-content: center;
	color:#fff;
	margin:5px 0px;
	border-radius:25px;
	cursor:pointer;
	padding:5px 10px;
}
.nuv_element:hover,
.nuv_element.action {
	background:  rgba(0,0,0,0.7);
	color:  rgba(255,255,255,0.7);
}
#right_panel_info {
	width:285px;
	background:rgba(222,222,222,0.9);
	padding:20px;
}
.nuv_no_vis {
	display:none;
}
#right_panel_info h2 {
	font-size:20px;
	margin-bottom:10px;
	border-bottom:1px solid #000;
	padding-bottom:5px;
}
.for_mashtab.action {
	background:yellow;
}