* {
	margin: 0;
	padding: 0;
	/*border: 1px solid red;*/

	-moz-user-select: none;
	-khtml-user-select: none;
	-webkit-user-select: none;
	user-select: none;
}


:root {
  --mainGreedBorder: 2px solid darkgray;
  --fontSize: 18px;
  --boldWeight: 600;
  --mainActiveElColor: blue;
}

html {	
	height: 100%;	
	min-width: 1280px;
	min-height: 800px;
}
body {
	height: calc(100% - 4px);
	padding: 2px;

	/*font-family: "Arial Narrow", sans-serif;*/

	font-family: 'Oswald', sans-serif;
	line-height: 120%;

	/*font-stretch: condensed;*/

/*	font-family: 'PTSans', sans-serif;
	line-height: 100%;*/
	
/*	font-family: 'Ubuntu', sans-serif;
	line-height: 100%;*/


	

	
	font-size: var(--fontSize);
	background-color: white;
	
	
	display: grid;
	/*grid-template-columns: 1fr 450px auto;*/
	grid-template-columns: 450px 1fr auto;
	grid-template-rows: auto auto 1fr auto auto;

	grid-template-areas: 
	"a a a"
	"s f f"
	"s p r"
	"h p r"
	"k p r";
}

input[type="range"] {
	accent-color: #0078d7;
}

#keoGrid {
	grid-area: k;
	border-bottom: var(--mainGreedBorder);
	/*border-right: var(--mainGreedBorder);*/
	border-left: var(--mainGreedBorder);
	padding: 5px;
}

/*---------------reportGrid------------------*/
#reportGrid {
	grid-area: r;
	border-bottom: var(--mainGreedBorder);
	border-right: var(--mainGreedBorder);
	padding: 5px;

	width: 450px;
	min-width: 450px;

	min-height: 200px;
	overflow-y: auto;
	overflow-x: hidden;
}

#validatePanel {
	max-height: 100%;
	display: flex;
	flex-direction: column;
	/*justify-content: space-between;*/
}

#validatePanelList {
	height: 100%;
	overflow-y: auto;
	overflow-x: hidden;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-right: 6px;
}


/*---------------actionGrid------------------*/
#actionGrid {
	grid-area: a;
	border: var(--mainGreedBorder);

	display: grid;
	grid-template-columns: auto 1fr  auto auto auto auto;
	grid-template-rows: 35px; /*по высоте лого*/
}
#actionGrid > div:nth-child(n+2) {
	padding-top: 3px; /*подобрать для выравнивания по вертикали*/
	padding-left: 20px;
	padding-right: 20px;
	margin-top: 5px;
	margin-bottom: 5px;
	white-space: nowrap;
}
#actionGrid > div:nth-child(n+3) {
	border-left: var(--mainGreedBorder);
}
#actionGrid > div:nth-child(2) {
	min-width: 10px;
	text-overflow: ellipsis;
	overflow: hidden;
	/*font-style: italic;*/
}
/*#actionGrid > div:last-child {
	width: 80px;
}*/

#actionGrid button {
	font: inherit;
	/*font-style: italic;*/
	border: none;
	outline: none;
	background-color: white;
	margin-left: 5px;
	margin-right: 5px;
	font-weight: var(--boldWeight);
}
#actionGrid button:first-child {
	margin-left: 0px;
}
#actionGrid button:last-child {
	margin-right: 0px;
}

/*#actionGrid > div:last-child button {
	width: 100%;
}*/



.actionBtOn {
	color: var(--mainActiveElColor);
}
.actionBtOn:hover {
	text-decoration: underline;
}
.actionBtActive {
	/*color: darkorange;*/
	color: black;
}
.actionBtActive:hover {
	text-decoration: underline;
}
.actionBtOff {
	color: gray;
}
.actionBtOff:hover {
	text-decoration: none;
}
.actionBtNotActual {
	/*color: CornflowerBlue;*/
	color: gray;
}
.actionBtNotActual:hover {
	text-decoration: underline;
}


#floorGrid {
	grid-area: f;
	border-bottom: var(--mainGreedBorder);
	border-left: var(--mainGreedBorder);
	border-right: var(--mainGreedBorder);

	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	/*justify-content: flex-end;*/
	/*justify-content: flex-start;*/

	overflow-y: hidden;
	overflow-x: auto;
}
#floorGrid > div {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;

	padding-top: 3px; /*подобрать для выравнивания по вертикали*/
	/*padding-left: 20px;*/
	padding-right: 40px;
	margin-top: 5px;
	margin-bottom: 5px;
	/*white-space: nowrap;*/
}

