#header-bar {
	background-color: #5EB936;
	color: #E0FF1A
}

#header-bar a {
	color: white;
	text-decoration: none;
}

#header-bar a:hover {
	color: #E0FF1A;
	text-decoration: underline;
}

#body-bootstrap .table-responsive {
	margin-bottom: 1em;
}

.nav-item.active {
	font-size: 115%;
	font-weight: bold;
}
.nav-item.active .nav-link {
	color: #5EB936;
}
.dropdown-item.active {
	background-color:#5EB936;
}
.container-fluid {
	--bs-gutter-x: 0;
}

.bg-body {
	background-color:#EEF8EA !important;
	border:1px solid #65B930 !important;
}

table .form-select, table .form-control { 
	min-width: 5em !important;
}

#body-bootstrap .wheretonext { background-color: #bce2aa; border:1px solid #5EB936; }

.form-check-input { 
	border-color: #555 !important;
}

#body-bootstrap .alert {
	margin: 0.5em 0 0.5em 0;
}

#body-bootstrap .navbar .navlogo {
	margin-right: 1em;
}

#body-bootstrap .form-label {
	font-weight: bold;
	margin-top: 1em;
}

#body-bootstrap .btn {
	margin: 0.5em;
}

#body-bootstrap select .form-select.multiple {
	height: 200px;
}

#body-bootstrap input[readonly],
#body-bootstrap textarea[readonly] {
	background-color: #eee;
	border: 1px solid black;
}

#body-bootstrap .table-responsive {
	transform: rotateX(180deg);
	overflow-x: auto;
  } 
  #body-bootstrap .table-responsive .table {
	transform: rotateX(180deg);
  }

  #body-bootstrap   label.hint {
	font-weight: normal;
	width: auto;
	color: navy;
	text-align: left;
	font-size: 85%;
}

#body-bootstrap label.hint.red {
	color: red;
}

#harvestwarning-list {
	white-space: pre-line;
}

#body-bootstrap .composition .cbrb input { width:4em !important; }
#body-bootstrap .composition .cbrb { background-color:#ffffff; }

#body-bootstrap ul.hint {
	margin:0.5em;
}

#body-bootstrap .table input[type=date],
#body-bootstrap .table input.autocalc,
#body-bootstrap .table input.checkfloat,
#body-bootstrap .table input.checkinteger,
#body-bootstrap .table input.short {
	/* width: auto !important; */
}

#body-bootstrap .input-group .dialog-open {
	margin: 0;
}

#body-bootstrap .form-check .form-check-label {
	width: auto;
	margin: 0.25em;
	vertical-align: middle;
}

#body-bootstrap .form-check .form-check-input {
	margin: 0.25em;
}

#body-bootstrap label.indent {
	font-size: 75%;
}

#body-bootstrap label.fixed {
	width: 10em !important;
	padding: 0.25em;
}

#body-bootstrap .form_inline div {
	display:inline-block;
}

#body-bootstrap .form_inline .form-control-plaintext {
	display: block;
	margin-right: 1em;
}

#body-bootstrap .form_inline .cbrb {
	display: block;
	width: auto;
	margin-bottom: 0.5em;
}

#body-bootstrap .form_inline div.input-group {
	display: flex;
}

#body-bootstrap .input-group.short {
	width: 100%;
}

#body-bootstrap input.autocalc {
	background-color: #F7F59E;
	border: 1px solid #aaa;
	font-weight: bold;
}

#body-bootstrap .input-group .btn {
	margin: 0;
}

#body-bootstrap .form_inline_profile label { display:block; }
#body-bootstrap .form_inline_profile div { display:inline-block; vertical-align:top; width:auto; }
#body-bootstrap .form_inline_profile div.block { display:block; }

#body-bootstrap .table .manual-adjust {
	width: 20em !important;
}

#body-bootstrap .table.small {
	font-size:75%;
}

#body-bootstrap .composition .input-group .checkfloat {
	width: auto !important;
}

#body-bootstrap table td, #body-bootstrap table th { 
	vertical-align:top;	
}

#body-bootstrap table tr.control td:last-child { text-align:right; }

#body-bootstrap table.responsive.small {
	font-size:62.5%;
}
#body-bootstrap table.responsive.medium {
	font-size:85%;
}

#body-bootstrap table.responsive.onetomany tr.row-empty { display:none; }
#body-bootstrap table.responsive.onetomany tr.row-empty-reason { display:none; }

#body-bootstrap table.responsive.vieworder { margin: 0 auto 1em auto !important; }
#body-bootstrap table.responsive.vieworder tr.hidden { display: none !important; }

