*
{
    font-family:"Arial";
    color:#303030;
}
body
{
    margin:0;
    padding:0;
    font-size:22px;
}
#site_wrap
{
    width:1024px;
    margin:0 auto;
}
.row
{
    margin:24px 30px;
    height:40px;
}
#logo
{
    float:left;
    background-image:url('logo.png');
    background-repeat:no-repeat;
    width:170px;
    height:56px;
}

.label
{
    margin-right:5px;
}

input[type="text"],select.input
{
    background-color: #E7E7E7;
    border: 1px solid #CDCDCD;
    color: #666666;
    font-size: 18px;
    padding: 2px 5px;
    width: 145px;
}

select.input
{
    padding:2px 0 2px 0px;
}

.segmented_control {
    display:inline-block;
    /*-webkit-box-shadow: 2px 2px 1px #D7D7D7;
    -moz-box-shadow: 2px 2px 1px #D7D7D7;
    box-shadow: 2px 2px 1px #D7D7D7;*/
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.segmented_control button {
    margin: 0;
    padding: 3px 12px 3px;
    border: 0px;
    text-shadow: 0 1px 0 #fff;
    font-size: 18px;
    background: #eee;
    background: -webkit-gradient(
        linear, left top, left bottom,
        from(#fff), to(#ddd)
    );
    background: -moz-linear-gradient(top, #fff, #ddd);
}

.segmented_control button.left_section {
    border-right: 0;
    -webkit-border-top-left-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -moz-border-radius: 4px 0 0 4px;
    border-radius: 4px 0 0 4px;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding-box;
    border-right:1px solid white;
}

.segmented_control button.middle_section {
    border-right:1px solid white;
}

.segmented_control button.right_section {
    -webkit-border-top-right-radius: 4px;
    -webkit-border-bottom-right-radius: 4px;
    -moz-border-radius: 0 4px 4px 0;
    border-radius: 0 4px 4px 0;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding-box;
}

.segmented_control button:active, .segmented_control button.active {
    background: #ccc;
    background: -webkit-gradient(
        linear, left top, left bottom,
        from(#ddd), to(#bbb)
    );
    background: -moz-linear-gradient(top, #ddd, #bbb);
    text-shadow: 0 1px 0 #eee;
    -webkit-box-shadow: inset 0 1px 4px #000;
    -moz-box-shadow: inset 0 1px 4px #000;
    box-shadow: inset 0 1px 4px #000;
}

.segmented_control button::-moz-focus-inner {
    border: 0;
} 

.segmented_control button:focus {     
    outline: none; 
}

.segmented_control.green button
{
	background: #00e500; /* Old browsers */ 
	background: -moz-linear-gradient(top, #00e500 0%, #00dd00 2%, #00d50a 4%, #00c515 7%, #00b81d 11%, #00a723 16%, #009329 24%, #007b2d 36%, #006c30 51%, #006930 58%, #006830 100%); /* FF3.6+ */ 
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#00e500), color-stop(2%,#00dd00), color-stop(4%,#00d50a), color-stop(7%,#00c515), color-stop(11%,#00b81d), color-stop(16%,#00a723), color-stop(24%,#009329), color-stop(36%,#007b2d), color-stop(51%,#006c30), color-stop(58%,#006930), color-stop(100%,#006830)); /* Chrome,Safari4+ */ 
	background: -webkit-linear-gradient(top, #00e500 0%,#00dd00 2%,#00d50a 4%,#00c515 7%,#00b81d 11%,#00a723 16%,#009329 24%,#007b2d 36%,#006c30 51%,#006930 58%,#006830 100%); /* Chrome10+,Safari5.1+ */ 
	background: -o-linear-gradient(top, #00e500 0%,#00dd00 2%,#00d50a 4%,#00c515 7%,#00b81d 11%,#00a723 16%,#009329 24%,#007b2d 36%,#006c30 51%,#006930 58%,#006830 100%); /* Opera 11.10+ */ 
	background: -ms-linear-gradient(top, #00e500 0%,#00dd00 2%,#00d50a 4%,#00c515 7%,#00b81d 11%,#00a723 16%,#009329 24%,#007b2d 36%,#006c30 51%,#006930 58%,#006830 100%); /* IE10+ */ 
	background: linear-gradient(to bottom, #00e500 0%,#00dd00 2%,#00d50a 4%,#00c515 7%,#00b81d 11%,#00a723 16%,#009329 24%,#007b2d 36%,#006c30 51%,#006930 58%,#006830 100%); /* W3C */ 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00e500', endColorstr='#006830',GradientType=0 ); /* IE6-9 */
	box-shadow:none;
	color:white;
    text-shadow:0 1px 2px black;
}

.segmented_control.green button:active, .segmented_control.green button.active
{
	background: #006830; /* Old browsers */ 
	background: -moz-linear-gradient(top, #006830 0%, #006930 42%, #006e30 53%, #00782e 62%, #00862b 71%, #009628 78%, #00b120 87%, #00cb12 95%, #00d30c 96%, #00db00 98%, #00e300 100%); /* FF3.6+ */ 
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#006830), color-stop(42%,#006930), color-stop(53%,#006e30), color-stop(62%,#00782e), color-stop(71%,#00862b), color-stop(78%,#009628), color-stop(87%,#00b120), color-stop(95%,#00cb12), color-stop(96%,#00d30c), color-stop(98%,#00db00), color-stop(100%,#00e300)); /* Chrome,Safari4+ */ 
	background: -webkit-linear-gradient(top, #006830 0%,#006930 42%,#006e30 53%,#00782e 62%,#00862b 71%,#009628 78%,#00b120 87%,#00cb12 95%,#00d30c 96%,#00db00 98%,#00e300 100%); /* Chrome10+,Safari5.1+ */ 
	background: -o-linear-gradient(top, #006830 0%,#006930 42%,#006e30 53%,#00782e 62%,#00862b 71%,#009628 78%,#00b120 87%,#00cb12 95%,#00d30c 96%,#00db00 98%,#00e300 100%); /* Opera 11.10+ */ 
	background: -ms-linear-gradient(top, #006830 0%,#006930 42%,#006e30 53%,#00782e 62%,#00862b 71%,#009628 78%,#00b120 87%,#00cb12 95%,#00d30c 96%,#00db00 98%,#00e300 100%); /* IE10+ */ 
	background: linear-gradient(to bottom, #006830 0%,#006930 42%,#006e30 53%,#00782e 62%,#00862b 71%,#009628 78%,#00b120 87%,#00cb12 95%,#00d30c 96%,#00db00 98%,#00e300 100%); /* W3C */ 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#006830', endColorstr='#00e300',GradientType=0 ); /* IE6-9 */
	box-shadow:none;
	color:white;
    text-shadow:0 1px 2px black;
}

.segmented_control.blue button
{
	background: #0089d4; /* Old browsers */ 
	background: -moz-linear-gradient(top, #0089d4 0%, #0088d4 4%, #0064c3 13%, #0046b5 24%, #0030ab 38%, #0029a8 47%, #0024a6 62%, #0023a6 100%); /* FF3.6+ */ 
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0089d4), color-stop(4%,#0088d4), color-stop(13%,#0064c3), color-stop(24%,#0046b5), color-stop(38%,#0030ab), color-stop(47%,#0029a8), color-stop(62%,#0024a6), color-stop(100%,#0023a6)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #0089d4 0%,#0088d4 4%,#0064c3 13%,#0046b5 24%,#0030ab 38%,#0029a8 47%,#0024a6 62%,#0023a6 100%); /* Chrome10+,Safari5.1+ */ 
	background: -o-linear-gradient(top, #0089d4 0%,#0088d4 4%,#0064c3 13%,#0046b5 24%,#0030ab 38%,#0029a8 47%,#0024a6 62%,#0023a6 100%); /* Opera 11.10+ */ 
	background: -ms-linear-gradient(top, #0089d4 0%,#0088d4 4%,#0064c3 13%,#0046b5 24%,#0030ab 38%,#0029a8 47%,#0024a6 62%,#0023a6 100%); /* IE10+ */ 
	background: linear-gradient(to bottom, #0089d4 0%,#0088d4 4%,#0064c3 13%,#0046b5 24%,#0030ab 38%,#0029a8 47%,#0024a6 62%,#0023a6 100%); /* W3C */ 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0089d4', endColorstr='#0023a6',GradientType=0 ); /* IE6-9 */
	box-shadow:none;
	color:white;
    text-shadow:0 1px 2px black;
}

.segmented_control.blue button:active, .segmented_control.blue button.active
{
	background: #0023a6; /* Old browsers */ 
	background: -moz-linear-gradient(top, #0023a6 0%, #0024a8 42%, #0030ab 62%, #0038af 69%, #0045b5 76%, #005dbf 85%, #0087d3 96%, #0089d4 100%); /* FF3.6+ */ 
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0023a6), color-stop(42%,#0024a8), color-stop(62%,#0030ab), color-stop(69%,#0038af), color-stop(76%,#0045b5), color-stop(85%,#005dbf), color-stop(96%,#0087d3), color-stop(100%,#0089d4)); /* Chrome,Safari4+ */ 
	background: -webkit-linear-gradient(top, #0023a6 0%,#0024a8 42%,#0030ab 62%,#0038af 69%,#0045b5 76%,#005dbf 85%,#0087d3 96%,#0089d4 100%); /* Chrome10+,Safari5.1+ */ 
	background: -o-linear-gradient(top, #0023a6 0%,#0024a8 42%,#0030ab 62%,#0038af 69%,#0045b5 76%,#005dbf 85%,#0087d3 96%,#0089d4 100%); /* Opera 11.10+ */ 
	background: -ms-linear-gradient(top, #0023a6 0%,#0024a8 42%,#0030ab 62%,#0038af 69%,#0045b5 76%,#005dbf 85%,#0087d3 96%,#0089d4 100%); /* IE10+ */ 
	background: linear-gradient(to bottom, #0023a6 0%,#0024a8 42%,#0030ab 62%,#0038af 69%,#0045b5 76%,#005dbf 85%,#0087d3 96%,#0089d4 100%); /* W3C */ 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0023a6', endColorstr='#0089d4',GradientType=0 ); /* IE6-9 */
	box-shadow:none;
	color:white;
    text-shadow:0 1px 2px black;
}

button
{
    cursor:pointer;
}

#bays_seg_btn button
{
    min-width:88px;
    height:35px;
}

#crop_type
{
    color:#5A5A5A;
    font-size:26px;
    margin-right:20px;
}

.black_btn
{
    background: #b2b2b2;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2IyYjJiMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjMwJSIgc3RvcC1jb2xvcj0iIzM2MzYzNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwNzA3MDciIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #b2b2b2 0%, #363636 30%, #070707 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b2b2b2), color-stop(30%,#363636), color-stop(100%,#070707));
    background: -webkit-linear-gradient(top,  #b2b2b2 0%,#363636 30%,#070707 100%);
    background: -o-linear-gradient(top,  #b2b2b2 0%,#363636 30%,#070707 100%);
    background: -ms-linear-gradient(top,  #b2b2b2 0%,#363636 30%,#070707 100%);
    background: linear-gradient(to bottom,  #b2b2b2 0%,#363636 30%,#070707 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b2b2b2', endColorstr='#070707',GradientType=0 );

    
    border-radius:4px;
    -webkit-box-shadow: 2px 2px 1px #D7D7D7;
    -moz-box-shadow: 2px 2px 1px #D7D7D7;
    box-shadow: 2px 2px 1px #D7D7D7;
    font-size: 18px;
    padding: 5px 18px;
    text-align: center;
    color:#FFFFFF;
    cursor:pointer;
}

.clear
{
    clear:both;
}

#uaf_loader_mask
{
    position:fixed;
    background-color:black;
    opacity:0.4;
    display:none;
    margin:0;
    padding:0;
    height:100%;
    width:100%;
    top:0;
    left:0;
    z-index:1;
}

#uaf_mask
{
    position:fixed;
    background-color:black;
    opacity:0.7;
    display:none;
    margin:0;
    padding:0;
    height:100%;
    width:100%;
    top:0;
    left:0;
    z-index:1;
}
#uaf_loader, #bays_config, #sensor_settings, #sensor_calibration_do, #sensor_calibration_ec,  #sensor_calibration_ph, #peripheral_calibration, #mix_recipes, #external_tank_recipe
{
    position:fixed;
    display:none;
    margin:0;
    padding:0;
    height:100%;
    width:100%;
    left:0;
    top:0;
    z-index:99;
}
.uaf_mask_msg
{
    background-color: white;
    border: 2px solid #808080;
    padding: 25px 60px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    margin:0 auto;
}
.uaf_mask_msg_wrap
{
    margin:5px auto 0;
    height:100%;
}
.uaf_clear
{
    clear:both;
}

.popup_title
{
	color: #818181;
    font-size: 32px;
    margin-bottom: 30px;
    text-align: center;
}

#bays_config input
{
	background-color:white;
	text-align:center;
	width:115px;
	margin-right:10px;
}

.ui-widget
{
    font-size:15px;
}

.highcharts-container > svg > text > tspan
{
    display:none;
}
#bays_config .uaf_mask_msg_wrap, #bays_config .uaf_mask_msg
{
    max-width:1000px;
}
#uaf_loader .uaf_mask_msg
{
    max-width:100%;
}
.bay_view_label
{
    display:inline-block;
    color:#878787;
    margin-right:30px;
    width:55px;
}
.sensor_view_label
{
    display:inline-block;
    color:#878787;
    width:120px;
}

.clear15
{
    clear:both;
    height:15px;
}

.input.light
{
    border:1px solid #D9D9D9;
    background-color:white;
}

.add_recipe_btn
{
    float: right; 
    color: gray; 
    cursor: pointer; 
    margin-top: -58px; 
    font-size: 56px;
}
.popup_error_feedback
{
    text-align:center;
    margin-bottom:20px;
    color:red;
}
.highcharts-scrollbar, .highcharts-button
{
    display:none;
}
.sensor_buttons_wrap
{
    display:inline-block;
}
div.label
{
    margin-bottom:8px;
}