html, body{
	margin: 0; 
	padding: 0;
	width: 100%;
	height: 100%;
}
.fileInfoContainer{
	padding-bottom:10px;
}
.fileInfoContainer:last-child{
	padding-bottom:0px;
}
.fileInfoContainer > *{
	display:flex;
	flex-direction:row;
	justify-content:space-between;
}
.fileInfoContainer > *:nth-child(odd){
	background-color:hsl(0, 0%, 90%);
}
.infoPanel> .fileInfoContainer > *:before{
	padding-right:10px;
	width:200px;
}
.infoPanel > .fileInfoContainer > .separateObjSwitcher:before{
	content:'Показывать объект:';
}
.infoPanel> .fileInfoContainer > .filename:before{
	content:'Имя BIMD-файла:';
}
.infoPanel> .fileInfoContainer > .filesize:before{
	content:'Размер BIMD-файла в байтах:';
}
.infoPanel> .fileInfoContainer > .prototypesQuantity:before{
	content:'Прототипов:';
}
.infoPanel> .fileInfoContainer > ._3dObjectsQuantity:before{
	content:'Элементов:';
}
.infoPanel> .fileInfoContainer > .prototypedObjectsQuantity:before{
	content:'Типовых:';
}
.infoPanel> .fileInfoContainer > .simpleObjectsQuantity:before{
	content:'Простых:';
}
.infoPanel> .fileInfoContainer > .emptyObjectsQuantity:before{
	content:'Пустых:';
}
.infoPanel> .fileInfoContainer > .undefinedObjectsQuantity:before{
	content:'Неопределённых:';
}
.infoPanel> .fileInfoContainer > .trianglesQuantity:before{
	content:'Треугольников:';
}
.infoPanel> .fileInfoContainer > .models-m3d:before{
	content:'Моделей M3D:';
}
.infoPanel> .fileInfoContainer > .models-m3m:before{
	content:'Моделей M3M:';
}
#mainContainer{
	display:flex;
	flex-direction: row;
	height:100%;
	width:100%;
}
.infoPanelTest, .infoPanel{
/* 	position: absolute; */
    width: 400px; 
/* 	width: 100%; */
    top: 0;
    left: 0;
    background-color: #fff;
    padding: 1px;
/*     border: solid 1px #bbb; */
    max-height: 400px;
    overflow-y: auto;
}
.infoPanelTest{
/* 	position:fixed; */
}
.contrPanel{
	position: absolute;
    width: 550px;
    top: 0;
    right: 0;
    background-color: #fff;
    padding: 1px;
    border: solid 1px #bbb;
    max-height: 400px;
    overflow-y: auto;
}

.contrPanel #contrPanel-expander-collapser:before{
	content: 'Панель управления';
}
.contrPanel #contrPanel-expander-collapser:after{
	float: right;
    clear: both;
}
.contrPanel.collapse #contrPanel-expander-collapser:after{
	content: 'Свернуть';
}
.contrPanel.expand #contrPanel-expander-collapser:after{
	content: 'Развернуть';
}
.contrPanel.expand > div{
	display: none;
}
.contrPanel.collapse > div{
	display: block;
}
#contrPanel-expander-collapser{
	display: block;
}

.infoPanel #infoPanel-expander-collapser:before{
	content: 'Информационная панель';
}
.infoPanel #infoPanel-expander-collapser:after{
	float: right;
    clear: both;
}
.infoPanel.collapse #infoPanel-expander-collapser:after{
	content: 'Свернуть';
}
.infoPanel.expand #infoPanel-expander-collapser:after{
	content: 'Развернуть';
}
.infoPanel.expand .fileInfoContainer{
	display: none;
}
.infoPanel.collapse .fileInfoContainer{
	display: block;
}
#jsonfileselector{
	position:absolute;
	bottom:0;
	left:0;
}
#canvasContainer{
	width:100%;
	height:100%;
	/*border:solid 1px hsla(0, 0%, 0%, 0.5);*/
/* 	margin-left: 400px; */
}
#canvasContainer > canvas{
	width:100%;
	height:100%;
	border-left:solid 1px hsl(0, 0%, 80%);
	margin-left:-1px;
}
label[for="objectsSwitch"]:before{
	content: "Показать объекты:";
	padding-right:10px;
}
label[for="wireframeSwitch"]:before{
	content: "Показать каркас:";
	padding-right:10px;
}
label[for="axesSwitch"]:before{
	content: "Показать оси координат:";
	padding-right:10px;
}
label[for="sceneCenterAxesSwitch"]:before{
	content: "Показать оси координат через центр сцены:";
	padding-right:10px;
}

