/*

* Styles

* 

* @package Estatik Calculator

* @subpackage CSS

*

*/



.es_calc_container {

	color: #8b8b8b;

	font-family: 'Open Sans', Arial, sans-serif;

	margin: 20px 0;

}



.es_calc_container,

.es_calc_percent {

	font-size: 13px;

}



.es_calc_error_info {

	color: #FF0000;

	display: none;

}



.es_calc_hidden_option {

	display: none;

}



.es_calc_form {

	border-radius: 0px 0px 5px 5px;

	-moz-border-radius: 0px 0px 5px 5px;

	-webkit-border-radius: 0px 0px 5px 5px;

	

	border: 1px solid #f0f0f0;

	border-top: none;

	padding: 0 20px;

}



.es_calc_form input {

	border-radius: 2px;

	-moz-border-radius: 2px;

	-webkit-border-radius: 2px;



	background-color: #FFF;

	border: none;

	color: #1d1d1d;

	height: 35px;

	width: calc(100% - 105px);

}



.es_calc_form input:focus {

	border: 1px solid #c7c7c7;

}



.es_calc_form input.es_calc_submit {

	border-radius: 5px;

	-moz-border-radius: 5px;

	-webkit-border-radius: 5px;



	background-color: #FFF;

	/*border: 1px solid #ff9600;*/

	color: #000;

	font-weight: 300;

	height: 36px;

	line-height: 36px;

	margin: 15px 0;

	outline:none;

	padding: 0;

	text-transform: none;

	width: 100%;

}



.es_calc_form input.es_calc_submit:hover {

	/*background-color: #ff9600;*/

	color: #FFF;

}



.es_calc_form input.es_calc_submit.active,

.es_calc_form input.es_calc_submit.active:hover {

	background-color: #ff5400;

	border-color: #ff5400;

}



.es_calc_option {

	padding-top: 15px;

	/*padding: 15px 0;*/

}



.es_calc_option_arrow {

	border-top: 5px solid transparent;

	border-bottom: 5px solid transparent;   

	border-right: 5px solid #f0f0f0; 

	height: 0; 

    left: -5px;

    position: absolute;

    top: 9px;

	width: 0; 

}



.es_calc_option_info {

	border-radius: 2px;

	-moz-border-radius: 2px;

	-webkit-border-radius: 2px;



	background-color: #f0f0f0; 

	display: none;

	font-size: 10px;

	left: calc(100% + 10px);

	padding: 10px 15px;

	position: absolute;

	top: -5px;

	width: 160px;

	z-index: 5;

}



.es_calc_option_info_icon {

	background: url('../images/info.png') no-repeat;

	background-size: cover;

	cursor: pointer;

	height: 15px;

	margin-bottom: -2px;

	margin-left: 7px;

	position: relative;

	width: 15px;

}



.es_calc_option_info_icon,

.es_calc_option_name {

	display: inline-block;

}



.es_calc_option_info_icon:hover {

	background: url('../images/info_hover.png') no-repeat;

}



.es_calc_option_info_icon:hover .es_calc_option_info {

	display: block;

}



.es_calc_option_title {

	width: 100%;

}



.es_calc_container input,

.es_calc_currency,

.es_calc_percent {

	font-size: 16px;

}



.es_calc_percent {

	display: inline-block;

	float: right;

	line-height: 35px;

}



.es_calc_percent span {

	color: #1d1d1d;

	margin-right: 7px;

}



.es_calc_title {

	border-radius: 5px 5px 0px 0px;

	-moz-border-radius: 5px 5px 0px 0px;

	-webkit-border-radius: 5px 5px 0px 0px;

	border: none;



	color: #FFF;

	font-size: 18px;

	height: 70px;

	line-height: 70px;

	margin: 0;

	padding: 0 10px;

	text-align: center;

}



.es_calc_container .irs {

	margin-top: 11px;

}



.es_calc_container .irs-line {

	width: 100%;

}



.es_calc_container .irs-bar {

	left: 0 !important;

}



.es_calc_container .irs-line {

	background: #F0F0F0;

}



.es_calc_container .irs-line.error {

	background: #FF0000;

}



.es_calc_container .irs-bar, 

.es_calc_container .irs-bar-edge, 

.es_calc_container .irs-line-left, 

.es_calc_container .irs-line-mid, 

.es_calc_container .irs-line-right, 

.es_calc_container .irs-slider {

	background-image: none;

}



.es_calc_container .irs-line-mid {

	left: 0;

	width: 100%;

}



.es_calc_container .irs-line-right {

	background: #FFF;

}



.es_calc_container .irs-from, 

.es_calc_container .irs-min, 

.es_calc_container .irs-max, 

.es_calc_container .irs-single, 

.es_calc_container .irs-to, 

.es_calc_container .irs-bar-edge { 

	display: none; 

}



.es_calc_container .irs-bar, 

.es_calc_container .irs-slider {

	background-image: none;

}



.es_calc_container .irs-bar, 

.es_calc_container .irs-bar-edge, 

.es_calc_container .irs-line {

	height: 1px;

}



.es_calc_container .irs-slider {

	border-bottom-style: solid;

	border-bottom-width: 15px;

	border-left: 10px solid transparent;

	border-right: 10px solid transparent;

	height: 0; 

	margin-left: -10px;

	margin-top: 3px;

	width: 0; 

}



