body {
	padding-top: 50px;
	padding-bottom: 20px;
}

/* Set padding to keep content from hitting the edges */
.body-content {
	padding-left: 15px;
	padding-right: 15px;
}

.extra-margin-and-padding {
	margin: 1em 1em 1em 1em;
	padding: 0em 1em 0em 1em;
}

/* Override the default bootstrap behavior where horizontal description lists 
   will truncate terms that are too long to fit in the left column 
*/
.dl-horizontal dt {
	white-space: normal;
}

/* Set width on the form input elements since they're 100% wide by default */
input,
select,
textarea {
	max-width: 280px;
}

.table-sale-line-items {
	width: 100%;
}

.text-box-quantity {
	width: 65px;
}

.table-sale-line-items th {
	width: 100px;
}

.sale-line-item {
	width: 100px;
	border: none;
	text-align: center;
}

.sale-line-item-product {
	border: none;
	max-width: 390px;
	width: 390px;
}

.btn-save-custom {
	background-color: green;
	font-weight: 700;
	color: #FFFFFF;
}

.btn-delete-custom {
	background-color: #FF0000;
	font-weight: 700;
	color: #FFFFFF;
}

.lbl-create-pages-top-option-1 {
	background-color: #9999FF;
}

.lbl-create-pages-top-option-2 {
	background-color: #9999FF;
}

.link-inventory-page-change {
	display: inline;
	padding-right: 1em;
}

.inventory-page-links {
	margin-top: 4em;
	text-align: center;
	clear: left;
	font-size: 2em;
}

.user-filter-box {
	height: 15em;
	width: 30%;
	overflow: scroll;
}

/*.filter-table {
	text-align: center;
}*/

.filter-table tr {
	text-align: left;
}

.filter-table td {
	border: none !important;
}

/*####################### BELOW IS THE CSS FORMERLY IN ReportPrinting.css #######################*/
#report {
	margin: 0 5em 0 5em;
}

.header-info {
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	margin-bottom: 2em;
}

.header-info h2, .header-info h3 {
	display: inline;
	padding-bottom: 2em;
	padding-right: 2em;
}

.header-region {
	display: inline;
	padding-bottom: 2em;
}

.headings th {
	font-weight: 800;
	font-size: small;
	text-align: left;
}

#dataRegion {
	font-family: Arial, Helvetica, sans-serif;
	font-size: x-small;
}

.table {
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	width: 95%;
}

.table th.grower, td.grower {
	width: 25%;
}

.table th.product, td.product {
	width: 25%;
}

.table th.quantity, td.quantity {
	width: 5%;
	text-align: center;
}


.table-highlighted tr:nth-child(even) {
	background-color: #F0F0F0;
}

.total-row td {
	font-weight: 800;
	background-color: #FFFFFF;
}

.total-row-highlighted {
	font-weight: 800;
	background-color: #F0F0F0;
}

.total-row-highlighted td {
	font-weight: 800;
	background-color: #F0F0F0;
}

.total-td-heading-1 {
	text-align: right;
	padding-right: 1%;
	font-size: medium;
	font-variant: small-caps;
	border-top: 1px solid black;
}

.total-td-heading-2 {
	text-align: right;
	padding-right: 1%;
	font-size: small;
	font-variant: small-caps;
}

.total-td-heading-3 {
	text-align: right;
	padding-right: 1%;
	font-size: smaller;
	font-variant: small-caps;
}

/* #################################################################################################################*/

/* *****************************************************************************************************************
   The folllowing were added by FVR on 12/3/2018 for Feature 369. Recreated from Bootstrap.css, in order to leave
   the bootstrap file in its original state and migrate all our general site styling to one file. Better practice.
*/

.custom-nav-bar {
	background-color: #b3d1ff;
	color: #4E443C;
	border-color: #080808;
	font-family: Georgia,serif;
	font-weight: 400;
	text-transform: none;
	height: 62px;
}

.custom-nav-bar li.first-link {
	padding-left: 3px;	
}

.navbar-inverse .navbar-nav > li > a {
	color: #000000;
	margin: 10px 5px 10px 5px;
	padding: 7px 2px 0px 2px;
}

.nav-bar-logo {
	/*background-image: url("/Image/logo1.jpg");*/
	/*background-size: cover;*/
	/*color: #FFFFFF !important;*/
	font-weight: bolder;
	border-radius: 6px;
}

.jumbotron {
	width: 100%;
	height: 50%;
	padding: 4% 0 0 0;
	margin: 2%;
	font-size: 21px;
	font-weight: 200;
	line-height: 2.1428571435;
	color: #b3d1ff;
	background-color: #FFFFFF;
	/*background: url("/Image/jumbotron.png") no-repeat center center;*/
	/*background-size: cover;*/
}

.jumbotron h1 {
	line-height: 1;
	font-family: Georgia,serif;
	font-variant: small-caps;
	text-align: right;
}

.jumbotron div.row p {
	font-size: smaller;
	text-align: right;
}

/* *********************End Feature 369 additions********************** */

.logo {
	display: inline-block;
	vertical-align: top;
	width: 140px;
	height: 60px;
	border-radius: 1em;
	opacity: .8;
}

.loading-dots span{
	width: 5px;
	height: 5px;
	margin: 0 2px;
	background-color: #9999FF;
	border-radius: 50%;
	display: inline-block;
	animation-name: jumpingDots;
	animation-duration: 1s;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
}

.loading-dots span:nth-child(2) {
	animation-delay: 0.2s;
}

.loading-dots span:nth-child(3) {
	animation-delay: 0.4s;
}

@keyframes jumpingDots {
	40% {transform: translateY(0px)}
	50% {transform: translateY(-10px)}
}

.reload {
	background: none
}
.reload:hover {
	cursor: pointer;
}

.bottom-form {
	flex-direction: row;
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding-right: 25px;
}

.searchIcon:hover {
	cursor: pointer;
}