label[for="sceneBoundingBoxSwitch"]:before{
	content: "Показать ограничивающую рамку сцены:";
	padding-right:10px;
}

#fileProcessStatusPanel{
	display:none;
}
#fileProcessStatusPanel:before{
	content:'Обработано элементов файла:';
	padding-right:10px;
}




/** выбор типа камеры **/

.cameraSelector:before{
	content: 'Тип камеры:';
	display: block;
}
.cameraSelector > input[type="radio"]{
	display:inline-block;
	text-align: left;
}
.cameraSelector > input[type="radio"]:before{
	display:block;
	padding-left:15px;
}
.cameraSelector > input[type="radio"][value="perspective"]{
	margin-right:100px;
}
.cameraSelector > input[type="radio"][value="perspective"]:before{
	content: 'перспективная';
}
.cameraSelector > input[type="radio"][value="orthographic"]:before{
	content: 'ортографическая';
}




/** выбор вида отображения **/

.viewSelector:before{
	content: 'Вид отображения:';
	display: block;
}
.viewSelector > input[type="radio"]{
	display:inline-block;
	text-align: left;
}
.viewSelector > input[type="radio"]:before{
	display:block;
	padding-left:15px;
}
.viewSelector > input[type="radio"][value="top"],
.viewSelector > input[type="radio"][value="left"],
.viewSelector > input[type="radio"][value="front"]
{
	margin-right:60px;
}
.viewSelector > input[type="radio"][value="top"]:before{
	content: 'сверху';
}
.viewSelector > input[type="radio"][value="left"]:before{
	content: 'слева';
}
.viewSelector > input[type="radio"][value="front"]:before{
	content: 'спереди';
}
.viewSelector > input[type="radio"][value="left-top-front"]:before{
	content: 'от угла';
	width:60px;
}


.rotateScene:before{
	content: 'Вращать сцену по оси:';
	display:block;
}
.rotateScene > .axisX > input[name='axisXangle'],
.rotateScene > .axisY > input[name='axisYangle'],
.rotateScene > .axisZ > input[name='axisZangle']
{
	width:50px;
}
.rotateScene > .axisX:before{
	content: 'X на угол в градусах';
	width:145px;
	display:inline-block;
}
.rotateScene > .axisY:before{
	content: 'Y на угол в градусах';
	width:145px;
	display:inline-block;
}
.rotateScene > .axisZ:before{
	content: 'Z на угол в градусах';
	width:145px;
	display:inline-block;
}
.rotateScene > .axisX > .counterclockwise-btn:before,
.rotateScene > .axisY > .counterclockwise-btn:before,
.rotateScene > .axisZ > .counterclockwise-btn:before
{
/* 	content: "влево"; */
	content: "Прот. час.";
}
.rotateScene > .axisX > .clockwise-btn:before,
.rotateScene > .axisY > .clockwise-btn:before,
.rotateScene > .axisZ > .clockwise-btn:before
{
/* 	content: "вправо"; */
	content: "По час.";
}