#floorGrid > div:last-child {
	padding-right: 0px;
}

/*#floorGrid > div > select {
	max-width: 300px;

	text-overflow: ellipsis;
	overflow: hidden;
}

#floorGrid > div > div > button {
	max-width: 300px;

	text-overflow: ellipsis;
	overflow: hidden;
}*/

/*#floorGrid > div:nth-child(n+2) {
	border-left: var(--mainGreedBorder);
}*/

#floorGrid > div > div {
	padding-left: 10px;
	padding-right: 10px;
	white-space: nowrap;
}


/*---------------planGrid------------------*/
#planGrid {
	grid-area: p;
	border-left: var(--mainGreedBorder);
	border-bottom: var(--mainGreedBorder);
	border-right: var(--mainGreedBorder);

	padding: 0px;
}
#underlaySvg {
	position: absolute;
	left:0;
	right:0;
	top:0;
	bottom:0;
}
#overlaySvg {
	position: absolute;
	left:0;
	right:0;
	top:0;
	bottom:0;
}
#senseSvg {
	position: absolute;
	left:0;
	right:0;
	top:0;
	bottom:0;
}
#field {
	height: 100%;
	position: relative;	
}
/*#northSvg {
	position: absolute;
	right:0;
}*/
#readySvg {
	position: absolute;
	right:0;
	/*bottom:0;*/
	stroke: Teal;
	fill: Teal;
}
.readySvgDim {
	stroke: DimGray !important;
	fill: DimGray !important;
}
.readySvgRed {
	stroke: Red !important;
	fill: Red !important;
}


/*---------------resGrid------------------*/
#resGrid {
	grid-area: h;
	border-bottom: var(--mainGreedBorder);
	/*border-right: var(--mainGreedBorder);*/
	border-left: var(--mainGreedBorder);
	padding: 5px;
}


/*---------------selectedElementGrid------------------*/
#selectedElementGrid {
	grid-area: s;
	border-bottom: var(--mainGreedBorder);
	/*border-right: var(--mainGreedBorder);*/
	border-left: var(--mainGreedBorder);
	padding: 5px;

	min-height: 200px;
	overflow-y: auto;
	overflow-x: hidden;
}

.stdOneColumn {
	width: 100%;
	min-width: 100%;
}

.stdTwoColumns {
	display: flex;
	/*align-items: center;*/
}
.stdTwoColumns > div:nth-child(1) {
	width: 40%;
}
.stdTwoColumns > div:nth-child(2) {
	width: 60%;
}

.stdTwoColumnsLrAlign {
	display: flex;
}
.stdTwoColumnsLrAlign > div:nth-child(1) {
	width: 50%;
}
.stdTwoColumnsLrAlign > div:nth-child(2) {
	width: 50%;
}

.stdTwoColumnsLegeng {
	display: flex;
	/*align-items: center;*/
}
.stdTwoColumnsLegeng > div:nth-child(1) {
	width: 6%;
}
.stdTwoColumnsLegeng > div:nth-child(2) {
	width: 94%;
}


.stdTwoColumnsWide {
	display: flex;
}
.stdTwoColumnsWide > div:nth-child(1) {
	width: 80%;
}
.stdTwoColumnsWide > div:nth-child(2) {
	width: 20%;
}

.stdTwoColumnsExtraWide {
	display: flex;
}
.stdTwoColumnsExtraWide > div:nth-child(1) {
	width: 88%;
}
.stdTwoColumnsExtraWide > div:nth-child(2) {
	width: 12%;
	text-align: center;
}
/*.stdTwoColumnsExtraWide:hover {
	text-decoration: underline;
}*/

.stdTwoColumnsCheckbox {
	display: flex;
}
.stdTwoColumnsCheckbox > div:nth-child(1) {
	width: 95%;
}
.stdTwoColumnsCheckbox > div:nth-child(2) {
	width: 5%;
 	text-align: end;
 	margin-right: 4px;
}