#body-bootstrap .table.picking td, #body-bootstrap table.picking th { vertical-align:middle; }
#body-bootstrap .table.picking tr.header td { font-weight:bold; }
#body-bootstrap .table.picking td { text-align: center; }
#body-bootstrap .table.picking td.lft { text-align: left; }
#body-bootstrap .table.picking tr.picked td { font-style: italic; }
#body-bootstrap .table.picking tr.picked td a { text-decoration:none; color:#000; }
#body-bootstrap .table.picking tr.picked td a:hover { text-decoration:underline; }
#body-bootstrap .table.picking tr.picked span.red { font-weight:normal; color:#000; }
#body-bootstrap .table.picking tr.picked .btn { background-color: #ccc;  color:#000; }
#body-bootstrap .table.picking tr.warning { text-align:left; }
#body-bootstrap .table.picking div.input-group input { width:5em !important; }
#body-bootstrap .table.picking td.blue { color: #0066FF; }

#body-bootstrap div.input-group input:not(.form-check-input) { min-width:3.5em !important; }
#body-bootstrap .fields .input-group input { max-width:8em !important; }

#body-bootstrap .fields.unspecified .crop span .visible-row.even {
	background-color: #EEF8EA;
	padding:0.25em;
}
#body-bootstrap .fields.unspecified .crop span .visible-row.odd{
	background-color: #CFEBC4;
	padding: 0.25em;
}

#body-bootstrap .fields:not(.unspecified) .visible-row.even {
	background-color: #EEF8EA;
	padding:0.25em;
}

#body-bootstrap .fields:not(.unspecified) .visible-row.odd {
	background-color: #CFEBC4;
	padding: 0.25em;
}

@media screen and (max-width: 1366px) {
	.dropdown-item {
		white-space: wrap;
	}
}

/* mobile */
@media screen and (max-width: 1024px) {
	#body-bootstrap .input-group.pickingviews * {
		font-size: 75%;
	}
	#body-bootstrap .input-group.pickingviews .input-select {
		width:200px;
	}
	#body-bootstrap .w-25,
	#body-bootstrap .w-50 {
		width: 100% !important;
	}
	#body-bootstrap .composition .input-group {
		flex-wrap: nowrap;
	}
	#body-bootstrap .marketcreated.d-inline { display:block !important; }
	#body-bootstrap table.mobile tbody tr,
	#body-bootstrap table.mobile tfoot tr {
		--bs-table-bg: transparent;
		--bs-table-striped-bg: transparent;
		--bs-table-hover-bg: transparent;
	}
	#body-bootstrap table.mobile tbody td,
	#body-bootstrap table.mobile tfoot td {
		border: 0;
	}
	#body-bootstrap .input-group.carriers {
		flex-direction:column;
	}
	#body-bootstrap .input-group.carriers .form-select {
		width:100%;
	}
	#body-bootstrap .table .edit {
		width: auto;
	}
	/* table-success */
	#body-bootstrap table.table-success.mobile tbody tr:not(.table-danger, .table-info),
	#body-bootstrap table.table-success.mobile tfoot tr:not(.table-danger, .table-info) {
		background-color: #d1e7dd;
		border: 1px solid #a7b9b1;
	}
	#body-bootstrap table.table-success.mobile tbody tr:nth-child(odd):not(.table-danger, .table-info),
	#body-bootstrap table.table-success.mobile tfoot tr:nth-child(odd):not(.table-danger, .table-info) {
		background-color: #c7dbd2;
	}
	#body-bootstrap table.table-success.mobile tbody tr:hover,
	#body-bootstrap table.table-success.mobile tfoot tr:hover {
		background-color: #c1d6cc;
	}
	/* table-secondary */
	#body-bootstrap table.table-secondary.mobile tbody tr:not(.table-danger, .table-info),
	#body-bootstrap table.table-secondary.mobile tfoot tr:not(.table-danger, .table-info) {
		background-color: #e2e3e5;
		border: 1px solid #b5b6b7;
	}
	#body-bootstrap table.table-secondary.mobile tbody tr:nth-child(odd):not(.table-danger, .table-info),
	#body-bootstrap table.table-secondary.mobile tfoot tr:nth-child(odd):not(.table-danger, .table-info) {
		background-color: #d7d8da;
	}
	#body-bootstrap table.table-secondary.mobile tbody tr:hover,
	#body-bootstrap table.table-secondary.mobile tfoot tr:hover {
		background-color: #d1d2d4;
	}
	/* table-light */
	#body-bootstrap table.table-light.mobile tbody tr:not(.table-danger, .table-info),
	#body-bootstrap table.table-light.mobile tfoot tr:not(.table-danger, .table-info) {
		background-color: #f8f9fa;
		border: 1px solid #c6c7c8;
	}
	#body-bootstrap table.table-light.mobile tbody tr:nth-child(odd):not(.table-danger, .table-info),
	#body-bootstrap table.table-light.mobile tfoot tr:nth-child(odd):not(.table-danger, .table-info) {
		background-color: #ecedee;
	}
	#body-bootstrap table.table-light.mobile tbody tr:hover,
	#body-bootstrap table.table-light.mobile tfoot tr:hover {
		background-color: #e5e6e7;
	}
	/* table-info */
	#body-bootstrap table.table-info.mobile tbody tr:not(.table-danger, .table-info),
	#body-bootstrap table.table-info.mobile tfoot tr:not(.table-danger, .table-info) {
		background-color: #cff4fc;
		border: 1px solid #a6c3ca;
	}
	#body-bootstrap table.table-info.mobile tbody tr:nth-child(odd):not(.table-danger, .table-info),
	#body-bootstrap table.table-info.mobile tfoot tr:nth-child(odd):not(.table-danger, .table-info) {
		background-color: #c5e8ef;
	}
	#body-bootstrap table.table-info.mobile tbody tr:hover,
	#body-bootstrap table.table-info.mobile tfoot tr:hover {
		background-color: #bfe2e9;
	}
	/* table-danger */
	#body-bootstrap table.table-danger.mobile tbody tr,
	#body-bootstrap table.table-danger.mobile tfoot tr {
		background-color: #f8d7da;
		border: 1px solid #c6acae;
	}
	#body-bootstrap table.table-danger.mobile tbody tr:nth-child(odd),
	#body-bootstrap table.table-danger.mobile tfoot tr:nth-child(odd) {
		background-color: #eccccf;
	}
	#body-bootstrap table.table-danger.mobile tbody tr:hover,
	#body-bootstrap table.table-danger.mobile tfoot tr:hover {
		background-color: #e5c7ca;
	}
	/* notify rows */
	#body-bootstrap table.table.mobile tbody tr.table-danger {
		background-color: #f8d7da;
		border: 1px solid #c6acae;
	}
	#body-bootstrap table.table.mobile tbody tr.table-info {
		background-color: #cff4fc;
		border: 1px solid #a6c3ca;
	}
}

