/*************Kelly Calculator*****************/

*body, html {
	box-sizing: border-box;
	padding: 0px;
	margin: 0px;
}

.card .row{
	margin: 0px!important;
}

input, select, textarea {
	padding: 5px 0;
	text-indent: 12px;
	border: 1px solid #33901d !important;
    border-radius: 6px!important;
}

.profile input, .profile textarea {
	width: 100%;
	border: 1px solid #33901d !important;
    border-radius: 6px;
    outline: none;
}
.p-5 {
    padding-top:1rem!important;
    padding-bottom:1rem !important;
}

				/* form  table*/
				#calculate_form table {
					width: 100%;
				}
				#calculate_form table input {
					width: 100%!important;
					border:none;
					background: #f1f1f1;
					font-weight: 100;
				}
				#calculate_form table th {
					background: #9ab9ae;
				    width: 150px;
				    color: white;
				    font-weight: 400;
				    font-size: 14px;
				    border-bottom: 1px solid white;
				}
				#calculate_form table td.crop {
					background: #9ab9ae;
					color: white;
					font-size: 14px;
					font-weight: 200;
					border-left: 1px solid white;
				}
				#calculate_form table td {
					width: 74px;
				}


				/* result  table*/
				#result_form table {
					width: 100%;
				}
				#result_form table input {
					width: 100%;
					border:none;
					background: #f1f1f1;
					font-weight: 100;
				}
				#result_form table th {
					background: #9ab9ae;
				    width: 150px;
				    color: white;
				    font-weight: 400;
				    font-size: 14px;
				    border-bottom: 1px solid white;
				    padding: 7px 0;
				}
				#result_form table td.crop {
					background: #9ab9ae;
					color: white;
					font-size: 14px;
					font-weight: 200;
					border-left: 1px solid white;
				}
				#result_form table td {
					width: 74px;
					padding: 3px;
				}


.label-element {
	width: 120px;

}

.label-text {
	width: 250px;
	text-transform: uppercase;
	align-items:  center;
	color: #4c4b4c;
}
.calc-text {
	width: auto;
	text-transform: capitalize;
	color: #4c4b4c;
}
.calc-result {
	width: 30px;
	
}
.calc-unit {
	width: 100px;
}


.input-group input {
	width: 120px;
	height: 100%;
}
.input-group{
	align-items: stretch;
}
.input-group-text {
width:100%;
}
.input-group-prepend {
width:65%;
display: inline-block;
}
.input-group>.input-group-prepend>.input-group-text
{
    text-align:left !important;
}
.calc-result {
	width: 80px !important;
	padding-bottom: .5rem!important;
	padding-top: .5rem!important;
}

#hide_section {
	display: none;
}

.sec-2,.sec-1 {
	display: none;
}

.sec-1.active,.sec-2.active{
	display: block;
}

span {
    font-weight:bold;
}

.shadow {
	margin:5px !important;
	width:47%;
}

.fff {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
.tt input{
	width:120px;
}