* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	font-family: Roboto, sans-serif;
}

html,
body {
	height: 100%;
}

.calculator-form {
    padding: 10px 20px 20px;
    border: 2px solid #f4f4f4
}

.calculator-path {
	list-style: none;
	margin: 10px 0;
	line-height: 1.5;
}

.calculator-path li {
	display: inline-block;
	color: #009999;
	cursor: pointer;
	position: relative;
}

.calculator-path li:not(:last-of-type) {
	margin-right: 20px;
}

.calculator-path li:not(:last-of-type):after {
	content: '\203A';
	position: absolute;
	top: 0;
	right: -12px;
	color: black;
	font-weight: bold;
}

.calculator-choices {
	margin-left: 20px;
	margin-top: 10px;
	list-style: none;
}

.calculator-choices li {
	margin: 5px 0;
	position: relative;
	cursor: pointer;
}

.calculator-choices li:before {
	content: '\203A';
	position: absolute;
	top: 0;
	left: -12px;
	color: #009999;
	font-weight: bold;
}

.disabled {
	cursor: auto !important;
	color: #B1B1B1 !important;
}

.calculator-result-table,
.calculator-result-table th,
.calculator-result-table td,
.calculator-material-table,
.calculator-material-table th,
.calculator-material-table td {
	border: 1px solid #C1C1C1;
	border-collapse: collapse;
}

.calculator-material-table {
	max-width: 700px;
	margin-top: 20px;
	border: 10px solid #93B8C3;
}

.calculator-material-table th,
.calculator-material-table td {
	border: 1px solid #C1C1C1;
}

.calculator-result-table th,
.calculator-material-table th {
	padding: 10px;
	font-size: 0.8em;
}

.calculator-result-table td,
.calculator-material-table td {
	text-align: center;
	padding: 10px;
	font-size: 0.8em;
}

.calculator-result-table td:first-of-type,
.calculator-material-table td:first-of-type {
	color: #009999;
	font-weight: bold;
}

.export-to-excel {
	display: none;	
	height: 30px;
	background: url(data:image/gif;base64,R0lGODlhEAAQAPcfAPz8/LLC2LHB17DA1q6+1K290qu60aq5z6i2zaa2y6W0yvr6+6rfnUu3S/P3/u30/ZyrwDZKZPr6+qfbm3DCcKTZpa3erkWuRfT3/u/0/ZWkubrF1D+lP5LOkprSmv///3p8fu/1/ZOitzmaOobEhvz/+V2rYW6ra4e5iT+QP2ZtdpCu1qW83KS73TKOMnG0cfb/8ef242OuZ0OOP1WJTN7z3Hl8f+Hs/KG63TVJYyqDKhJlE/D/5tbx0nG5el2sY0h2NsPdvt/q+5243iN3IxZ5Gen/20+FP0x8P5K+jVymW0x8PXd6furx/d3p+5m24B1sHRqRG+L/0MzmwW6bZEtvOtrm+5Wz4hdjF93/x3R3fuLs/Nzo+9bk+o+x42dscnR4fnN3fnJ2fnB1fXF2ft3o+9Lh+oqu5Jmovujw/enw/efv/OXt/OHr+9fl+s7e+YWs5pamu+Ls+9rn+srb+ICn59rn+9nm+9jl+tbk+9Pi+9Dg+czd+Mnb+cfa+Huk6dLi+p6435W04pGx4oyv5Iit5YSr5n+n53ql6Hej6wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACwAAAAAEAAQAAAI7QABCAwgYACBAgYOIEigYIFAAAwaSJzYwIGDBxAiSAAwgUIFCyBBXsCAIYOGDRo5dPDwoaXLDyBCiIhAcwQJEiVMnCiBIkUJFStWsGgRwcWLFzBiyJhBowYMGxlW3MCRQ8eOHTx6+PgBJAgPoCuEDMlBpEgRI0eQJFGyxAiTJiucPMkBJUoUKXinUKkiBayVKzmwCM5CuHAWLVu4dPGS4+EXMJDDiBlDpswKM2caC0STRk2aNWzarHCz4g0czQDiyAkadA5rOnVQa7Bi5w6ePHr28Onj5w9qEYACPRE0iFAhQ4cQJUKdo7nz584DAgA7) no-repeat center left;
	padding-left: 20px;
	line-height: 30px;
	font-size: 0.9em;
	cursor: pointer;
	color: black;
	margin-top: 30px;
	margin-left: 20px;
	transition: .2s;
}

.material-container {
	display: flex;
	-webkit-flex-direction: row;
	-moz-flex-direction: row;
	-ms-flex-direction: row;
	-o-flex-direction: row;
	flex-direction: row;
}

#calculatorCalculate {
	display: none;
	margin-top: 10px;
}

.calculate-button {
    padding: 0 50px;
    text-align: center;
    line-height: 40px;
    background: #009999;
    border: 0;
    font-size: 18px;
    color: #ffffff;
    font-weight: 500;
    margin-top: 30px;
    display: inline-block;
    text-decoration: none;
    cursor: pointer;
}
.calculate-button:hover {
	background:#0EBDBD;
}

.export-to-excel:hover {
	color: #149661;
}

.displayed {
	display: inline-block !important;
}

.hidden {
	display: none !important;
}

.red {
	color: red !important;
}

.calculator-result-table tr {
	transition: .3s;
}

.calculator-result-table tr:hover {
	cursor: pointer;
	background-color: #EFEFEF;
}

.row-selected {
	background-color: #CECECE !important;
}

#calculatorExportTarget {
	margin: 20px 0;
}

.calculate-inputs input {
	height: 25px;
	width: 100px;
	margin-right: 20px;
}

.calculate-inputs div {
	display: inline-block;
}

#calculatorExportTarget > div {
	margin-top: 25px;
	color: #009999;
}


.trackedItem[data-state="maxHang"] div:after {
	content: " кг.";
}

.trackedItem[data-state="maxHeight"] div:after {
	content: " м.";
}
.trackedItem[data-state="widthRange"] div:after {
	content: " м.";
}


.trackedItem[data-value="borders"] {
	background: url(img/peregorodki.jpg) no-repeat;
	height: 50px;
    display: block;
    padding-top: 14px;
    padding-left: 60px;
}

.trackedItem[data-value="wallFacing"] {
	background: url(img/obliz.jpg) no-repeat;
	height: 50px;
    display: block;
    padding-top: 14px;
    padding-left: 60px;
}

.trackedItem[data-value="suspendedСeiling"] {
	background: url(img/potolki.jpg) no-repeat;
	height: 50px;
    display: block;
    padding-top: 14px;
    padding-left: 60px;
}

.trackedItem[data-value="wallFacing"]:before, .trackedItem[data-value="borders"]:before,  .trackedItem[data-value="suspendedСeiling"]:before {
	top: 15px;
}