select {
	border-color: #ccc !important;
    display: -moz-inline-stack;
    display: inline-block;
    min-width: 100px;
    border-radius: 5px;
    height: 32px !important;
    border: 1px solid;
}

label { padding:0px 5px; } 

input[type=text], input[type=number] {
	height: 35px;
	border-radius: 5px;
	padding: 0 10px;
	box-shadow: none;
	border: 1px solid rgba(119,127,141,.25);
}
input[type=number] {
	width:100px;
}
	
table{
    width:100%;
}

input[type=radio], input[type=checkbox]{
    margin:5px 1px 0px 15px;
    height:20px;
    width:20px;
}
	
.MainBody{
    background-color:white;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    padding: 1.5rem 0;
}
.left-label{
		text-align:right !important;
		padding-right:5px;
	}
.right-label{
	text-align:left !important;
	padding-left:0;
	font-weight:bold;
}

	@media (max-width: 767px) {
		.left-label{
			text-align:left !important;
		}
		.row{
			margin-left:5px !important;
		}
	}

.fa-question-circle{
	cursor:pointer;
}
.required::after{
    font-size:1.20em;
    color:red;
    content:"*";
}
.requiredKey::before{
    font-size:1.20em;
    color:red;
    content:"* ";
}

.txtMoreInfo{
    color:#ed9b33;font-style:italic;text-decoration:underline;
}
.calculateButton:before{
    content:"Calculate";
}


.select-units{
	min-width:inherit;
}

.italicLabel{
    font-style:italic;
}

.boldLabels{
    font-weight:bold;
}
.stepLabel{
    font-size:1.1em;
    font-style:italic;
    text-decoration:underline;
    font-variant:small-caps;
}
.normalLabel{
    font-weight:normal;
}
.floatLeft{
    float:left;
}
.displayNone{
    display:none;
}
.thinBorder{
    border:1px solid;
}

.inputOutputBar 
{
    width:100%;
    background-color:#002855;                   
    border:1px solid #ddd;
    color:white;
	padding: 3px;
    box-sizing:border-box;
    overflow:hidden;
    vertical-align:middle;
}


.inputOutputLabel
{
    float:left;
    font-weight:bold;
    font-size:1.5em;
    margin: -5px 0px -5px 5px
}

.disclaimerLabel
{
    float:right;
    border:0px solid;
    color:white;
    cursor:pointer
}
       
.helpIcon
{
    float:right;
    padding:2px 2px 1px 2px;
    margin:4px 4px 0px 4px;
    border:0px solid;
    cursor:pointer;
    font-size:1.2em !important;
    background-color:transparent
}  
.helpIconText{
    font-size:0.7em;
    margin-left:2px;
    vertical-align:bottom;
}      

.speciesRow
{
    margin-top:5px;
}   

.speciesLabel
{
    font-weight:bold;
    margin:0px 5px;
    padding-left:15px !important;
}

.resultArea
{
    padding-left:5px;
     background-color: #f5f5f5;
    border-color: #ddd;
}
.btnRow{
    padding:10px 0px 15px 15px;
    width:100%;
}


.anchorHeight
{
    height:1px !important;
}


/*WEIGHT*/
#weightInput{
    margin-top:5px;
}
#weightLabel{
    width:65px; margin:0px 5px;font-weight:bold;
}
#txtWeight, #txtWeightKg, #txtWeightGm{
    width:75px;margin-left:5px;
}


 #surveyInvite{
      float:right;font-weight:bold;font-style:italic;color:#ed9b33;margin-right:5px;cursor:pointer;
 }


#tdTitle{
    font-size:20px; 
    font-weight:bold;
    padding:3px 1px; 
    text-align:center;
}

	#titleRow{
		text-align:center;
	}

/*BUTTONS*/

#submitBtn, #resetBtn, #saveBtn{
    z-index:100;
}
#saveBtn{
    margin:10px 0 15px 15px;
}

/* shortcuts */
#shortcutsArea{
        padding:15px 20px 15px 25px;
        background-color: #eeeeee;
        box-shadow: 0 3px 1px -2px rgba(0,0,0,.2), 0 2px 2px 0 rgba(0,0,0,.14), 0 1px 5px 0 rgba(0,0,0,.12);
        width:100% !important;
        height:100% !important;
    }
#shortcuts li{
        border: 1px solid;
        margin: 5px;
        padding: 10px;
        background-color: #eeeeee;
        color:#002855;
        
        box-shadow: 0 3px 1px -2px rgba(0,0,0,.2), 0 2px 2px 0 rgba(0,0,0,.14), 0 1px 5px 0 rgba(0,0,0,.12);
        list-style: none;
        width:95%;
    }
    #shortcuts a{
        text-decoration: none !important;
    }
    #shortcutsArea label{
        font-weight: bold;
        font-size: 1.1em;
    }