/* desktop */
@media screen and (min-width: 1024px) {

	#body-bootstrap .crop .input-group .checkfloat {
		flex-wrap: nowrap;
	}

	#body-bootstrap .form_inline input[type=date],
	#body-bootstrap .form_inline input.autocalc,
	#body-bootstrap .form_inline input.checkfloat,
	#body-bootstrap .form_inline input.checkinteger,
	#body-bootstrap .form_inline input.short {
		width: auto !important;
	}

	#body-bootstrap .inline-block.form_inline .btn {
		margin-top: 3em;
	}

	#body-bootstrap .input-group.short {
		width: 25%;
	}

	#body-bootstrap .table input[type=date] {
		width: 100% !important;
	}
}

/* larger desktop */
@media screen and (min-width: 1024px) {
	#body-bootstrap .input-group.pickingviews {
		width:50%;
	}
}


/* INDEX PAGE */

#intro { margin-bottom: 1em; }
#banner { color:#FFFFFF; background-color:#65b930; }
#banner .notify-main { padding:5px; color:black; background-color:#eee; text-align:center; }
#banner .left p.more { display:inline-block; padding:22px 0 0 10px; font-size:17px; line-height:120%; }
#banner .left .more span { color:#aaea81; }
#banner .left .more a { padding:0 28px 4px 0; color:#FFFFFF; text-decoration:none; background:top right no-repeat url(../images/button-more.gif); }
#banner .left .signup { display:none; }
#banner .left .signup h1 { margin-bottom:0; }
#banner .left label.checkbox a { font-family:myriadbold; text-decoration:none; color:#FFFFFF; }
#banner h1 { border-bottom: 0; }
#banner p { color: #FFFFFF; }

#main { margin-bottom:100px; border-bottom:1px solid #d7e7eb;  }
#main .content { /*width:938px;*/ padding:20px 21px 18px 21px; position:relative; }
#main h2 { margin:0 0 4px 5px; }
#main .content-text { width: 550px; min-height:400px; }
#main .footer { position:absolute; right:0; bottom:0; width:378px; font-family:myriadsemi; font-size:14px; line-height:120%; color:#3f9db7; text-align:right; }
#main .footer img { margin:0 5px 8px 0; }
#main .footer p { margin-bottom:4px; }
#main .footer h1 { font-size:25px; line-height:120%; color:#65b930; text-transform:uppercase; border-bottom:0; }

#banner p, #main p { margin-top:0; }
#banner h1, #main h1 { margin-top:0; font-family:myriadsemi; font-size:26px; line-height:120%; font-weight:normal; }
#main h2, #banner h2 { margin-top:0; font-family:myriadsemi; font-size:20px; line-height:120%; font-weight:normal; color:#3f9db7; }

#banner strong, #main strong { font-weight:normal; font-family:myriadbold; }
#banner em, #main em { font-family:myriaditalic; }

#banner .button, #main .button { margin-left:0.25em; padding:0.25em; display:inline-block; font-size:24px; line-height:120%; color:#FFFFFF; text-decoration:none; border:2px solid #62c6e2; background:top left repeat-x url(../images/button-bgnd.png); }

ul.tick, ul.tick li { margin:0; padding:0; list-style:none; }
ul.tick { margin-bottom:12px; }
ul.tick li { padding:5px 0 5px 21px; background:top left no-repeat url(../images/green-tick.gif); }

@media screen and (max-width:1024px){
	#banner .right { display:none; }
	#main .content { width:auto; }
	#main .footer { position:relative; width:auto; text-align:center; }
	.btn .hideme { display: none; }
}

unspecified-crop-search {
    transition: none !important;
}