* {
	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%;
	/*height: calc(100% - 4px);*/
	min-width: 1280px;
	min-height: 800px;
	max-height: 100vh;

	@-moz-document url-prefix() {
		min-height: 900px;
	}
}

body {
	height: calc(100% - 4px);
	padding: 2px;

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

	font-size: var(--fontSize);
	background-color: white;
	/*line-height: 1.5em;*/

	display: grid;
	grid-template-columns: 680px 370px 1fr;

	/*хром*/
	grid-template-rows: 38px 101px 302px calc(100% - 38px - 101px - 302px);
	/*фаерфокс*/
	@-moz-document url-prefix() {
		grid-template-rows: 38px 120px 322px calc(100% - 38px - 120px - 322px);
	}

	/*grid-template-rows: auto auto auto 1fr;*/

	grid-template-areas:
	"loadSave loadSave roomDraw"
	"projProp repSetup roomDraw"
	"projLamps projLamps roomDraw"
	"projRooms projRooms roomDraw";
}

.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;
}
.stdNumInput: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;
}

.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;
}

.divAsBtNotBold {
	color: var(--mainActiveElColor);
}
.divAsBtNotBold:hover {
	text-decoration: underline;
}

.divAsBtBold {
	color: var(--mainActiveElColor);
	font-weight: var(--boldWeight);
}
.divAsBtBold:hover {
	text-decoration: underline;
}

.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;
}
.extTextArea {
	width: 800px;
	padding: 2px;
	text-align: justify;
	overflow-y: auto;
}


/*.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;
}*/

.stdBold {
	font-weight: var(--boldWeight);
}

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

.stdRed {
	color: red;
}

.stdKeoGreen {
	color: #008080;
}

.stdKeoOrange {
	color: #FFA500;
}

.stdKeoRed {
	color: #FF0000;
}

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

.stdTxtEllipsis {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

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


.hidden {
	display: none !important;
}

.invisible {
	visibility: hidden;
}

.referenceListColor {
	color: darkOrchid;
}

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

button {
	font: inherit;
	color: var(--mainActiveElColor);
	/*font-style: italic;*/
	border: none;
	outline: none;
	background-color: white;
	font-weight: var(--boldWeight);
}
button:hover {
	text-decoration: underline;
}
button:disabled {
	color: gray;
}

#loadSaveGrid {
	display: flex;
	grid-area: loadSave;
	border: var(--mainGreedBorder);
	/*padding-left: 5px;*/
	padding-right: 5px;
}
#loadSaveGrid > div:nth-child(1) {
	width: 60%;
	padding-right: 5px;
	border-right: var(--mainGreedBorder);
}
#loadSaveGrid > div:nth-child(2) {
	display: flex;
	padding-left: 5px;
	width: 40%;
}

#noLicense {
	width: 100%;
}

#hasLicense {
	width: 100%;
}

#repSetupGrid {
	grid-area: repSetup;
	border-right: var(--mainGreedBorder);
	border-bottom: var(--mainGreedBorder);
	padding-left: 5px;
	padding-right: 5px;
}

.repSetupProp {
	display: flex;
}
.repSetupProp > div:nth-child(1) {
	width: 52%;
}
.repSetupProp > div:nth-child(2) {
	width: 48%;
}

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

#projPropGrid {
	grid-area: projProp;
	border-left: var(--mainGreedBorder);
	border-right: var(--mainGreedBorder);
	border-bottom: var(--mainGreedBorder);
	padding: 5px;
}

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

#projLampsGrid {
	grid-area: projLamps;
	border-left: var(--mainGreedBorder);
	border-right: var(--mainGreedBorder);
	border-bottom: var(--mainGreedBorder);
	padding: 5px;

	display: grid;
	grid-template-columns: 190px 1fr;
	grid-template-rows: 25px auto 25px;
	/*grid-template-rows: auto 1fr auto;*/
	grid-template-areas:
	"projLampsTitle projLampProp"
	"projLampsList projLampProp"
	"projLampsAdd projLampProp";
}

#projLampsTitleSubgrid {
	grid-area: projLampsTitle;
	border-right: var(--mainGreedBorder);
	padding-right: 10px;
}

#projLampsListSubgrid {
	grid-area: projLampsList;
	overflow-y: auto;
	border-right: var(--mainGreedBorder);
	padding-right: 10px;
}

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



#projLampsAddSubgrid {
	grid-area: projLampsAdd;
	border-right: var(--mainGreedBorder);
	padding-right: 10px;
}

#projLampPropSubgrid {
	grid-area: projLampProp;
	padding-left: 10px;
}

.projLampPropTwoColumnsNarrow {
	display: flex;
}
.projLampPropTwoColumnsNarrow > div:nth-child(1) {
	width: 30%;
}
.projLampPropTwoColumnsNarrow > div:nth-child(2) {
	width: 70%;
}

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

.projLampPropThreeColumns {
	display: flex;
}
.projLampPropThreeColumns > div:nth-child(1) {
	width: 36%;
}
.projLampPropThreeColumns > div:nth-child(2) {
	width: 7%;
}
.projLampPropThreeColumns > div:nth-child(3) {
	width: 7%;
}
.projLampPropThreeColumns > div:nth-child(4) {
	width: 36%;
}
.projLampPropThreeColumns > div:nth-child(5) {
	width: 7%;
}
.projLampPropThreeColumns > div:nth-child(6) {
	width: 7%;
}