.stdThreeColumnsExtraWide {
	display: flex;
}
.stdThreeColumnsExtraWide > div:nth-child(1) {
	width: 40%;
}
.stdThreeColumnsExtraWide > div:nth-child(2) {
	width: 48%;
}
.stdThreeColumnsExtraWide > div:nth-child(3) {
	width: 12%;
	text-align: center;
}





.stdTwoColumnsWideOffset {
	display: flex;
	justify-content: flex-end;
}
.stdTwoColumnsWideOffset > div:nth-child(1) {
	width: 73%;
}
.stdTwoColumnsWideOffset > div:nth-child(2) {
	width: 20%;
}

/*.stdFourColumns {
	display: flex;
}
.stdFourColumns div:nth-child(1) {
	width: 40%;
}
.stdFourColumns div:nth-child(2) {
	width: 10%;
}*/

.stdThreeColumns {
	display: flex;
}
.stdThreeColumns > div:nth-child(1) {
	width: 40%;
}
.stdThreeColumns > div:nth-child(2) {
	width: 40%;
}
.stdThreeColumns > div:nth-child(3) {
	width: 20%;
}

.stdFourColumns {
	display: flex;
}
.stdFourColumns > div:nth-child(1) {
	width: 40%;
}
.stdFourColumns > div:nth-child(2) {
	width: 17%;
}
.stdFourColumns > div:nth-child(3) {
	width: 17%;
}
.stdFourColumns > div:nth-child(4) {
	width: 26%;
}

.stdFiveColumnsReport {
	display: flex;
}
.stdFiveColumnsReport > div:nth-child(1) {
	width: 25%;
}
.stdFiveColumnsReport > div:nth-child(2) {
	width: 11%;
}
.stdFiveColumnsReport > div:nth-child(3) {
	width: 11%;
}
.stdFiveColumnsReport > div:nth-child(4) {
	width: 20%;
}
.stdFiveColumnsReport > div:nth-child(5) {
	width: 33%;
}



.stdFiveColumns {
	display: flex;
}
.stdFiveColumns > div:nth-child(1) {
	width: 40%;
}
.stdFiveColumns > div:nth-child(2) {
	width: 9%;
}
.stdFiveColumns > div:nth-child(3) {
	width: 9%;
}
.stdFiveColumns > div:nth-child(4) {
	width: 9%;
}
.stdFiveColumns > div:nth-child(5) {
	width: 33%;
}

.stdTwoColumnsAsFive {
	display: flex;
}
.stdTwoColumnsAsFive > div:nth-child(1) {
	width: 67%;
}
.stdTwoColumnsAsFive > div:nth-child(2) {
	width: 33%;
}

.stdFlexSpaceBetween {
	display: flex;
	justify-content: space-between;
}

.stdTxtInput {
	font: inherit;
	/*font-style: italic;*/
	border: none;
	width: 100%;
	outline: none;
	border-bottom: 2px solid white;
	text-overflow: ellipsis;
	color: var(--mainActiveElColor);
	/*text-align: start;*/
	/*background-color: lightgray;*/
}
.stdTxtInput:hover {
	border-bottom: 2px solid gray;
}
.stdTxtInput:disabled {
	background-color: white;
}

.stdNumInput {
	font: inherit;
	border: none;
	width: 100%;
	outline: none;
	border-bottom: 2px solid white;
	text-overflow: ellipsis;
	color: var(--mainActiveElColor);
	text-align: left
}
.stdNumInput:hover {
	border-bottom: 2px solid gray;
}
.stdTxtInput:disabled {
	font: inherit;
	border: none;
	width: 100%;
	outline: none;
	border-bottom: 2px solid white;
	text-overflow: ellipsis;
	color: var(--mainActiveElColor);
	text-align: left
}
.stdNumInput:hover:disabled {
	border-bottom: 2px solid white;
}

.redPlaceHolder::placeholder {
	color: red;
	opacity: 1;
}
.redPlaceHolder::-ms-input-placeholder {
	color: red;
}

.btnLikeA {
	font: inherit;
	color: var(--mainActiveElColor);
	text-decoration: none;
}
.btnLikeA:hover {
	text-decoration: underline;
}


