.error {
	color:red;
}.dropdown-error {	border:2px solid red !important;;	color: red;}
.output {
    margin-right: 332px;
    text-align: center;
}

.entry-content {
    padding: 20px 0;    
}

#calculatorWrap {
    background: #e3e5e6;
    padding: 20px 0;
    margin-bottom: 20px;
}


.answer {
    padding-top: 14px;
    line-height: 17px;
    width: 93%;
    display: inline-block;
    background:#fff;
}

/*@media only screen and (min-width: 768px) and (max-width: 1200;){*/
/*    .answer_unit {width: 49%;}*/
/*}*/

@media only screen and (max-width: 1200px){
    #calculatorWrap .col-form-label {width: 100% !important;}
    #calculatorWrap .form-control {width:100% !important;}
    span.spd_ref-field.answer_unit {width: 100% !important;text-align: left;}
    #actionCalculate {width: 96%!important;}
    .answer {width: 100%;padding:10px 10px;}
}

@media only screen and (max-width: 767px){
    #calculatorWrap .col-form-label {width: 50% !important;padding: 16px 0 4px;text-align: left;float: left;}
    #calculatorWrap .form-control {width: 92% !important;}
    #actionCalculate {width: 100% !important;}
    .output {width: 94% !important;}
    .calculator {padding: 15px 0 15px 23px !important;}
    #actionCalculate {justify-content: center !important;}
    #calculateButton {width: 64% !important;}
    .answer_unit {width: 42% !important;text-align: right;padding: 16px 0 4px;}
    
}

@media only screen and (max-width: 577px){
	.col-sm-2.col-form-label.age { width: 20%; }
	.col-sm-10.col-form-input.age_input { width: 70%;}
} 

input#spd {
    width: 35% !important;
}

input#dt_tm {
    width: 35% !important;
}

#calculatorWrap .col-form-label {
    width: 25%;
    display: inline-block;
    color:#000;
    float:left;
}

span.spd_ref-field.answer_unit {
    width: 32%;
    float: left;
    margin-right: 38px;
    color: #000;
}

#calculateButton {
	cursor: pointer;
	display: block;
	height: calc(1.5em + .75rem + 5px);
	padding: .375rem .75rem;
	background-color: #007bff;
	border-color: #007bff;
	color: #fff;
	border-radius: 4px;
	transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
#calculatorWrap .form-control {
	vertical-align: middle;
	margin: 5px 10px 5px 0;
	padding: 10px 29px 10px 13px;
	background-color: #fff;
	border: 1px solid #ddd;
	width: 200px;
}



.calculator {
    background: #e3e5e6;
    margin-bottom: 30px;
    padding: 25px;
    width: 100%;
}

#calculatorWrap .form-control {
    margin: 5px 15px 5px 0 !important;
    width: 35%;
    float:left;
}

input#dstnc {
    width: 35% !important;
}

.output {
    padding: 6px 20px;
    border: none;
    margin: 17px 0;
    font-weight: bold;
    width: 100%;
    margin: 0 auto;
}

.answer_unit {
    width: 35%;
    display: inline-block;
    float: left;
    margin-right: 16px;
}

#calculatorWrap .col-form-label {font-weight: 700;}

.answer {
    font-weight: 500;
}

#actionCalculate {
    display: flex;
    justify-content: flex-end;
    width: 94%;
}

#calculateButton {
    width: 15%;
    margin-top: 15px;
}

.answer span {
    font-weight: 600;
    display: block;
}