.diagram {width:100%; height:100%; display:flex; flex-direction: column;}
.diagram svg text{font-weight: normal;}
.diagram > iframe {width:100%;height:100%}

.highcharts-text-outline {	display: none;}
.highcharts-title {	font-size: 18px;}
.highcharts-subtitle {	font-size: 15px;}
.highcharts-label {font-size: 12px;}
#colorfont{width: 148px}
#colorback{width: 148px}
#colorgrid{width: 148px}
p#otchet_filter input {padding: 1px; width: 144px;}

.ganta-cell {white-space:nowrap;height:1em;float:right;}
.ganta-streak {display:flex; width:calc(100% + 11px); margin-left:-6px;}
.ganta-text {position:relative;top:-1em;display: flex;width: calc(100% + 11px);margin-left: -6px;}
.ganta-title-text { display:flex;width:calc(100% + 11px); position:relative; top:-2.5em; cursor:pointer;  margin-left:-6px; }
.ganta-title { display:flex;width:calc(100% + 11px); position:relative; top:-1.2em; cursor:pointer;  margin-left:-6px;}

div#ganta-cursor1 {position: absolute; top:50px; width: 1px; height:100%; background-color: silver; }
div#ganta-cursor2 {position: absolute; width: 1px; height:100%; background-color: silver; }

div#ganta-nav-left {margin-top:3px;height:100%;border-right:solid 1px;border-top: solid 1px;background-color:rgb(77, 77, 77);opacity:0.4}
div#ganta-nav-right {margin-top:3px;height:100%;border-left:solid 1px;border-top: solid 1px;background-color:rgb(77, 77, 77);opacity:0.4}

.title1 {top: 0; width: calc(100% - 8px); display: flex; flex-direction: column;word-wrap: break-word;padding: 4px;}
.title2 {position: absolute; bottom: 10px; width: 100%; display: flex; flex-direction: column;}
.title1 div, .title2 div {text-align:center;}
.gist {width: 100%; flex-grow: 1; overflow:hidden; position: relative;}

div.tableConstructor {position:absolute; top:0px; left:0; width:100%; height:calc(100% - 0px);}
div.tableConstructor table.dataTable thead th, div.tableConstructor table.dataTable thead td {	padding: 10px 12px;	}
div.tableConstructor table.dataTable.DTFC_Cloned thead th, div.tableConstructor table.dataTable thead td {padding: 8px 2px;}
div.tableConstructor table.dataTable tbody th, div.tableConstructor table.dataTable tbody td {	padding: 2px 4px;	}
div.tableConstructor table.dataTable th div, div.tableConstructor table.dataTable td div{ word-wrap: break-word }
div.tableConstructor div.DTFC_ScrollWrapper {position: relative; clear: both; height: 0; top: 10px;}
div.tableConstructor div.DTFC_LeftWrapper {position: absolute; top: 0; left: 0; height: 1px;}

div.tableConstructor .dataTables_scroll table tr th:first-child, div.tableConstructor .dataTables_scroll table tr td:first-child {display: none}
div.tableConstructor .DTFC_LeftHeadWrapper thead tr th:first-child {text-align: left;}

div.tableConstructor div.width-control {position: absolute; width: 4px; height:100%; cursor: w-resize; background-color: silver; opacity: 0;}
div.tableConstructor div.width-control:hover {opacity: 0.3}

div.tableConstructor .details-control, div.tableConstructor .group-control { position: relative; padding: 0px; height: 2px; width: 16px;color:inherit; }
div.tableConstructor .details-control .ui-icon, div.tableConstructor .group-control .ui-icon{top:0.01em; left:2px; position: absolute; cursor: pointer; }
div.tableConstructor .ui-icon-minus:after{ content: '\2212'; }
div.tableConstructor .ui-icon-plus:after{   content: '\002B'; }

div.tableConstructor .sortcolumn {cursor: pointer;}
div.tableConstructor .groupbuttons { position: absolute; bottom: 0; left: 2px; }
div.tableConstructor .hiddenfiltr {display: none;}

.diagram-text {
	word-wrap: break-word;
	white-space: pre-line;
	position: absolute;
	height: 100%;
	padding: 6px;
	width: 100%;
	border: 0;
	box-sizing: border-box;
	overflow-x: hidden;
	overflow-y: auto;
}