.projLampPropFourColumns {
	display: flex;
}
.projLampPropFourColumns > div:nth-child(1) {
	width: 30%;
}
.projLampPropFourColumns > div:nth-child(2) {
	width: 20%;
}
.projLampPropFourColumns > div:nth-child(3) {
	width: 43%;
}
.projLampPropFourColumns > div:nth-child(4) {
	width: 7%;
}

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

.t6inline {
	display: flex;
}
.t6inline > div:nth-child(1) {
	width: 8%;
}
.t6inline > div:nth-child(2) {
	width: 4%;
}
.t6inline > div:nth-child(3) {
	width: 88%;
}


#projRoomsGrid {
	grid-area: projRooms;
	padding: 5px;
	border-left: var(--mainGreedBorder);
	border-right: var(--mainGreedBorder);
	border-bottom: var(--mainGreedBorder);
	display: grid;
	grid-template-columns: 330px 1fr;
	/*хром*/
	grid-template-rows: 25px 195px 25px 25px auto 25px;
	/*фаерфокс:;*/
	@-moz-document url-prefix() {
		grid-template-rows: 25px 225px 25px 25px auto 25px;
	}
	/*grid-template-rows: auto auto auto auto 1fr auto;*/
	grid-template-areas:
	"projRoomsTitle projRoomProp"
	"projRoomsList projRoomProp"
	"projRoomsList lampsTitleSubgrid"
	"projRoomsList lampsAddSubgrid"
	"projRoomsList lampsListSubgrid"
	"projRoomsAdd lampsListSubgrid";
}

#projRoomsTitleSubgrid {
	grid-area: projRoomsTitle;
	border-right: var(--mainGreedBorder);
	padding-right: 10px;
}

#projRoomsListSubgrid {
	grid-area: projRoomsList;
	overflow-y: auto;
	border-right: var(--mainGreedBorder);
	padding-right: 10px;
}

.projRoomsListItem {
	display: flex;
}
.projRoomsListItem > div:nth-child(1) {
	width: 33%;
}
.projRoomsListItem > div:nth-child(2) {
	width: 16%;
	text-align:center;
}
.projRoomsListItem > div:nth-child(3) {
	width: 19%;
	text-align:center;
}
.projRoomsListItem > div:nth-child(4) {
	width: 16%;
	text-align:center;
}
.projRoomsListItem > div:nth-child(5) {
	width: 16%;
	text-align:center;
}

#projRoomsAddSubgrid {
	grid-area: projRoomsAdd;
	border-right: var(--mainGreedBorder);
	padding-right: 10px;
}

#projRoomPropSubgrid {
	grid-area: projRoomProp;
	padding-left: 10px;
}


.projRoomPropTwoColumns {
	display: flex;
}
.projRoomPropTwoColumns > div:nth-child(1) {
	width: 30%;
}
.projRoomPropTwoColumns > div:nth-child(2) {
	width: 70%;
}

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

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

#roomLampsTitleSubgrid {
	grid-area: lampsTitleSubgrid;
	padding-left: 10px;
}

#roomLampsListSubgrid {
	grid-area: lampsListSubgrid;
	overflow-y: auto;
	padding-left: 10px;
}

#roomLampsAddSubgrid {
	grid-area: lampsAddSubgrid;
	padding-left: 10px;
}
.roomLampsAddDiv {
	display: flex;
}
.roomLampsAddDiv > div:nth-child(1) {
	width: 25%;
}
.roomLampsAddDiv > div:nth-child(2) {
	width: 75%;
}

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


.roomLampsListSubgridFourColumns {
	display: flex;
}
.roomLampsListSubgridFourColumns > div:nth-child(1) {
	width: 40%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.roomLampsListSubgridFourColumns > div:nth-child(2) {
	width: 40%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.roomLampsListSubgridFourColumns > div:nth-child(3) {
	width: 15%;
}
.roomLampsListSubgridFourColumns > div:nth-child(4) {
	width: 15%;
}



#roomDrawGrid {
	border-top: var(--mainGreedBorder);
	border-right: var(--mainGreedBorder);
	border-bottom: var(--mainGreedBorder);
	grid-area: roomDraw;
}



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

.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;
}

.stdBtnRightAlign {
	text-align: end;
}

.loginWindow {
	width: 500px;
}

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

.loginWindowPart2 {
	height: 68px;
}

.justifyTxt {
	text-align: justify;
}

.loginPwWidth {
	width: 140px;
}

.centerAligned {
	text-align: center;
}

.stdGrayImportant {
	color: gray!important;
}

#infoDialogCloseBtDiv {
	display: flex;
	flex-direction: row;
	justify-content: flex-end;
}


#normDialogBody {
	width: 400px;
}

.normDialogItem {
	display: flex;
}
.normDialogItem > div:nth-child(1) {
	width: 60%;
}
.normDialogItem > div:nth-child(2) {
	width: 20%;
	text-align:center;
}
.normDialogItem > div:nth-child(3) {
	width: 20%;
	text-align:center;
}