.stdBtn {
	font: inherit;
	border: none;
	outline: none;
	background-color: white;
	width:100%;
	color: var(--mainActiveElColor);
	text-align: start;

	cursor: default;

	max-width: 100%;
	text-overflow: ellipsis;
}
.stdBtn:hover {
	text-decoration: underline;
}
.stdBtn:disabled {
	font: inherit;
	border: none;
	outline: none;
	background-color: white;
	width:100%;
	color: var(--mainActiveElColor);
	text-align: start;

	cursor: default;

	max-width: 100%;
	text-overflow: ellipsis;
	text-decoration: none;
}
/*.stdBtn:disabled:hover {
	text-decoration: underline;
}*/


.stdBtnRightAlign {
	text-align: end;
}

.stdBtnCenterAlign {
	text-align: center;
}


.stdRange {
	width: 100%;
}

.stdСheckbox {
	transform:scale(1.4);
	cursor:pointer;
}

.stdSelect {
	border: none;
	outline: none;
	font: inherit;
	color: var(--mainActiveElColor);

	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	padding-left:5px;
	padding-right: 5px;
	margin-left: -5px;

	max-width: 100%;
	text-overflow: ellipsis;
}
.stdSelect:hover {
	text-decoration: underline;
}
.stdSelect:disabled {
	border: none;
	outline: none;
	font: inherit;
	color: var(--mainActiveElColor);

	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	padding-left:5px;
	padding-right: 5px;
	margin-left: -5px;

	max-width: 100%;
	text-overflow: ellipsis;

	text-decoration: none;
}

.stdInputTextArea {
	font: inherit;
	text-align: left;
	width: 248px;
	height: 22px;
	border: 2px solid white;
	resize: none;
	color: var(--mainActiveElColor);
	margin-left: -2px;
	overflow : hidden;
}
.stdInputTextArea:hover {
	border: 2px solid gray;
}
.stdInputTextArea:disabled {
	font: inherit;
	text-align: left;
	width: 248px;
	height: 22px;
	border: 2px solid white;
	resize: none;
	color: var(--mainActiveElColor);
	margin-left: -2px;
	overflow : hidden;
}

/*.stdInputTextDiv {
	min-width: 100%;
	border: 2px solid white;
	font: inherit;
	color: var(--mainActiveElColor);
	margin-left: -2px;
}
.stdInputTextDiv:hover {
	border: 2px solid darkgray;
}
.stdInputTextDiv:focus {
	outline: none;
	border: 2px solid darkgray;
}
[contenteditable=true]:empty:before {
  content: attr(placeholder);
  pointer-events: none;
  display: block;
  color: grey;
}*/

.stdInputColor {
	width: 60px;
	max-height: 16px;
	padding: 0;
	border: none;
	outline: none;

	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border: 2px solid white;
}
.stdInputColor:hover {
	border: 2px solid darkgray;
}
.stdInputColor::-webkit-color-swatch-wrapper {
	padding: 0;
}

.stdBold {
	font-weight: var(--boldWeight);
}
.stdBorderBotWhite {
	border-bottom: 2px solid white;
}

.stdSmallFont {
	font-size: calc(var(--fontSize) - 2px);
	padding-bottom: 8px;
}
.referenceListColor {
	color: darkOrchid;
}

.normalListColor {
	color: var(--mainActiveElColor);
}

.stdBlue {
	color: var(--mainActiveElColor);
}

.stdGray {
	color: gray;
}

.stdGrayImportant {
	color: gray!important;
}

/*projectPanel*/
.planListHead {
	display: flex;
	justify-content: space-between;
	flex-wrap: nowrap;
}
.planListHead > button {
	text-align: center;
	width: auto;
}
.planListFileNameNotSel, .bldNameNotSel, .roomNameNotSel, .normNotSel {
	color: var(--mainActiveElColor);
}
.planListFileNameSel, .bldNameSel, .roomNameSel, .normSel {
	/*color: darkorange;*/
	font-weight: var(--boldWeight);
	color: var(--mainActiveElColor);
}
.planListFileName, .bldName, .roomName, .normName {
	/*font-style: italic;*/
	min-height: 1.25em; /*подобрать, если плохо работает список файлов*/
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	cursor: default;

	-webkit-touch-callout: none; /* iOS Safari */
  -webkit-user-select: none;   /* Chrome/Safari/Opera */
  -moz-user-select: none;      /* Firefox */
  -ms-user-select: none;       /* Internet Explorer/Edge */
}
.planListFileName:hover, .bldName:hover, .roomName:hover, .normName:hover {
	text-decoration: underline;
}