#progress-bar-container{
	position:fixed;
	bottom:0;
	right:0;
	width:600px;
	height:30px;
	display:none;
	margin:0;
	padding:0;
}
#progress-bar-label,
#progress-bar,
#progress-bar-hint
{
	position:absolute;
	width:100%;
	height:100%;
	margin:0;
	padding:0;
}
#progress-bar-hint{
	text-align:center;
}
#modelPanel{
/* 	position:fixed; */
/* 	bottom:0; */
/* 	left:0;	 */
}
.infoPanelTest{
	padding-bottom:5px;
/* 	border-bottom:solid 1px #bbb; */
	margin-bottom:10px;
}
.infoPanelTest .title:after{
	content: "=";
	padding-right:1px;
	padding-left:1px;
}
.infoPanelTest .sceneDrawTime .value:after{
	content: "сек.";
	padding-left:5px;
}
.prysmQuantity,
.triangleQuantity,
.linesQuantity{
	display:inline-block;
}
.infoPanelTest #infoPanelTest-expander-collapser:before{
	content: 'Программа "Тесты 3D моделей"';
	font-weight:bold;
}
.infoPanelTest #infoPanelTest-expander-collapser:after{
	float: right;
    clear: both;
}
.infoPanelTest.collapse #contrPanel-expander-collapser:after{
	content: 'Свернуть';
}
.infoPanelTest.expand #contrPanel-expander-collapser:after{
	content: 'Развернуть';
}
.infoPanelTest.expand > div{
	display: none;
}
.infoPanelTest.collapse > div{
	display: block;
}
#infoPanelTest-expander-collapser{
	display: inline;
}
#modelPanel input[type=text]{
	width:60px;
}
#modelPanel .symbol{
	width:25px;
	display:inline-block;
}
.contrPanel{
	display:none;	
}
.testPanel{
	padding-top:15px;
	display: none;
}
.test2-params{
/* 	display:none; */
}
.infoPanelTest .version:before{
	content: "(версия ";
}
.infoPanelTest .version{
	display:inline;
}
.infoPanelTest .version:after{
	content: ")";
}

.sceneDrawTime .symbol,
.sceneRAMUsed .symbol,
.test2-params .symbol,
.test-param .symbol,
.model-param .symbol{
	width:25px;
	display: inline-block;
}
#sceneDrawTimeValue,
#sceneRAMUsedValue,
#test2rotationStepsValue,
#test2rotationTimeValue,
.model-param .value,
.test-param .value{
	width:60px;
}
.hidden{
	display:none;
}
.modelName .symbol,
.cpuName .symbol,
.ramParam .symbol{
	width:150px;
	display:inline-block;
}
#info-computer{
	padding-top:20px;
	display:block;
}
#info-computer > div{
	display:inline;
}
#info-computer > div:after{
	display:inline;
	content: ";";
	padding-right:0px;
}
#info-computer > div:last-child:after{
	display:inline;
	content: "";
	padding-right:0px;
}
#info-computer:before{
	content: "Локальный компьютер";
	display:inline-block;
	font-weight: bold;
}

#info-computer-id:before,
#info-computer-name:before,
#info-computer-descr:before,
#info-computer-browser:before{
	padding-right:5px;
}

#info-computer-id:before{
	content: "ID:";
}
#info-computer-id{
	text-transform: uppercase;
}
#info-computer-name:before{
	content: "Имя:";
}
#info-computer-descr:before{
	content: "Описание:";
}
#info-computer-browser:before{
	content: "Браузер:";
}

#info-model:before{
	content: "Модель:";
	display:block;
	font-style: italic;
	padding-bottom:10px;
}
#info-model{
	padding-bottom:0;
}
#info-model > div{
	display: none;
} 

/* #info-model-m11, */
/* #info-model-m12, */
/* #info-model-m13{ */
/* 	display:block; */
/* } */

#info-model-m11 > div{
	display:inline;
} 

#info-model-m11:before,
#info-model-m12:before,
#info-model-m13:before,
#info-model-m14:before{
	padding-right:5px;
	display:inline;
}
/* #info-model-m11:before{ */
/* 	content: "M11:"; */
/* } */
/* #info-model-m12:before{ */
/* 	content: "M12:"; */
/* } */
/* #info-model-m13:before{ */
/* 	content: "M13:"; */
/* } */
#info-model-m11-m:before,
#info-model-m11-s:before,
#info-model-m11-l:before,
#info-model-m11-k:before{
	padding-right:1px;
	display:inline;
}
#info-model-m11-m:before{
	content: "M=";
}
#info-model-m11-s:before{
	content: "S=";
}
#info-model-m11-l:before{
	content: "L=";
}
#info-model-m11-k:before{
	content: "K=";
}
.info-block{
	padding-bottom:10px;
}
.info-block:last-child{
	padding-bottom:0px;
}
#info-test-1:before{
	content: "Тест 1:";
	font-style: italic;
}
.info-test-name{
	display: inline;
    font-weight: bold;
}
.info-test-name:before,
.info-test-name:after{
	content: "\"";
}
#info-test-1-s:before{
	content: "S=";
	display:inline;
}
.info-test-params:before{
/* 	content: "Параметры:"; */
	display:inline;
	padding-right:10px;
}
.info-test-params > div,
.info-test-result > div {
	display:inline;
}
.info-test-result:before{
/* 	content: "Результаты:"; */
	padding-right: 10px;
	display: inline;
}
#info-test-1-result-t1:before{
	content: "T1=";
}
#info-test-1-result-t1:after{
/* 	content: "сек"; */
	padding-left:1px;
}
#info-test-1-result-m1{
	display:none;
}
#info-test-1-result-m1:before{
	content: "M1=";
}

