body {
    background: #fff;
    margin: 0;
    padding: 0;
    font: 12px/16px "Avenir", "Helvetica Neue", helvetica, arial,sans-serif;
	font-weight: 300;
    color: #000;
}

/* --------------------------------------------------------------
Zeevo 2015
Reksin - FormTab HTML5 Application.
-------------------------------------------------------------- */

::-webkit-scrollbar {
    display: none;
}
/*
 * BeetGuru specific
 */
.zButton.primary {
	border-radius: 0;
    font-size: 14px;
    text-transform: uppercase;
}
.zButton.primary div {
	line-height: 44px;
}

.zButton.roundy {
	background: rgb(0,107,79);
	border-radius: 70px !important;
	padding: 10px !important;
}
.zButton.roundy .icon {
	width: 100% !important;
	height: 60px !important;
	margin-top: 15px !important;
	margin-bottom: 5px !important;
}

.ZNavigationElement {
	background: rgb(0, 107, 79) !important;	
}

.znavigationbar .backbuttonitem .backChevron,
.znavigationbar h1.ztitleview,
.znavigationbar .zButton 
{
	color: #FFF;	
}
.znavigationbar h1.ztitleview {
	font-weight: 500;
}

.zNavigationToolbar {
	background: #FFF !important;
 	border-top: 1px solid #000;
}

.zNavigationToolbar .zButton.barbuttonitem {
	color: #000;
	width: 130px !important;
	height: 60px;
}

.zNavigationToolbar .zButton.barbuttonitem > div {
	display: block;
	float: left;
	line-height: 60px;
	margin-right: 10px;
}

.zNavigationToolbar .zButton .icon {
    height: 60px !important;
    padding-top: 0 !important;
    margin-top: 0 !important;
}

.zNavigationToolbar .flexiblespace {
	min-width: 25px;
}

.zButton.delete {
	padding-top: 15px;
}
.zButton.delete span.icon {
	font-size: 12px;
}

.ztableviewcontent .ztableviewcell.growerCell.selected {
	background-color: #FFF !important;
	background-image: url(../css/img/checkmark.png);
	background-position: 10px 15px;
	background-repeat: no-repeat;
}

.growerCell.selected .ztableviewcellcontent label {
	color: #000;
}

.zButton.accessory-edit span.icon {
	font-size: 18px;
	color: #CCC;
}

.centerCell .ztableviewcellcontent label {
	text-align: center;
}

.chart-legend label {
	display: inline-block;
	width: 50%;
}

.measurementCell .numberInputField:focus {
	background-color: rgba(191, 191, 191, 0.5) !important;
	overflow-x: scroll;
	outline: none;
}
.measurementCell .numberInputField {
	margin: 5px;
	border: none !important;
	font-size: 18px;
	line-height: 33px;
	font-weight: 600 !important;
	padding: 0 !important;
	text-align: right;
	overflow: hidden;
	text-overflow: ellipsis;
}
/* --------------------------------------------------------------
						Login View
 -------------------------------------------------------------- */

#login_form,
#reset_form {
  margin: 0 auto !important;
  max-width: 380px;
  padding: 20px !important;
  background-color: white;
  border-radius: 7px;
  padding-top: 30px !important;
}

#login_form center {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 15%;
  line-height: 20px;
}

#login_status, #login_form .login_status {
  color: black !important;
  line-height: normal !important;
}

#login_form input {
  width: 95% !important;
  height: 35px;
  font-size: 16px;
  border-width: 1px;
}

#login_form > div:not(.controls) {
  text-align: center;
  margin-bottom: 15px;
}

label.formLabel {
  margin-left: 15px;
  margin-bottom: 10px;
  font-size: 15px;
}

.zButton._Login {
  background-color: rgb(0, 107, 79);
  padding: 15px;
  color: #FFF;
}

#login_form .controls {
  margin: 0 auto;
}

/* --------------------------------------------------------------
						Password Reset
 -------------------------------------------------------------- */
.zButton._ForgotPassword? {
  padding: 15px;
  margin-top: 20px;
  color: rgb(0, 107, 79);
}
.PasswordReset {
	padding-top: 60px;
}
.passwordResetContent {
	max-width: 380px;
	margin: 0 auto;
	text-align: center;
	padding: 20px !important;
}
.passwordResetContent h2 {
	font-size: 30px;
	font-weight: normal;
}
.passwordResetContent p.instructions {
	font-size: 16px;
}
.zButton._ResetPassword {
  background-color: #459e9d;
  padding: 15px;
  color: #FFF;
}
.passwordResetContent input {
  width: 95% !important;
  height: 35px;
  font-size: 16px;
  border-width: 1px;
}

/* --------------------------------------------------------------
						Register
 -------------------------------------------------------------- */
.zButton.TextButton {
  padding: 15px;
  color: rgb(0, 107, 79);
}

/*******************************************
Address Autocomplete
*******************************************/
.autocomplete-suggestions { border: 1px solid #CCC; border-bottom: none; background: #FFF; cursor: default; overflow: auto;; }
.autocomplete-suggestion { padding: 12px 5px; white-space: nowrap; overflow: hidden; border-bottom: 1px solid #CCC;}
.autocomplete-no-suggestion { padding: 2px 5px;}
.autocomplete-selected { background: #F0F0F0; }
.autocomplete-suggestions strong { font-weight: bold; color: #000; }
.autocomplete-group { padding: 2px 5px; }
.autocomplete-group strong { font-weight: bold; font-size: 16px; color: #000; display: block; border-bottom: 1px solid #000; }


/* --------------------------------------------------------------
						Custom Keyboard
 -------------------------------------------------------------- */
.KBKeyPadAccessory {
	border-top: .5px solid #CCC;
	display: flex;
	justify-content: flex-end;
	align-items: center;
}
.KBKeyPadAccessory > .zButton {
	line-height: 35px;
	font-size: 15px;
	color: rgba(11, 96, 255, 0.75);
}
.KBKeyPadButtons {
	background: #FFF;
	padding-bottom: env(safe-area-inset-bottom);
}
.KBKeyPadButtonRow {
	display: flex;
	justify-content: space-between;
	border-bottom: .5px solid #000;
}
.KBKeyPadButtonRow:last-child {
	border-bottom: none;
}
.KBKeyPadKey {
	color: #000;
	width: 33%;
	padding: 19px 0;
	border-radius: 0;
	font-size: 30px;
	font-weight: 100
}
.KBKeyPadKey:nth-child(2) {
	border-right: .5px solid #000;
	border-left: .5px solid #000;
}