.data {
	position: relative;
	margin-bottom: 5px;
}

.inputRow + label {
	margin-top: 5px;
	display: block;
}

.checkboxRow {
	line-height: 30px;
}

input, .output, select {
	height: 30px;
	width: 75%;
}

input, select, .output, #validateMessage{
	padding: 5px 10px;
	display: inline-block;
	outline: none;
	box-sizing: border-box;
	vertical-align: middle;
}

input {
	border: 0px;
	margin-top: -3px;
	background-color: white;
}

input[type="checkbox"], input[type="radio"] {
	width: auto;
	height: auto;
	margin-left: 0px;
}

input[disabled] {
	background-color: #999999;
}

input[type=radio]:not(old){
  width   : 50px;
  height: 40px;
  margin  : 0;
  padding : 0;
  opacity : 0;
}

input[type=radio]:not(old) + label {
	display      : inline-block;
  	margin-left  : -50px;
 	padding-left : 50px;
  	background   : url("/public/images/radio.png") no-repeat 0 0;
  	line-height  : 40px;
}

input[type=radio]:checked:not(old) + label {
	background   : url("/public/images/radio_selected.png") no-repeat 0 0;
}

input:focus, select:focus {
	border: 2px solid #546e55;	
}



input:focus {
	padding-left: 8px;
}

input[type="number"]:focus {
	padding-top: 4px;
}

select:focus {
	padding-left: 10px;
}

#tubeSelect {
	display: none;
}

button {
	background-color: #546e55;
	color: white;
	outline: none;
	border: 0;
	/*padding: 10px;*/
	width: 114px;
	height: 40px;
	line-height: 17px;
}

button:hover {
	background-color: #445e45;
}

button:active {
	background-color: #334033;
}

button.customSelect {
	/*max-width: 100px;*/
	width: 91px;
	font-size: 14px;
	margin-right: 4px;
	vertical-align: bottom;
}

button.customSelect:last-child {
	margin-right: 0px;
}

button.customSelect.selected {
	background-color: #334033;
}

button.customSelect.defaultWidth {
	width: 91px;
}

h2 + .data button {
	margin-top: 4px;
}

.output{
	background-color: #546e55;
	color: white;
	min-height: 26px;
	box-sizing: border-box;
	vertical-align: bottom;
}

.output.error {
	background-color: #cd4237;
	color: white;
}

.doubleSize {
	line-height: 50px;
}

.doubleSize .output {
	font-size: 35px;
	line-height: 40px;
	min-height: 52px;
	font-weight: bold;
}

.doubleSize .unit {
	line-height: 35px;
	font-size: 20px;
}

#validateMessageContainer {
	display: none;
}

#validateMessage p{
	margin: 0px;
}

#validateMessage.error {
	background-color: #cd4237;
	color: white;
}

#validateMessage.warning {
	background-color: #f4bf3b;
}

.ballon {
	position: absolute;
	top: 50px;
	z-index: 2;
	margin-left: 5px;
	display: none;
}
.data:hover > .ballon {
	display: block;
}
.box {
	padding: 10px;
}
.triangle {
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 5px 7px 5px;
	margin: auto;
}
.errorTriangle {
	border-color: transparent transparent #cd4237 transparent;
}
.errorBox {
	background-color: #cd4237;
	color: white;
}
.warningTriangle {
	border-color: transparent transparent #f4bf3b transparent;
}
.warningBox {
	background-color: #f4bf3b;
}
input.error {
	border: 2px solid #cd4237 !important;
}
.output.warning {
	background-color: #f4bf3b;
	color: black;
}

#calculate, .chooseButton{
	margin-top: 15px;
	margin-bottom: 15px;
}

.hiddenAnchor {
	display: none;
}