.administrativeGroupsSection {
	display: flex;
}
.administrativeGroupsSection > div:nth-child(1) {
	width: 80%;
}
.administrativeGroupsSection > div:nth-child(2) {
	width: 13%;
}
.administrativeGroupsSection > div:nth-child(3) {
	width: 7%;
}


#fsdColorByBldDemo, #roomColorByBldDemo{
	width: 58px;
	height: 14px;
	border: 1px solid black;
	margin-top: 2px;
	margin-bottom: 4px;
	margin-left: 2px;
}

#wallSvg {
	height: 250px;
	/*background-color: Cornsilk;*/
}


#normErrorDialogBody {
	width: 1100px;
	min-height: 100px;
	max-height: 90%;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

#normErrorRes {
	height: 100%;
	overflow-y: auto;
	overflow-x: hidden;
	padding-top: 5px;
	padding-bottom: 5px;
}

/*Диалог списка помещений с нарушениями требований норм*/
.normErrorDialogSixColumns {
	display: flex;
}
.normErrorDialogSixColumns > div:nth-child(1) {
	width: 20%;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}
.normErrorDialogSixColumns > div:nth-child(2) {
	width: 6%;
}
.normErrorDialogSixColumns > div:nth-child(3) {
	width: 6%;
}
.normErrorDialogSixColumns > div:nth-child(4) {
	width: 6%;
}
.normErrorDialogSixColumns > div:nth-child(5) {
	width: 26%;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}
.normErrorDialogSixColumns > div:nth-child(6) {
	width: 36%;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}

.normErrorDialogSixColumnsHover {
	border-bottom: 2px solid white;
}
.normErrorDialogSixColumnsHover:hover{
	border-bottom: 2px solid gray;
}


/*Диалог расчета Ро фасада*/
#rofDialogBody {
	width: 700px;
	min-height: 100px;
	max-height: 90%;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.rofDialogBodyScroll {
	height: 100%;
	overflow-y: auto;
	overflow-x: hidden;
	padding-right: 5px;
}

.rofDialogTwoColumns {
	display: flex;
}
.rofDialogTwoColumns > div:nth-child(1) {
	width: 40%;
}
.rofDialogTwoColumns > div:nth-child(2) {
	width: 60%;
}

.rofDialogTwoColumnsWide {
	display: flex;
}
.rofDialogTwoColumnsWide > div:nth-child(1) {
	width: 92%;
}
.rofDialogTwoColumnsWide > div:nth-child(2) {
	width: 8%;
}

.rofDialogThreeColumns {
	display: flex;
}
.rofDialogThreeColumns > div:nth-child(1) {
	width: 40%;
}
.rofDialogThreeColumns > div:nth-child(2) {
	width: 52%;
}
.rofDialogThreeColumns > div:nth-child(3) {
	width: 8%;
}

/*.rofDialogInput {
	width: 60px;
}*/

/*.textRightAlign {
	text-align: right;
}
*/


/*Диалог структуры здания*/
#bldStructDialogBody {
	width: 850px;
/*	max-height: 90%;*/
	min-height: 500px;
/*	min-height: 90%;*/
	height: 90%;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

#bldFloorsStruct {
	/*max-height: 80%;*/
	/*height: 200px;*/
	height: 100%;
	overflow-y: auto;
	overflow-x: hidden;
	padding-top: 5px;
	padding-bottom: 5px;
}
.bldFloorsStructFourColumns {
	display: flex;
}
.bldFloorsStructFourColumns > div:nth-child(1) {
	width: 40%;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}
.bldFloorsStructFourColumns > div:nth-child(2) {
	width: 30%;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	padding-left: 10px;
}
.bldFloorsStructFourColumns > div:nth-child(3) {
	width: 10%;
}
.bldFloorsStructFourColumns > div:nth-child(4) {
	width: 15%;
}

.bldFloorsStructFourColumnsHover {
	border-bottom: 2px solid white;
}
.bldFloorsStructFourColumnsHover:hover{
	border-bottom: 2px solid gray;
}
.bldFloorsStructFourColumnsNumInput {
	font: inherit;
	/*font-style: italic;*/
	border: none;
	width: 100%;
	outline: none;
	text-overflow: ellipsis;
	color: var(--mainActiveElColor);
	text-align: center;
}

