/*
* Styles
* 
* @package Mortgage Calculator Plugin
* @subpackage CSS
*

/* ============================================================================== */
/* Form Styles
/* ============================================================================== */
	.mortgage_calculator_form .mc-form-group {
		margin-bottom: 15px !important;
	}
	.widget_mortgage_calculator_plugin h2.widget-title{
		text-align: center !important;
		font-size: 15px !important;
		letter-spacing: 1px !important;
		font-weight: normal !important;
		font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
		margin-bottom: 2em !important;
	}
	.mortgage_calculator_form div.mpayment { 
		margin: 5px 0 0 0 !important; 
		padding: 10px 0 0 0 !important;
		color: #000023 !important; 
		font-size: 15px !important;
		text-align: center !important;
		font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
	}
	.mortgage_calculator_form div.hidden {
		display: none!important;
		font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
	}

/* ============================================================================== */
/* Button Styles
/* ============================================================================== */

	.mortgage_calculator_form input.btn, .mortgage_calculator_form input.btn:focus, .mortgage_calculator_form input.btn:active {
		text-transform: none !important; 
		border-radius: 20px !important; 
		color: #fff !important; 
		font-weight: normal !important; 
		font-size: 12px !important; 
		text-decoration: none !important; 
		text-align: center !important; 
		white-space: nowrap !important; 
		background: #505050 !important; 
		border: none !important;
		width: 100% !important;
		text-transform: uppercase !important;
		padding: 13px 24px !important;
		outline: none !important;
		box-sizing: border-box !important;
		-webkit-box-sizing: border-box !important;
		-moz-box-sizing: border-box !important;
		font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
		box-shadow: none !important;
		-webkit-box-shadow: none !important;
	}
	
	.mortgage_calculator_form .mc-form-control, .mortgage_calculator_form input[type="text"], .mortgage_calculator_form input[type="number"]{
		border-radius: 20px !important;
		border: 1px solid #c4c4c4 !important;
		padding: 7px 15px !important;
		height: 37px !important;
		box-shadow: 0px 0px 0px 1px #D9D9D9 !important;
		-webkit-box-shadow: 0px 0px 0px 1px #D9D9D9 !important;
		color: #000 !important;
		font-weight: normal !important;
		font-size: 14px !important;
		background: #fff !important;
		display: block !important;
		width: 100% !important;
		height: 34px !important;
		line-height: 20px !important;
		font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
		box-sizing: border-box !important;
		-webkit-box-sizing: border-box !important;
		-moz-box-sizing: border-box !important;
	}
	
	.mortgage_calculator_form .has-error input[type="text"], .mortgage_calculator_form .has-error input[type="number"], .mortgage_calculator_form .has-error .mc-form-control {
		border-color: #a94442 !important;
		-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075) !important;
		box-shadow: inset 0 1px 1px rgba(0,0,0,.075) !important;
	}
	
	.mortgage_calculator_form .has-success input[type="text"], .mortgage_calculator_form .has-success input[type="number"], .mortgage_calculator_form .has-success .mc-form-control {
		border-color: #3c763d !important;
		-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075) !important;
		box-shadow: inset 0 1px 1px rgba(0,0,0,.075) !important;
	}
	
	.mortgage_calculator_form input.reset, .mortgage_calculator_form input.reset:focus, .mortgage_calculator_form input.reset:active {
		background: #cacac9 !important;
		outline: none !important;
	}

	.mortgage_calculator_form input.btn:hover { cursor: pointer !important; opacity: 0.9 !important;}