/* @override http://eurotiivi.ru/css/calculator.css
	http://beta.skandiokna/css/calculator.css
	http://www.skandiokna.com/css/calculator.css
	https://www.skandiokna.com/css/calculator.css
	https://old.skandiokna.com/css/calculator.css */

h6.top-spacer{ margin-top: 20px;
	clear: both;
}

span.overall-count {
	font-size: 14px;
	font-weight: bold;
	color: #000;
	background-color: #dff4bb;
	padding: 3px;
}

.calculator{ position: relative; }

.calculator-wrapper {
	padding: 30px;
}
.calculator table{ padding: 0px 30px; margin: 10px 0px; text-align: left; }
.calculator table td{ padding: 5px 10px; }
.calc-table-left{ float: left; text-align: right; width: 150px;}
.calc-table-right{ float: left; text-align: left; width: 300px;}

.current-window-chooser{ width: 100%; height: 200px;}
.current-window-chooser div{ float: left;
  font: 14px/18px "PT Sans Narrow", sans-serif;
	padding: 9px 11px; border: 1px solid #787878; margin: 5px; text-align: center; cursor: pointer; font-weight: normal;
	height: 190px;
	width: 140px;
}
.current-window-chooser div.active{ border: 4px solid #A1D741; margin: 5px; font-weight: bold;
	padding-top: 6px;
	padding-left: 9px;
}

.calculator img {
	margin: 10px;
}

.span-pvc{width: 50px;}