.bldFloorsStructFourColumnsTxtInput {
	font: inherit;
	/*font-style: italic;*/
	border: none;
	width: 100%;
	outline: none;
	text-overflow: ellipsis;
	color: var(--mainActiveElColor);
	text-align: left;
}

.bldFloorsStructThreeColumns {
	display: flex;
}
.bldFloorsStructThreeColumns > div:nth-child(1) {
	width: 40%;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}
.bldFloorsStructThreeColumns > div:nth-child(2) {
	width: 30%;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	padding-left: 10px;
}
.bldFloorsStructThreeColumns > div:nth-child(3) {
	width: 25%;
	padding-left: 5px;
}


/*Диалог выбора нормы*/
#cpFunctionDialogBody {
	width: 850px;
	/*max-height: 90%;*/
	height: 600px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

#cpFunctionDialogBody > div {
	/*border: 1px solid gray;*/
	min-height: 40px;
	/*align-items: stretch;*/
}

#cpFunctionAddInfoDiv {
	min-height: 120px !important;
	display: flex;
	align-items: center;
}

#cpFunctionDialogBody > div:last-child {
	align-items: flex-end;
}



#cpFunctionTable {
	display: flex;
	/*align-items: stretch;*/
	/*border: 1px solid gray;*/
	flex-grow: 1;
}

#cpFunctionTable > div:first-child {
	width: 45%;
	height: 100%;
	/*border: 1px solid gray;*/
	display: flex;
	flex-direction: column;
}

#cpFunctionTable > div:last-child {
	width: 55%;
	height: 100%;
	/*border: 1px solid gray;*/
	display: flex;
	flex-direction: column;
}

.cpFunctionTableHead {
	/*height: 40px;*/
}

#cpFunctionGroup, #cpFunctionNormName {
	width: 100%;
	height: 100%;
	overflow-y: auto;
	overflow-x: hidden;
	/*border: 1px solid gray;*/
}

#cpFunctionNormName > div {
	display: flex;
	width: 100%;
}

#cpFunctionNormName > div > div:first-child {
	width: 70%;
}

#cpFunctionNormName > div > div:nth-child(n+2) {
	width: 15%;
	text-align: center;
}

#cpFunctionButtons {
	display: flex;
	justify-content: space-between;
}






/*Диалог расчета rosr*/
#cpRosrDialogBody {
	width: 800px;
	/*height: 500px;*/
	display: flex;
	flex-direction: column;
	/*justify-content: space-between;*/
	transform: translate(-50%, -70%);
}

.cpRosrTwoColums {
	display: flex;
}
.cpRosrTwoColums > div:nth-child(1) {
	width: 96%;
}
.cpRosrTwoColums > div:nth-child(2) {
	width: 4%;
}

.cpRosrThreeColums {
	display: flex;
}
.cpRosrThreeColums > div:nth-child(1) {
	width: 45%;
}
.cpRosrThreeColums > div:nth-child(2) {
	width: 32%;
}
.cpRosrThreeColums > div:nth-child(3) {
	width: 23%;
}


.justifyText {
	text-align: justify;
}


#facadeSeparator, #winSeparator, #cpSeparator, #reportSeparator, #projSeparator, #subSeparator, #testSeparator {
	border-top: 2px solid darkgray;
}

.fog {
	background-color: rgba(255, 255, 255, 0.7);
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 100;
}

.hidden {
	display: none !important;
}

.invisible {
	visibility: hidden;
}

#resInfoDialogBody {
	width: 80%;
	max-height: 90%;
	min-height: 300px;
	display: flex;
	flex-direction: column;
}

#resInfoDialogContent {
	overflow-y: auto;
	overflow-x: hidden;
	border: 1px solid gray;
	padding: 5px;
}

#calcInProgressBody {
	/*font-weight: bold;*/
	text-align: center;
	width: 300px;
	max-height: 90%;
	min-height: 30px;
	display: flex;
	flex-direction: column;
}

.stdDialog {
	box-sizing: border-box;
	position: fixed;
	border: 1px solid darkgray;
	top: 50%;
	left: 50%;
	padding: 30px;
	background-color: white;
	box-shadow: 0px 0px 5px 3px darkgray;
	transform: translate(-50%, -50%);
	z-index: 100;
}

