/*------- Nav Tabs ------ */
	#nav-tabs{
		list-style-type: none;
		margin: 0;
		padding: 0;
		overflow: hidden;
		border: 1px solid #ccc;
		background-color: #f1f1f1;
	}
	
	#nav-tabs li{
		float: left;
	}
	
	#nav-tabs li a {
		display: inline-block;
		color: black;
		text-align: center;
		padding: 14px 16px;
		text-decoration: none;
		transition: 0.3s;
		font-size: 12px;
		border-right: 1px #aaa solid;

		
	}

	#nav-tabs li a:hover {
		background-color: #ccc;
	}
	
	#nav-tabs li a:focus, .active {
		background-color: #ccc;
	}
	
	.tabcontent {
		display: none;
		padding: 6px 12px;
		
	}
	
	#torque-master-finder{
		background-color: #f6f6f6;
		border: 1px #aaa solid;
		border-radius: 5px;
		padding:5px;
		padding-bottom: 15px;
		width:100%;
		position: relative;
	}
	
	#secondSpring{
		display:none;
		border: 1px solid #D2D2D2;
		border-radius: 5px;
		background-color: #EAEAEA;
    	padding: 5px;
		
	}

	#doorDimensions{
		display:none;
		border: 1px solid #D2D2D2;
		border-radius: 5px;
		background-color: #EAEAEA;
    	padding: 5px;
		
	}
	
	label > input{ /* HIDE RADIO */
		visibility: hidden; /* Makes input not-clickable */
		position: absolute; /* Remove input from document flow */
	}
	
	label > input + img{ /* IMAGE STYLES */
		cursor:pointer;
		border:2px solid transparent;
		
	}
	
	label > input:checked + img{ /* (RADIO CHECKED) IMAGE STYLES */
		border:2px solid #f00;
	}
	label > input:hover + img{ /* (RADIO CHECKED) IMAGE STYLES */
		border:2px solid #f00;
	}
	
	#tabs{
		/*display:none;*/
	}
	#windType{
		position: absolute;
		z-index: 10;
		height: 85%;
		background-color: white;
		top: 45px;
		padding-top: 15px;
		width: 99%;
	}
	#back{
		border: 1px solid #aaa;
		border-bottom: 0 !important;
		border-top-right-radius: 6px;
		border-top-left-radius: 6px;
		color:black;	
	}

	.disabled{
		pointer-events: none;
  	 	cursor: default;	
	}

	/* ----- Form styling ---- */
	input[type=text],input[type=number], select {
		width: 100%;
		padding: 5px 10px;
		margin: 4px 0;
		display: inline-block;
		border: 1px solid #ccc;
		border-radius: 4px;
		box-sizing: border-box;
	}



	/* ------- Table Styling -------- */
	.extendedLife{
		display:none;
   		font-style: italic;
    	font-weight: bold;
   		background-color: rgba(111, 170, 228, 0.2);;
	}

	
	/* --------- Mobile ------------- */

	@media only screen and (max-width: 600px) {
		label > img, label > h3{ /* IMAGE STYLES */
			width: 80%;
			font-size: 1.3em;
		}
		.ui-tabs .ui-tabs-nav li{
			width: 100%;
		}
		#windType{
			top: 140px;
			height: 65%;
			width: 97%;
			padding-left: 30px;
		}
	}