.info-test-params > div:after,
.info-test-result > div:after{
	content: ";";
	padding-right:5px;
}
.info-test-params > div:last-child:after,
.info-test-result > div:last-child:after{
	content: "";
	padding-right:0px;
}
#dataSetPanelComputerParams{
	padding-bottom: 10px;
}
#dataSetPanelComputerParamsContainer.hidden{
	display:none;
}
#dataSetPanelComputerParamsContainer.showed{
	/* display: block; */
	position: fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	margin:0;
	padding:0;
	background-color:hsla(0,0%,0%, 0.5);
	
	display: flex;
  	align-items: center;
  	justify-content: center
}
#dataSetPanelCompParamsWnd:before{
	position:relative;
	display: block;
	text-align: center;
	content: "Изменить описание компьютера";
	font-weight:bold;
	background-color:hsla(0,0%,0%, 0.5);
}
#dataSetPanelCompParamsWnd{
	position:relative;
	display:block;
	vertical-align:middle;
	background-color:#fff;
	border:solid 1px #bbb;
/* 	top:50%; */
	margin:0 auto;
/* 	margin-top:-45px; */
	height:90px;
	width:320px;
}
#dataSetPanelCompParamsWnd .symbol{
	width:157px;
	display:inline-block;
}
#dataSetPanelModelParams{
	padding-top:10px;
}
#dataSetPanelModelParams:before{
	content: "Модель";
	font-weight:bold;
	display:block;
}
#dataSetPanelModelParams:after{
	content:"";
	padding-bottom:10px;
	display:block;
}
#dataSetPanelTestParams:before{
	content: "Тесты";
	font-weight:bold;
	display:block;
}
.info-model-type:before{
	content: "Тип=";
}
/* #updateComputerInfo:before{ */
/* 	content:"["; */
/* } */
/* #updateComputerInfo:after{ */
/* 	content:"]"; */
/* } */
#updateComputerInfo:hover{
	cursor: pointer;
}
#info-database-tests{
	padding-bottom:10px;
}
#info-database-tests:before{
	content: "База данных тестов";
	font-weight:bold;
}
/* #info-database-tests-display:before,  */
/* #info-database-tests-save:before,  */
/* #info-database-tests-clean:before{ */
/* 	content:"["; */
/* } */
/* #info-database-tests-display:after, */
/* #info-database-tests-save:after, */
/* #info-database-tests-clean:after{ */
/* 	content:"]"; */
/* } */
#info-database-tests-display:hover,
#info-database-tests-save:hover,
#info-database-tests-clean:hover{
	cursor: pointer;
}
#info-database-tests-display,
#info-database-tests-save,
#info-database-tests-clean{
	font-weight: normal;
}
#info-tests-results{
	padding-bottom:10px;
}
#info-tests-results:before{
	content: "Результаты теста №";
	font-weight: bold;
}
#info-tests-results-test-number,
#info-tests-results-test-date{
	display:inline;
}
/* #startTestsLink:before{ */
/* 	content: "["; */
/* } */
/* #startTestsLink:after{ */
/* 	content: "]"; */
/* } */
#startTestsLink:hover{
	cursor: pointer;
}
#dataSetPanelTitle{
	display: inline;
	font-weight: bold;
}
#modelSelectorTitle{
	display: inline;
}
#modelSelector{
	background-color:#FFF;
}
#testSelector-test1-label,
#testSelector-test2-label{
	font-weight: bold;
}
#info-database-tests-quantity,
#info-database-tests-created{
	display:inline;
}
#panelsContainer{
	overflow-y:auto;
	overflow-x: hidden;
	width:410px;
	min-width:410px;
}
#info-test-1-result-start-time:before{
	content: "начало:";
}
#info-test-1-result-end-time:before{
	content: "окончание:";
}
#info-test-1-result-start-time:before,
#info-test-1-result-end-time:before{
	padding-right:2px;
}