.future-window-chooser{ width: 100%; height: 230px;}
.future-window-chooser div{ float: left;
	padding: 9px 8px; border: 1px solid #787878; margin: 5px; text-align: center; cursor: pointer; font-weight: normal;}
.future-window-chooser div.active{ border: 4px solid #A1D741; margin: 2px; font-weight: bold;}

#location-select,
#heating-select{ width: 250px;}
#window-height,
#window-width,
#windows-count{ width: 50px; }

.calc-error{ color: red; display: none; padding-left: 20px;}

.calculator-submit{ padding: 30px 10px 20px 150px; height: 80px;}
#calc-button-submit .calc-button-center{ padding: 0px 50px;}

.calc-button{ float:left; cursor: pointer;
	padding: 10px 30px;
	background-color: #6ba700;
	 cursor: pointer; color: #fff;
	font-size: 14px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;	
}
.calc-button div{ float: left; display: block; height: 30px;
	background-color: #008e1c;
}

.calculator-result{ position: relative; margin: 10px 0px 20px; }
.calculator-result table{ padding: 10px 30px; margin: 0px; text-align: left; width: 450px; background: rgba(255, 255, 255, 0.6);
	background-repeat: repeat-x;
	font-size: 12px;
	border: 1px solid #aaa;
}
.calculator-result table th{ padding: 0px 10px; text-align: center; font-weight: normal; height: 43px; line-height: 21px; }
.calculator-result table td{ padding: 5px 10px; text-align: center; }
.result-th-row{
	background-repeat: repeat-x;
}
.result-th-left{
	background-repeat: no-repeat;
	background-position: left top;
}
.result-th-even{
	background-repeat: repeat-x;
}
.result-th-right{
	background-repeat: no-repeat;
	background-position: right top;
}
.result-td-row td{ background-color: #edfbd2; border-top: 2px solid #6ba700; border-bottom: 1px solid #6ba700;
	border-right: 1px solid #6ba700;
	border-left: 1px solid #6ba700;
}
.result-td-left{
}
.result-td-right{
}

.instruction-msg{ position: absolute; left: 100px; top: 50px;}

.add-result{ position: absolute; right: 20px; top: 43px; }
#add-result-button{ display: none;}

.calculator-overall-title{ display: none;}
.calculator-overall-submit{ padding: 0px 10px 10px 20px; height: 30px;}
#calculator-overall-another-button{ display: none; margin-right: 20px;}
#calculator-overall-submit-button{ display: none; }
#calculator-overall-submit-button .calc-button-center{ padding: 0px 15px;}

.overall{ width: 100%;}
.overall table{ font-size: 11px; margin-bottom: 0;
	width: 100%;
}
.overall table th{ font-weight: normal;}
.overall table .title-row th{ font-weight: bold; padding: 10px; text-align: left; background-color: #fff;  border-top: 1px solid #e5f7ff; border-left: 1px solid #e5f7ff;}
.overall table .title-row .title-right{ border-right: 1px solid #e5f7ff; }
.overall table .overall-th-row th{ padding: 10px 8px;}
.overall-th-odd{
	background-repeat: repeat-x;
}
.overall-th-even{
	background-repeat: repeat-x;
}
.overall-th-first{ position: relative; left:-5px;}
.overall-th-last{ position: relative; left:5px;}
.overall table .overall-th-row th.overall-th-left{ padding:0px; width: 11px;
	background-repeat: no-repeat;
	border-left: 1px solid #e5f7ff; }
.overall table .overall-th-row th.overall-th-right{ padding:0px; width: 7px;
	background-repeat: no-repeat;
	border-right: 1px solid #e5f7ff; }
.overall table td{ text-align: center; border-top: 1px solid #d4f2ff; vertical-align: middle; padding: 5px; }
.overall table td.left-border{ border-left: 1px solid #d4f2ff; }
.overall-row-odd td{ background-color: #ddd; }
.overall-row-odd td.savings{ background-color: #f4ffdb; }
.overall-row-even td{ background-color: #eee; }
.overall-row-even td.savings{ background-color: #fbfff2; }

.overall-td-first{ border-left: 1px solid #e5f7ff; }
.overall-td-last{ border-right: 1px solid #e5f7ff; }

.overall table td.overall-td-empty{ border:0px; background-color: #fbfbfb; }
.overall table tr.overall-empty-row td.overall-td-empty{ border:0px; border-top: 1px solid #e5f7ff;}
.overall-sum-row td{ background-color: #e9ffb8; font-weight: bold; margin: 10px 0px; border-bottom: 1px solid #e5f7ff; }
.overall-sum-row td.overall-sum-title{ background-color: #fff; border-left: 1px solid #e5f7ff;  }
.overall-sum-row td.overall-sum-last{ border-right: 1px solid #e5f7ff;  }

.overall-dialog{ display: none; width: 100%; padding-left:18px; }
.overall-wrapper{ background-color: #fbfbfb; width: 100%; padding: 20px; border: 1px solid #e5f7ff; 
	min-width: 700px;
}

.overall-dialog-buttons{ float: right;}
.overall-dialog-buttons div.calc-button{ float: left; margin-left: 20px; margin-top: 20px; text-decoration: none;}

.overall-pdf{ display: none; }

.ui-helper-hidden { display: none; }
.ui-helper-hidden-accessible { position: absolute !important; clip: rect(1px 1px 1px 1px); clip: rect(1px,1px,1px,1px); }
.ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; }
.ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.ui-helper-clearfix { display: inline-block; }
/* required comment for clearfix to work in Opera \*/
* html .ui-helper-clearfix { height:1%; }
.ui-helper-clearfix { display:block; }
/* end clearfix */
.ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); }
.ui-state-disabled { cursor: default !important; }

.ui-icon {  }
.ui-icon-closethick {position: relative; left: 945px; top: 14px; width: 30px; height: 30px; display: block; background: url('/i/calculator/close.png') no-repeat left top; cursor: pointer; }

.ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.ui-widget-overlay { background: #666666; opacity: .50;filter:Alpha(Opacity=50); }
.ui-widget-shadow { margin: -5px 0 0 -5px; padding: 5px; background: #000000; opacity: .20;filter:Alpha(Opacity=20); -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }

.ui-dialog {
	overflow: hidden;
	top: 20%;
	width: 100% !important;
	position: absolute;
	right: 0;
	left: 0;
	padding: 0;
	background: none;
	border-style: none;
}
.ui-widget-header {
	border: none;
	background: none;
	color: #ffffff;
	font-weight: bold;
}

.ui-dialog .ui-dialog-titlebar { padding: .4em 1em; position: relative; text-align: right; width: 100%;
}
.ui-dialog .ui-dialog-titlebar-close { position: absolute; right: 5px;
	width: 30px; margin: 0px; padding: 1px; height: 30px;
	background: url(/i/calculator/close.png);
	border-style: none;
	top: 35px;
	z-index: 1000;
}
.ui-dialog .ui-dialog-titlebar-close span { display: block; margin: 1px;  }
.ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus { padding: 0; }
.ui-dialog .ui-dialog-content { position: relative; border: 0; padding: .5em 1em; 
background: none;
 overflow: auto; zoom: 1; }
.ui-dialog .ui-dialog-buttonpane { text-align: left; border-width: 1px 0 0 0; background-image: none; margin: .5em 0 0 0; padding: .3em 1em .5em .4em; }
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset { float: right; }
.ui-dialog .ui-dialog-buttonpane button { margin: .5em .4em .5em 0; cursor: pointer; }
.ui-dialog .ui-resizable-se { width: 14px; height: 14px; right: 3px; bottom: 3px; }
.ui-draggable .ui-dialog-titlebar { cursor: move; }