.es_calc_overlay {

	background: rgba(0, 0, 0, 0.5);

	bottom: 0;

	display: none;

	left: 0;

	position: fixed;

	right: 0;

	top: 0;

	z-index: 9;

}



.es_calc_popup {

	border-radius: 5px;

	-moz-border-radius: 5px;

	-webkit-border-radius: 5px;



	-webkit-transform: translate(-50%) translateY(-50%);

	-moz-transform: translate(-50%) translateY(-50%);

	-ms-transform: translate(-50%) translateY(-50%);

	-o-transform: translate(-50%) translateY(-50%);

	transform: translateX(-50%) translateY(-50%);



	background-color: #FFF;

	border: none;

	left: 50%;

	max-width: 100%;

	padding: 40px;

	position: absolute;

	top: 50%;

	width: 550px;

}



.es_calc_popup h1 {

	color: #202020;

	font-size: 18px;

	font-weight: normal;

	margin: 0;

}



.es_calc_popup h2 {

	font-size: 26px;

	font-weight: bold;

}



.es_calc_popup hr {

	border-bottom: 1px solid #f0f0f0;

	display: block;

	margin: 10px 0;

	max-width: 100%;

	width: 250px;

}



.es_calc_popup_close {

	background: url('../images/close.png');

	background-size: cover;

	cursor: pointer;

	height: 15px;

	right: 20px;

	position: absolute;

	top: 20px;

	width: 15px;

}



.es_calc_popup_close:hover {

	background-image: url('../images/close_hover.png');

}



.es_calc_popup_graph h1 {

	text-align: center;

}



.es_calc_popup_graph h2 {

	-webkit-transform: translate(-50%) translateY(-50%);

	-moz-transform: translate(-50%) translateY(-50%);

	-ms-transform: translate(-50%) translateY(-50%);

	-o-transform: translate(-50%) translateY(-50%);

	transform: translateX(-50%) translateY(-50%);



	border: none;

	color: #202020;

	left: 50%;

	/*left: calc(50% - 40px);*/

	margin: 0;

	position: absolute;

	top: 50%;

	z-index: 9;

}



.es_calc_popup_graph hr {

	margin-bottom: 50px;

	width: 100%;

}



.es_calc_popup_graph .es_calc_chart_container {

	position: relative;

	width: 70%;

}



.es_calc_popup_graph .es_calc_chart_container,

.es_calc_popup_graph .es_calc_numbers {

	float: left;

}



.es_calc_popup_graph .es_calc_numbers {

	width: 30%;

}



.es_calc_popup_graph .es_calc_result_container {

	border-left-style: solid;

	border-left-width: 3px;

	padding-left: 15px;

}



.es_calc_popup_graph .es_calc_result_container#es_calc_home_price_container {

	border-left-color: #ff5400;

}



.ct-series-a .ct-bar, .ct-series-a .ct-line, .ct-series-a .ct-point, .ct-series-a .ct-slice-donut {

    stroke: #ff5400;

}



.es_calc_popup_graph .es_calc_result_container#es_calc_home_insurance_container {

    border-left-color: #ff9600;

}



.ct-series-b .ct-bar, .ct-series-b .ct-line, .ct-series-b .ct-point, .ct-series-b .ct-slice-donut {

    stroke: #ff9600;

}



.es_calc_popup_graph .es_calc_result_container#es_calc_property_tax_container {

    border-left-color: #ffde00;

}



.ct-series-c .ct-bar, .ct-series-c .ct-line, .ct-series-c .ct-point, .ct-series-c .ct-slice-donut {

    stroke: #ffde00;

}



.es_calc_popup_graph .es_calc_result_container#es_calc_interest_container {

	border-left-color: #60d401;

}



.ct-series-d .ct-bar, .ct-series-d .ct-line, .ct-series-d .ct-point, .ct-series-d .ct-slice-donut {

    stroke: #60d401;

}



.es_calc_popup_graph .es_calc_result_container#es_calc_pmi_container {

	border-left-color: #25f55b;

}



.ct-series-e .ct-bar, .ct-series-e .ct-line, .ct-series-e .ct-point, .ct-series-e .ct-slice-donut {

    stroke: #25f55b;

}



.es_calc_popup_text {

	background: #FFF url('../images/popup_bg.png') no-repeat 330px 0;

	background-size: cover;

	height: 380px;

}



.es_calc_rangeslider_container {

	margin-top: -12px;

	width: 105%;

}



.es_calc_result_container {

	color: #202020;

    margin: 13px 0;

}



.es_calc_result_title {

	font-size: 13px;

}



.es_calc_result_value {

	font-size: 13px;

	font-weight: bold;

}



#es_calc_chart {

	display: block;

	margin: 0 20px;

}



@media (max-width: 414px) {

	.es_calc_popup_text {

		background-image: none;

	}



	.es_calc_chart_container,

	.es_calc_popup_graph .es_calc_chart_container,

	.es_calc_popup_graph .es_calc_numbers,

	.es_calc_popup hr {

		width: 100%;

	}



	.es_calc_popup_graph .es_calc_chart_container, 

	.es_calc_popup_graph .es_calc_numbers {

		float: none;

	}



	.es_calc_popup_graph .es_calc_result_container {

		float: left;

		width: 50%;

	}



}