.limMaxWidth {
	max-width: 500px;
}

.txtAlignJustify {
	text-align:justify;
}

.centerAligned {
	text-align: center;
}

.justifyTxt {
	text-align: justify;
}

.width95 {
	width:95%;
}

.loginPwWidth {
	width: 140px;
}

.loginWindow {
	width: 500px;
}

.loginWindowPart1 {
/*	height: 130px; до добавления почты в текст*/
	height: 150px;
}

.loginWindowPart2 {
	height: 68px;
}

.underlineHover:hover {
	text-decoration: underline;
}

#eyeOpenDiv, #eyeCloseDiv {
	border-bottom: 2px solid white;
}

#eyeOpenDiv:hover, #eyeCloseDiv:hover {
	border-bottom: 2px solid gray;
}

.resStr {
	display: flex;
	align-items: center;
	min-height: 28px;
}
.resStr > div:nth-child(1) {
	width: 100px;
	min-width: 100px;
}
.resStr > div:nth-child(2) {
	width: 100px;
	min-width: 100px;
}
.resStr > div:nth-child(3) {
	width: 1fr;
}

#research {
	position: relative;
	left: -2px;
	top: -2px;
}

#researchRes {
	z-index: 1;
	position: absolute;
	background-color: white;
	border: var(--mainGreedBorder);
	padding: 2px;
}
.inlineDiv {
	display: inline-block;
	overflow: visible;
	margin-left: 2px;
	margin-right: 2px;
}

#scaleDiv {
	position: relative;
	left: 100%;
	bottom: 0px;
}

#scaleRes {
	z-index: 1;
	position: absolute;
	background-color: white;
	border: var(--mainGreedBorder);
	padding: 2px;
	width: 250px;
	height: 22px;
	left: -258px;
	top: -2px;
	display: flex;
}


/*.dDhErr, .dDuErr {
	margin-bottom: 3px;
}*/

#dDhOrdDuErr {
	margin-bottom: 4px;
}

.paddingTop7 {
	padding-top: 7px;
}

.keoResTabThreeColumnsExtraWide {
	display: flex;
}
.keoResTabThreeColumnsExtraWide > div:nth-child(1) {
	width: 33%;
}
.keoResTabThreeColumnsExtraWide > div:nth-child(2) {
	width: 55%;
}
.keoResTabThreeColumnsExtraWide > div:nth-child(3) {
	width: 12%;
}

.keoResTabModeRow {
	display: flex;
	justify-content: flex-end;
}

.keoResTabModeColN {
	width: 45px;
}

.stdRed {
	color: red;
}


#newVersionInfoDialogTxt {
	max-height: 600px;
	border: 1px solid gray;
	overflow-y: auto;
	overflow-x: hidden;
	text-align: justify;
}

p {
	margin: 10px;

	-moz-user-select: text!important;
	-khtml-user-select: text!important;
	-webkit-user-select: text!important;
	user-select: text!important;
}
p > b {
	-moz-user-select: text!important;
	-khtml-user-select: text!important;
	-webkit-user-select: text!important;
	user-select: text!important;
}

b {
	font-weight: var(--boldWeight);
}

#problemTxt {
	padding: 5px;
	max-height: 500px;
	overflow-y: auto;
}

.extTextArea {
	width: 600px;
	padding: 2px;
	text-align: justify;
}

.expertiseDialog {
	width: 1024px;
	min-height: 360px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.expertiseDialogTable {
	display: flex;
	margin-top: 5px;
	border-bottom: 2px solid white;
}
.expertiseDialogTable > div:nth-child(1) {
	width: 35%;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	/*margin-right: 5px;*/
}
.expertiseDialogTable > div:nth-child(2) {
	width: 17%;
	text-align: center;
}
.expertiseDialogTable > div:nth-child(3) {
	width: 42%;
	text-overflow: ellipsis;
}
.expertiseDialogTable > div:nth-child(4) {
	width: 6%;
}

.expertiseDialogTableHover:hover {
	border-bottom: 2px solid gray;
}

.expertiseDialogMarginLeft {
	margin-left: 6px;
}



.expertBlocked {
	color: Maroon!important;
}

.expertHidden {
	display: none !important;
}

.divMargin3 {
	margin: 3px;
}

.freeHidden {
	display: none !important;
}